/*


/////////////////////////////////////////////////////////

PROJEKT: PROBIOPOL
DATUM: 06/2008

2007 Copyright U21

/////////////////////////////////////////////////////////

*/



/******************** setup ********************/



body { padding: 0; margin: 0; font-size: 11px; line-height: 17px; color: #000; font-family: arial, sans-serif; background: #fff url(../gfx/left_bg.gif) repeat-y; }

.clear {clear: both;}

img, a img {border: 0;}
.hidden {display: none;}


/******************** links ********************/

a:link {color: #3d921d;text-decoration: none;}
a:visited {	color: #3d921d;text-decoration: none;}
a:hover {text-decoration: underline;}


/******************** layout ********************/


#wrapper { text-align: left; padding: 0; margin: 0; width: 1024px;}

#wrapper_left { float: left; width: 285px; }

#logo { height: 170px; }
#logo img { margin-left: 38px; margin-top: 20px; }

#wrapper_content { float: left; width: 700px; padding: 0; margin: 0 0 0 25px; display: inline;}
*html #wrapper_content { margin-left: 0; }

#pic { height: 130px; overflow: hidden; }
#pic img { margin-top: 20px; }

#rootline { height: 20px;font-size: 10px; margin-bottom: 25px; color: #999;}
#col_content { float: left; width: 470px; display: inline; overflow: hidden; }

#col_special { float: left; width: 180px; margin-left: 20px; border-left: 1px solid #fff; padding-left: 20px; margin-top: 44px; overflow: hidden; }
*html #col_special { width: 200px; }

#footer { clear: left; font-size: 10px; height: 25px; overflow: hidden;
	padding-top: 20px;
}
#disclaimer { position: absolute; left: 30px; }
#page_options { position: absolute; left: 305px; }


/******************** navigation ********************/


#navi ul {font-size: 11px;line-height: 11px; margin: 0; padding: 0; width: 285px;}
#navi ul li {font-size: 11px;line-height: 11px;list-style: none;padding: 0 30px 0 0; margin: 0; width: 255px;}

#navi ul li a {display: block; text-decoration: none; font-weight:bold; margin-bottom: 5px; padding: 6px 0px 6px 40px; }

#navi ul.active {
	background: url(../gfx/menu_bg.gif) repeat-y 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#navi ul.active a { color: #333; } 
#navi div.bgtop {
	background: url(../gfx/menu_top_bg.gif) no-repeat 0 top;
	height: 5px;
	color: white;
}
#navi ul li.level2 a {display: block; color: #333; padding: 4px 4px 4px 40px; text-decoration: none; font-weight:normal;
	margin-bottom: 0;
}
#navi ul li.level2 a:hover { }
#navi ul li.level2-act a { font-weight: bold; }
#navi ul li.level2-act a:hover {  }

#navi ul li.level3 a {  border-top: #ededed 0px solid; padding: 3px 4px 3px 20px; }
#navi ul li.level3 a:hover {  }
#navi ul li.level3-act a {  font-weight: bold; }
#navi ul li.level3-act a:hover {  }


#navinet { margin-top: 20px; }

#navinet ul {font-size: 11px;line-height: 11px; margin: 0; padding: 0;}
#navinet ul li {font-size: 11px;line-height: 11px;list-style: none;padding: 0; overflow: hidden; margin: 0; }

#navinet ul li a {display: block; padding: 6px 4px 6px 40px; text-decoration: none; font-weight:bold; margin-bottom: 5px; }

#navinet ul.active {
	background: url(../gfx/menu_bg.gif) repeat-y 0 bottom;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#navinet ul.active a { color: #333; } 
#navinet div.bgtop {
	background: url(../gfx/menu_top_bg.gif) no-repeat 0 top;
	height: 5px;
	color: white;
}
#navinet ul li.level2 a {display: block; color: #333; padding: 4px 4px 4px 40px; text-decoration: none; font-weight:normal;
	margin-bottom: 0;
}
#navinet ul li.level2 a:hover { }
#navinet ul li.level2-act a { font-weight: bold; }
#navinet ul li.level2-act a:hover {  }

#navinet ul li.level3 a {  border-top: #ededed 0px solid; padding: 3px 4px 3px 20px; }
#navinet ul li.level3 a:hover {  }
#navinet ul li.level3-act a {  font-weight: bold; }
#navinet ul li.level3-act a:hover {  }

#lang { margin-top: 40px; }
#lang a { padding-left: 30px; margin-left: 40px; text-decoration: none;}
#lang a.gb { background: url(../gfx/flag_gb.gif) no-repeat 0 center; }
#lang a.ro { background: url(../gfx/flag_ro.gif) no-repeat 0 center; }

#disclaimer a { text-decoration: none; padding: 10px;}
#disclaimer a:hover {  }

#rootline a { color: #999; text-decoration: none; }
#rootline a:hover {  }

#page_options a.printme, #page_options a.printme:hover { background: url(../gfx/icon_print.gif) no-repeat left center; text-decoration: none; padding: 10px 10px 10px 20px; margin-right: 20px;}

#page_options a.pagetop, #page_options a.pagetop:hover { background: url(../gfx/icon_pagetop.gif) no-repeat left center; text-decoration: none; padding: 10px 10px 10px 20px; margin-right: 20px;}


/******************** text ********************/
table { border-collapse: collapse !important; border-top: 1px solid #666; width: 99%; margin-bottom: 1.8em; clear: left; }

td { font-size: 12px; line-height: 18px; padding: 0 5px 0 2px; border-bottom: 1px solid #999; vertical-align: top; width: auto; background-color:#ebf2e5;}
td .bodytext { font-size: 12px; line-height: 18px; margin-bottom:3px !important; margin-top: 0; padding-top: 0; }

#col_content p { margin: 1em 0 1.8em 0; font-size: 12px; line-height: 18px; }

#col_content ul, #col_content ol { font-size: 12px; line-height: 18px; }
#col_content li, #col_content li { margin-left: 0px; }

h1,h2,h3,h4 { display: block; }
h1 {
	color: #333;
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 22px;
}
.csc-firstHeader {
	margin-top: 0;
	padding-top: 0;
}

h2 {
	color: #333;
	font-size: 14px;
	line-height: 16px;
	margin-bottom: 1.2em;
}

h3, h4, h5 {
	color: #333;
	font-size: 12px;
	line-height: 16px;
	margin-bottom: 1.2em;
}



#col_special h1 {
	font-size: 12px;
	line-height: 14px;
}

#col_special h1, #col_special h2 {
	font-size: 12px;
	line-height: 14px;
	margin-bottom: 1.2em;
}
#col_special h3, #col_special h4, #col_special h5 {
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 1.2em;
}

#col_special ul, #col_special ol {
	margin-left: 0;
	padding-left: 15px;
}


#contentleft {font-size: 10px;line-height: 12px; margin: 50px 0 20px 40px; padding: 5px; width: 170px; }

#contentleft h1,#contentleft h2,#contentleft h3 {font-size: 11px;
	margin-top: 0;
	padding-top: 5px;
}
#contentleft p {
	margin-top: 0;
	padding-bottom: 7px;
	margin-bottom: 3px;
}

.framework { margin: 0 0 20px 40px; }

/******************** formulare ********************/


label {
	cursor: pointer;
}



/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 0px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */