/* CSS Document */
html {height:100%;}

BODY {
	background-color: #E6E6E6;
	background-image: url(images/bg.jpg);
	margin: 0px 0px 0px 0px;
	height:100%;
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E7F82;
}

body, p, div, text{
	font-size: 12px;
	color: #7E7F82; 
	font-style: normal;  
	line-height: 140%; 
	margin-top: 0px;
	margin-bottom: 0px;
}

ul, li, ol{
	font-size: 12px;
	color: #7E7F82; 
	font-style: normal;  
	line-height: 140%; 
	margin-top: 0px;
	margin-bottom: 0px;
}

newsdate{
	font-size: 9px;
	color: #7E7F82; 
	font-style: normal;  
	line-height: 140%; 
	margin-top: 0px;
	margin-bottom: 0px;
}

#top {
	width: 100%; 
	margin-top: 0px;
	margin-right: 0px auto;
	margin-bottom: 0px;
	margin-left: 0px auto;
	height:295px;
}
#mitte {
	width: 100%; 
	margin-top: 295px;
	margin-right: 0px auto;
	margin-bottom: 0px;
	margin-left: 0px auto;
	height:21px;
}
#bottom {
	width: 100%;
	margin-top: 0px !important;
	margin-top: 311px auto;
	margin-right: 0px auto;
	margin-bottom: auto;
	margin-left: 0px auto;
	height:1000px;
}

h1 {
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-bottom: 0px;
	color: #B4D66F;
	text-transform: uppercase;
}

h5 {
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #515253;
	font-weight: bold;
}

/* Subheader, general */
P.csc-subheader {}

/* Subheader, specific */
P.csc-subheader-0 {	
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #515253;
	font-weight: bold;
	}
P.csc-subheader-1 {font-size: 1.3em; line-height: 100%; color: #696969; font-weight: bold;}
P.csc-subheader-2 {font-size: 1.2em; line-height: 100%; color: #696969; font-weight: bold;}
P.csc-subheader-3 { color: #696969; font-weight: bold;}

.table {
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #7E7F82;
}
 
.contenttable {
	font-family: "Verdana", "Lucida Grande", "Lucida Sans", Verdana, Arial, Helvetica, sans-serif;
	font-size : 11px;
	color: #0A50A1;
	padding: 1em;
	margin-top: 1em;
	margin-bottom: 1em;
	border:  1px solid #C0C8D4;
}

/* Topnavi  */

.topnavi a:link{
   font-family: arial, Helvetica, sans-serif;
   font-size: 10px;
   color: #7E7F82;
   text-decoration: none;
   font-style: normal;
   font-weight: normal;
}
.topnavi a:visited{
   font-family: arial, Helvetica, sans-serif;
   color: #7E7F82;
   font-size: 10px;
   text-decoration: none;
   font-style: normal;
   font-weight: normal;
}
.topnavi a:hover{
   font-family: arial, Helvetica, sans-serif;
   color: #515253;
   font-size: 10px;
   text-decoration: none;
   font-style: normal;
   font-weight: normal;
}

a:link,a:visited{
 color: #000000;   			/* black */
 text-decoration: none;
 font-family: arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

a:hover,a:active,a:focus{
 color: #515253;
 text-decoration: none;
 font-family: arial, Helvetica, sans-serif;
 font-size: 12px;
 font-weight: bold;
}

/* #################################################################################################### */
#lo {
	background-image: url(images/lo.jpg);
	background-repeat: no-repeat;
	float: none;
	width: 295px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:295px;
}
#ro {
	background-image: url(images/ro.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 540px; 
	margin-top: -295px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 295px !important;
	margin-left: 147px;
	height:295px;
}
#topheader {
	
	float: left;
	width: 540px; 
	margin-top: 198px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:97px;
}
#lm {
	background-image: url(images/lm.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 295px; 
	margin-top: 0px !important;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:21px;
}
#rm {
	background-image: url(images/rm.jpg);
	background-repeat: no-repeat;
	float: none !important;
	float: left;
	width: 540px; 
	margin-top: 0px !important;
	margin-top: -1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 295px !important;
	margin-left: -1px;
	height:21px;
}
#lu {
	/* background-image: url(images/lu.jpg); */
	float: left;
	width: 295px !important; 
	width: 290px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:299px;
}
#lu2 {
	background-image: url(images/lu2.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 295px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:277px;
}
#ru {
	background-image: url(images/bg2.jpg);
	 /* background-repeat: no-repeat; */
	float: left !important;
	float: none;
	width: 537px !important;
	width: 525px; 
	margin-top: 0px !important;
	margin-top: 0px;
	margin-right: 0px !important;
	margin-right: 5px auto;
	margin-bottom: 0px;
	margin-left: 2px !important;
	margin-left: 0px;
	height:1350px;
}


#logo {
	background-color: #FFFFFF;
	background-image: url(images/VIERKORNPULSLOGO.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 3295px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:105px;
}
#topnavi {
	float: left;
	width: 290px; 
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:105px;
	text-align: right;
	vertical-align: bottom;
	
}


#navi {
	background-color: #FFFFFF;
	float: left;
	width: 100%; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:80px;
}

#content {
	background-color: #FFFFFF;
	float: left;
	width: 100%; 
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:80px;
}

#rechts {
	background-color: #B4D66F;
	float: left;
	width: 100px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:80px;
	border-rigth:1px #ffffff;
}

#mitte {
	background-color: #7E7F82;
	float: left;	
	width: 200px;
	height:80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left: 1px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #ffffff;
	border-style: dotted !important;
	border-style: solid;

}

#links {
	background-color: #D5D6D8;
	float: left;
	height:80px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 620px;
	border-left: 1px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #ffffff;
	border-style: dotted !important;
	border-style: solid;

}
#rechts2 {
	background-color: #FFFFFF;
	float: left;
	width: 100px; 
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:350px;

}

#mitte2 {
	background-color: #FFFFFF;
	float: left;	
	width: 550px;
	height:350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-left: 1px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;

}

#links2 {
	background-color: #FFFFFF;
	float: left;
	height:350px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 250px;
	border-left: 1px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;

}
#horznav {
	float: left;
	height:155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px !important;
	margin-left: 8px;
	width: 270px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;
}
#na1 {
	float: left;
	height:155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 90px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;
}
#na2 {
	float: left;
	height:155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 90px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;
}
#na3 {
	float: left;
	height:155px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 90px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #7E7F82;
	border-style: dotted !important;
	border-style: solid;
}
#news {
	float: left;
	height:350px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 15px;
	width: 235px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #ffffff;
	border-style: dotted !important;
	border-style: solid;
}

#inhalte {
	float: left;
	height:350px;
	margin-top: 0px;
	margin-right: 15px !important;
	margin-right: 5px;
	margin-bottom: 0px;
	margin-left: 15px !important;
	margin-left: 5px;
	width: 520px !important;
	width: 517px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #ffffff;
	border-style: solid;

}


/* ########################################################################################### */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	border:1px solid #B4D66F;

}
.news-latest-container HR.clearer {
	clear:left;
}
#news-single-img {
	height: 75px;
	margin-top: 0px;
	margin-right: 0px !important;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px !important;
	margin-left: 0px;
	width: 350px !important;
	width: 350px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #ffffff;
	border-style: solid;

}

.newspic {
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 120px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #C6C7C9;
	border-style: solid;
}

.newstext {
	float: left;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 0px;
	margin-left: 5px;
	width: 380px;
	border-left: 0px;
	border-top: 0px;
	border-right: 0px;
	border-bottom: 0px;
	border-color: #C6C7C9;
	border-style: solid;
}

/* ################################################################################### */