/* @group Layout */

* {
	padding: 							0;
	margin: 							0;
}

html,body, #frame {
	height: 							100%;
	width: 								100%;
}

html{
	overflow:							hidden;
}

.bg1 {background: #81a319 url('../images/bg1.jpg') no-repeat fixed top left;}
.bg2 {background: #81a319 url('../images/bg2.jpg') no-repeat fixed top left;}
.bg3 {background: #e5e9e8 url('../images/bg3.jpg') no-repeat fixed top left;}
.bg4 {background: #e5e9e8 url('../images/bg4.jpg') no-repeat fixed top left;}
.bg5 {background: #81a319 url('../images/bg5.jpg') no-repeat fixed top left;}

#leftline{
	background:							transparent url('../images/arrow1.png') no-repeat scroll top right;
	position:							absolute;
	height:								132px;
}

#box {
	width: 								950px;
	position: 							absolute;
	padding-bottom: 					130px;
}

#bar {
	background: 						transparent url('../images/navi_shadow_top.png') repeat-x scroll top left;
	width: 								100%;
	height:								140px;
	padding-top:						9px;
	position: 							fixed;
	bottom: 							0;
	z-index: 							99;
	clear:								both;
}


#bg{
	background-color: 					#fff;
	width: 								100%;
}

#footer {
	width: 								950px;
	margin: 							0 auto;
}


#footer .top {
	height: 							100px;

}

#bar .shadow_bottom{
	background: 						transparent url('../images/navi_shadow_bottom.png') repeat-x scroll top left;
	width: 								100%;
	height: 							10px;	
}

/* @end */

/* @group BMELV Logo */

#logo{
	position: fixed;
}

#logo h1 {
	font: 								17px "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	width: 								203px;
	height: 							100px;
	overflow: 							hidden;
}

#logo h1 span {
	display: 							block;
	position: 							absolute;
	width: 								203px;
	height: 							100px;
	background: 						transparent url('../images/logo.png') no-repeat scroll top left;
}

/* @end */



/* @group Footer Teaser */

#teaser{
	float: 								left;
	height:								100px;
	width: 								250px;
	background-color: 					#fff;
	border-right: 						1px solid #999;
}

#teaser h3{
	font: 								1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-top:							0.56em;
}

#teaser h4{
	font: 								0.95em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#555;
}

#teaser p{
	font: 								0.65em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
}

/* @end */

/* @group Footer Navigation */

#navigation {
	float: 								right;
	background-color:					#fff;
	width: 								660px;
	margin-top: 						6px;
}

#navigation li{
	float: 								left;
	list-style-type: 					none;
	margin:								0px 0px 0px 0px;
}

#navigation li a {
	display: 							block;
	width:								130px;
	height:								92px;
	overflow:							hidden;
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#999;
	text-decoration:					none;
	text-align: 						center;

}

#navigation li a:hover, .milch1active span, .milch2active span, .milch3active span, .milch4active span,.milch5active span {
	color: 								#cc6600;
}

#navigation li a span{
	display: 							block;
	padding-top: 						55px;
}

a.milch1 { background: #fff url('../images/navigation_points.png') no-repeat scroll 3px 0;}
a.milch2 { background: #fff url('../images/navigation_points.png') no-repeat scroll 3px -121px;}
a.milch3 { background: #fff url('../images/navigation_points.png') no-repeat scroll 3px -242px;}
a.milch4 { background: #fff url('../images/navigation_points.png') no-repeat scroll 3px -363px;}
a.milch5 { background: #fff url('../images/navigation_points.png') no-repeat scroll 3px -484px;}

a:hover.milch1, a:active.milch1, a.milch1active { background-position: -137px 0;}
a:hover.milch2, a:active.milch2, a.milch2active { background-position: -137px -121px;}
a:hover.milch3, a:active.milch3, a.milch3active { background-position: -137px -242px;}
a:hover.milch4, a:active.milch4, a.milch4active { background-position: -137px -363px;}
a:hover.milch5, a:active.milch5, a.milch5active { background-position: -137px -484px;}

/* @end */

/* @group Font Resizer */

#bottom .fontsize{
	margin: 							8px 50px 0px 0px;
}
#bottom .fontsize li a span {
	position:							absolute;
	height:								1px;
	width:								1px;
	left:								-10000px;
	overflow:							hidden;
}

#bottom .fontsize li{
	float: 								right;
}

#bottom .fontsize li{
	list-style-type: 					none;
}

#bottom .fontsize li a {	
	display: block;
	width: 								24px;
	height:								24px;
	text-decoration: 					none;
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight:						bold;
	color: 								#555;
}

#bottom .fontsize li.default a {background: transparent url('../images/fontsize_button.png') no-repeat scroll 0 -24px;}
#bottom .fontsize li.big a {background: transparent url('../images/fontsize_button.png') no-repeat scroll -24px 0;}
#bottom .fontsize li.huge a { background: transparent url('../images/fontsize_button.png') no-repeat scroll -49px 0;}

#bottom .fontsize li.default a:hover, #bottom .fontsize li.default a:active {background: transparent url('../images/fontsize_button.png') no-repeat scroll 0 0;}
#bottom .fontsize li.big a:hover, #bottom .fontsize li.big a:active {background: transparent url('../images/fontsize_button.png') no-repeat scroll -24px -24px;}
#bottom .fontsize li.huge a:hover, #bottom .fontsize li.huge a:active {background: transparent url('../images/fontsize_button.png') no-repeat scroll -49px -49px;}

/* @end */

/* @group Impressum and more */

#bottom .extra li{
	list-style-type: 					none;
	float: 								left;
	margin-right: 						30px;
	background: transparent url('../images/tranz.png') repeat scroll top left;
	padding: 0px 4px 0px 4px;
}

#bottom .extra li a {	
	text-decoration: 					none;
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	font-weight:						bold;
	color: 								#555;
}

#bottom .extra li a:hover {
	text-decoration: 					underline;	
}

/* @end */

/* @group Contentbox */

#content{
	width: 								660px;
	float: 								right;
	background: 						transparent url('../images/box2_top.png') no-repeat scroll top left;
	padding-top: 						10px;
	display: 							none;

}
#content .text{
	background: 						transparent url('../images/box2_middle.png') repeat-y scroll top left;
	padding: 							0px 35px;
}

#content .head{
	height: 							15px;
	border-bottom: 						1px dotted #999999;
	margin: 							0px 0px 10px 0px;
	padding: 							15px 0px 6px 0px;
}

#content .head a{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-bottom: 						5px;
	text-decoration: 					none;
	font-weight:						bold;
	padding-left: 						20px;
	background: 						transparent url('../images/link.png') no-repeat scroll top left;
	display: 							block;
	height: 							14px;
	float: 								right;
}

#content .head a:hover {
	text-decoration: 					underline;
}

#content .boxcontainer{
	width: 								100%;
}
#content .boxcontainer .textbox {
	float: 								left;
	width: 								280px;
	margin:								0px 30px 30px 0px;
	background-color: 					#CCDAC5;
}

#content .boxcontainer .small{
	height:								18.5em;
}
#content .boxcontainer .big{
	height:								25.5em;
}

#content .boxcontainer .second {
	margin: 							0;
}


#content .boxcontainer .textbox h3{
	font: 								0.85em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	color: 								#669933;
	padding:							10px 10px 0px 10px;
	margin: 							0;
	display: 							block;
}

#content .boxcontainer .textbox p{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;	
	color: 								#333333;
	padding:							5px 10px 0px 10px;
	margin-bottom: 						5px;
	line-height: 						1.4em;
}


#content .text h1{
	font: 								1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-bottom: 						5px;
}

#content .text h2{
	font: 								1.0em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#555;
	margin-bottom: 						5px;
}
#content .text h3{
	font: 								0.95em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-bottom: 						15px;
}
#content .text p{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#555;
	padding-bottom:						10px;
	line-height:						1.45em;
}

#content .textbox ul{
	list-style-position: 				inside;
	list-style-type: 					none;
}


#content .textbox li{
	margin: 							0px 0px 5px 10px;
}

#content .text a{
	margin-left: 10px;
}

#content .text p a{
	margin-left: 0px;
}


#content .text  a{
	margin-bottom: 						5px;
	text-decoration: 					none;
	font-weight:						bold;
	color: 								#cc6600;
}

#content .text  a:hover{
	text-decoration: 					underline;
}

#content .textbox li  a, #content .text li  a{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#ffffff;
	margin-bottom: 						5px;
	text-decoration: 					none;
	font-weight:						bold;
	padding-left: 						20px;
	background: 						transparent url('../images/link.png') no-repeat scroll top left;
	display: 							block;
	height:								14px;
}

#content .textbox li  a:hover, #content .text li  a:hover {
	text-decoration: 					underline;
}

#content .text li {
	list-style-type: 					none;
}
#content .text li a {
	color: 								#cc6600;
}

#content .foot{
	height: 							10px;
	width: 								690px;
	background: 						transparent url('../images/box2_bottom.png') no-repeat scroll top left;
}


#content .infobox{
	background-color: 					#CCDAC5;
	padding: 							30px 30px 30px 30px;
	margin-bottom:						20px;
}
#content .infobox ul{
	padding-bottom:						10px;
}

#content .infobox li{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#669933;
	padding-bottom:						5px;
	line-height:						1.45em;
	list-style-position: 				inside;			
}


#content .infobox h3{
	background: 						transparent url('../images/info.png') no-repeat scroll 0 2px;
	padding-left: 						20px;
}

#content .text .infobox h3, #content .text .infobox p{
	color: 								#669933;
}

#content .slider h2{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	background: 						transparent url('../images/link.png') no-repeat scroll 0 0;
	padding: 							0px 0px 6px 20px;	
	
}
#content .slider a{
	font-weight: 						normal;
}
#content .slider p{
	display:							none;
}
#smallcontent{
	width: 								418px;
	position: 							absolute;
	background: 						transparent url('../images/box_top.png') no-repeat scroll top left;
	padding-top: 						9px;
}

#smallcontent .text{
	background: 						transparent url('../images/box_middle.png') repeat-y scroll top left;
	padding: 							10px 20px 10px 20px;
}

#smallcontent .foot{
	height: 							9px;
	width: 								418px;
	background: 						transparent url('../images/box_bottom.png') no-repeat scroll top left;
}

#smallcontent .text h1{
	font: 								1.25em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-bottom: 						5px;
}

#smallcontent .text h2{
	font: 								0.95em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#555;
	margin-bottom: 						5px;
}

#smallcontent .text p{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#555;
	padding-bottom:						10px;
	line-height:						1.45em;
}

#smallcontent .text li{
	list-style-type: none;
}


#smallcontent .text a, #content .textbox  a{
	font: 								0.75em "Lucida Grande", "Trebuchet MS", Verdana, sans-serif;
	color: 								#cc6600;
	margin-bottom: 						5px;
	text-decoration: 					none;
	font-weight:						bold;
	padding-left: 						20px;
	background: 						transparent url('../images/link.png') no-repeat scroll top left;
	padding-bottom: 					5px;
}

#smallcontent .text a:hover {
	text-decoration: 					underline;
}

#smallcontent .arrow{
	position: 							absolute;
	left: 								180px;
}

/* @end */

.clear{clear:both;}