@import url(../css/extra.css);
@import url(../css/menu.css);

/* ---------------------------- LAYOUT ----------------------------- */

*	{
	margin: 0; padding: 0;
	}

html { 
	min-height: 100.2%;
	}

body {
	behavior: url("fileadmin/template/css/csshover3.htc");
	font-family: "Verdana", sans-serif;
	background: #cac7b4 url("../images/background.jpg") top center repeat-y;
	font-size: 12px;
	line-height: 21px;
	color: #666;
	}
	
#wrapper {
	width: 970px;
	position: relative;
	padding: 0;
	margin: 0 auto 0 auto;
	}

/* ----- Banner ------ */

#banner {
	width: 945px;
	height: 125px;
	padding: 0;
	margin: 0 25px 0 0;
	}
	
	#logo, #logo_de, #logo_en {
		width: 480px;
		height: 125px;
		background: url("../images/logo_biorn.jpg") top left no-repeat;
		padding: 0;
		margin: 0;
		float: left;
		cursor: pointer;
		}
		
	#logo_en {
		background: url("../images/logo_biorn_english.jpg") top left no-repeat;
		}
		
	#bar {
		width: 430px;
		height: 125px;
		text-align: right;
		padding: 0;
		margin: 0;
		float: right;
		}
		
		#bar p {color: #ccc; padding: 0;}
	
		.bar_sprache {
			width: 150px;
			height: 21px;				
			padding: 10px 10px 10px 0;
			margin: 0;
			
			}
		
		.bar_box {
			height: 21px;		
			padding: 10px 0 10px 5px;
			margin: 0;
			float: right;
			}

/* ----- Mainmenu ------ */

#mainmenu {
	width: 900px;
	height: 50px;
	padding: 0 0 0 20px;
	margin: 0 25px 5px 25px;
	}

/* ----- Titelbild ------ */

#title {
	width: 920px;
	height: 260px;
	padding: 0;
	margin: 0 25px 0 25px;
	}

/* ----- Portal ------ */
	
#wrapper_portal {
	width: 920px;
	background: #F2F2F2 url("../images/wrapper_portal_back.jpg") top center repeat-y;
	padding: 0 0 10px 0;
	margin: 0 25px 10px 25px;
	}
	
	#wrapper_portal a:link, #wrapper_portal a:visited, #wrapper_portal a:hover, #wrapper_portal a:active {font-weight: bold;}
	
	#portal_left {
		width: 300px;
		padding: 0;
		margin: 0 10px 0 0;
		float: left;
		}
		
	#portal_middle {
		width: 300px;
		padding: 0;
		margin: 0 10px 0 0;
		float: left;
		}
	
	#portal_right {
		width: 300px;
		padding: 0;
		margin: 0;
		float: left;
		}
		
		.portal_box_1 { 
			width: 260px;
			border-bottom: 10px solid #fff;
			padding: 15px 20px 20px 20px;
			margin: 0;
			float: left;
			}
			
		.portal_box_2 { 
			width: 260px;
			background: #F2F2F2 url("../images/box_portal_top_back.jpg") top left no-repeat;
			border-bottom: 10px solid #fff;
			padding: 15px 20px 20px 20px;
			margin: 0;
			float: left;
			}
			
		.portal_box_3 { 
			width: 260px;
			background: #F2F2F2 url("../images/box_portal_bottom_back.jpg") bottom left no-repeat;
			border-bottom: 10px solid #fff;
			padding: 15px 20px 20px 20px;
			margin: 0;
			float: left;
			}
		
		.box p, .box_top p, .box_bottom p {padding: 7px 0 7px 0;}
			
/* ----- Path ------ */
	
#path {
	width: 900px;
	border-top: 1px dashed #DEDCD9;
	border-bottom: 1px dashed #DEDCD9;
	padding: 5px 0 5px 0;
	margin: 10px 25px 0 45px;
	}
	
	#path p {padding: 0;}

/* ----- Content ------ */
	
#wrapper_content {
	width: 920px;
	padding: 0;
	margin: 25px 25px 30px 25px;
	}
	
	#content_left {
		width: 600px;
		padding: 0 0 0 20px;
		margin: 0;
		float: left;
		}
		
		#content_left ul, #content_left ol {margin: 10px 0 10px 25px; padding: 0; overflow:visible;}
		#content_left li {margin: 2px 0 2px 0; padding: 0;}
		#content_left table {border-collapse: separate;	padding: 0;	margin: 10px 0 10px 0;}
	
	#content_right {
		width: 255px;
		padding: 0;
		margin: 0;
		float: right;
		}
		
		.content_right_box_1 { 
			width: 215px;
			background: #F2F2F2 url("../images/box_content_right_back.jpg") top left no-repeat;
			padding: 20px 20px 25px 20px;
			margin: 0 0 15px 0;
			float: left;
			}
		
		.content_right_box_2 { 
			width: 215px;
			background-color: #F2F2F2;
			padding: 20px 20px 25px 20px;
			margin: 0 0 15px 0;
			float: left;
			}
			
			.content_right_box_2 li {
				list-style-type: none;
				background: url("../images/icon_submenu_1_link.gif") 0px 8px no-repeat;
				padding: 5px 0 5px 18px;
				margin: 0; }

/* ----- Logos ------ */

#logos {
	width: 920px;
	height: 100px;
	background-color: #F2F1E8;
	padding: 0;
	margin: 0 25px 0 25px;
	}
	
	.logos_box { 
		height: 80px;
		padding: 0;
		margin: 10px 14px 10px 16px;
		float: left;
		}

/* ----- Footer ------ */

#footer {
	width: 880px;
	height: 40px;
	padding: 0 20px 0 20px;
	margin: 10px 25px 15px 25px;
	}
	
	#footer p {font-size: 11px; line-height: 11px;}