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

html, body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background-color: #EAECED;
width: 100%;
height: 100%;
}

body {

color: #000000;
font-family: Arial, Verdana, Helvetica;
font-size: 70%;
text-align: center;

}

.listentext{
font-size: 80%;
}


#rahmen {
position: relative;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 775px;
color: #000000;
text-align: left;
background-color: #FFFFFF;
height: 99%;
margin: auto;
}

#contextmenue {
padding: 5px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 745px;
position: absolute;
text-align: right;
top: 0px;
left: 0px;
background-color: #FFFFFF;
color: #000000;
height: 20px;
font-size: 0.8em;
}


#top {
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 745px;
position: absolute;
top: 25px;
left: 0px;
background-color: #FFFFFF;
color: #000000;
height: 50px;
}

#topmenue {

padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 745px;
position: absolute;
top: 75px;
left: 0px;
color: #696969;
background-color: #FFFFFF;

}

#topmenuetext {
width: 734px;
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 11px;
background-color: #C2FB32;
height: 20px;

}

#searchbox {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
background-color: #FFFFFF;
color: #FFFFFF;
}

.searchboxtext {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#topspacing{
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 745px;
position: absolute;
top: 100px;
left: 0px;
color: #FFFFFF;
background-color: #FFFFFF;
height: 5px;
}

#mainarea {
padding: 0px 15px 0px 15px;
margin: 0px 0px 0px 0px;
width: 745px;
position: absolute;
background-color: #FFFFFF;
top: 105px;
background-repeat:repeat;
color: #000000;
}

#leftmenue{
font-weight: bold;
position: relative;
float: left;
width: 154px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;

}

#border1 {
width: 32px;
position: relative;
float:left;
}

#content {
width: 559px;
position: relative;
float:left;
/*height: 400px;*/
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}


#contentstart {
width: 745px;
position: relative;
float:left;
/*height: 400px;*/
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}

.imagebox1{
width: 220px;
position: relative;
float:left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
text-align: left;
}

.imagebox2{
width: 220px;
position: relative;
float:left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 9px;
text-align: left;
}


.contentbox1{
width: 350px;
position: relative;
float:left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 10px 0px 0px;
text-align: left;
}

.contentbox2{
width: 181px;
position: relative;
float:left;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 9px;
text-align: left;
}

#startcontent {
width: 559px;
position: relative;
float:left;
/*height: 400px;*/
color: #000000;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
}


#breadcrumb {
text-align: left;
padding-right: 2px;
margin: 0 0 7px 0;
}


#copy {
text-align: center;
font-size:80%;
padding-right: 35px;
margin: 20px 0 0 0;
}

#startteaser {
width: 144px;
margin: 21px 0px 0px 0px;
padding: 0px 5px 0px 5px;
background-color: #C2FB32;
color: #696969;
font-weight: normal;
}

#preview {
z-index:3;
position:absolute; 
top:20px;
left:15px;
width:200px; 
height:20px;
color: #FF0000;
font-weight: bold;
text-transform: uppercase;
}


/* -------------- FORMATE -------------- */

p {
margin: 0px 0px 10px 0px;
padding: 0px 0px 0px 0px;
/*display: inline;*/
}

.aktuelles{
text-transform: uppercase;
padding: 4px 0px 4px 10px;
color: #696969;
border-bottom: 1px dotted #696969;
}
.startheadline{

padding: 4px 0px 1px 10px;
color: #696969;
}
.startteasertext{
padding: 4px 0px 4px 10px;
color: #696969;
font-weight: normal;
}
.startteaserlink{
padding: 4px 0px 4px 10px;
color: #006699;
}

.slogan{
margin: 0 0 0 0;
padding: 10px 10px 0px 0px;
color: #56783C;
font-weight: bold;
font-size: 105%;
}


.bluerequest{
margin: 0 0 0 0;
padding: 0 0 0 0;
min-height:120px;
width: 544px;
vertical-align: bottom;
background-color: #D0DBEA;
color: #292410;
/*color: #006699;*/
font-weight: bold;
font-size: 105%;
}

.bluerequesttext{
margin: 0 0 0 0;
padding: 5px 5px 5px 5px;
}

.bluerequestimage{
margin: 0 0 0 5px;
padding: 0px 0px 0px 0px;
}

.contentimage{
margin: 5px 0px 5px 5px;
padding: 0 0 0 0;
}

.contentimage1{
margin: 0px 0px 5px 0px;
padding: 0 0 0 0;
}


.contentboximage{
margin: 0 0 0 0;
padding: 0px 0px 0px 0px;
}

.imageboximage{
margin: 0 0 0 0;
padding: 0 0 0 0;

}

.startsiteimage{
margin: 0 0 0 0;
padding: 0 10px 10px 0;
}

acronym{
cursor: help;
border-bottom: 1px dashed #FF9900;
}

.nospacing{
margin: 0;
padding: 0;
text-align: center;
}


.cmsactive{
font-weight: bold;
text-decoration: underline;
}

.cmspassive{
text-decoration: none;
}

.cmsfirstactive{
background-color:#BC9671;
}
.cmsfirstbsactive{
background-color:#CC9966;
}

h1 {
	font-size:145%;
	color: #696969;
	font-weight: bold;
	padding: 0px 0.5em 0px 0em;
	margin: 0px 0px 10px 0px;	
}


h2 {
	font-size:115%;
	font-weight:bold;
	color: #696969;
	padding: 0px 0px 0px 0px;
	margin: 8px 0px 5px 0px;
}


H3
{
	font-size: 90%;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}
H4
{
	font-size: 80%;
	font-weight: bold;
	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
}


.hidden {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
overflow:hidden; display:inline;
/*display: none;*/
}

#jump hr, #top hr, #topmenue hr, #contextmenue hr, #content hr {
position:absolute; left:-1000px; top:-1000px; width:1px; height: 1px;
overflow:hidden; display:inline;
/*display: none;*/
}


#startteaser hr{
margin: 2px 0px 2px 0px;
padding: 0px 0px 0px 0px;
height:1px;
border: 1px dotted #FFFFFF;
background-color: #56783C;
color: #FF9900;
}

.hrvisible {
	display: inline;
}

.listenbild {
	margin: 0px 0px 0px 0px;
	padding: 0px 6px 5px 0px;
}


fieldset {
margin: 0px 0px 0px 0px;
padding: 0px 5px 10px 10px;
color: #696969;
background-color: #C2FB32;
border: none;
}

legend {
margin: 10px 0px 0px -6px;
padding: 10px 5px 10px 0px;
color: #000000;
font-weight: bold;
}

label {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #000000;
}

#searchbox label {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #FFFFFF;
}


.inputspacing {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.lablespacing {
float:left;
width:200px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

form{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.submitbutton
{  
	margin: 0px 0px 2px 5px;
	padding: 0px 0px 0px 0px;	
	font-size: 1.0em; 
	color: #696969; 
	background-color: #C2FB32;
	border: 1px  solid  #FFFFFF; 
  	width:35px;

}

.searchinput {
	background-color:#FFFFFF;
	border: 1px solid #cccccc;
	width:110px;
	font-size:1.0em;
	color:#000000;
	margin-bottom:3px;

}



.listesubmitbutton
{  
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em; 
	color: #EAEBEC; 
	background-color: #666666; 
	border-style: solid;
	border-left: 1px  solid  #FFFFFF; 
	border-top:  1px  solid  #FFFFFF; 
  	border-right:  1px  solid  #FFFFFF; 
  	border-bottom:  1px  solid  #FFFFFF; 
  	font-weight: normal;
  	width:150px;
	position: absolute; 
	left: 10em;	
}

.listeinput {
	background-color:#EAEBEC;
	border: 1px solid #FFFFFF;
	width:150px;
	height:1.4em;
	font-size:1.0em;
	color:#000000;
	margin-bottom:3px;
	position: absolute; 
	left: 11em;	

}


.searchsubmit {
	padding-left:0px;
}

.selecttitle {
	font-weight: bold;
}

.submit {
	background-color:#EAEBEC;
	border: 1px solid #FFFFFF;
	width:3em;
	height:1.5em;
}


.feature{
background-image:url(../images/bupp_teaserbg.gif);
background-repeat:repeat-y;
background-color:#B5B6B5;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.featuretext{
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 0px;
color: #FFFFFF;
text-align: center;
font-weight: bold;
}

.featuretextrs{
min-height: 25px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 20px;
color: #FFFFFF;
font-weight: bold;
}

.featuretexts{
min-height: 25px;
margin: 0px 0px 0px 0px;
padding: 2px 0px 2px 10px;
color: #FFFFFF;
font-weight: bold;
}

a:link {text-decoration:underline; color: #696969;}  
a:visited {text-decoration:underline;  color: #696969;}
a:hover {text-decoration:underline; color: #696969; }
a:active {text-decoration:underline;  color: #696969;}

#topmenue a {
color: #696969; font-weight: bold;
text-transform: uppercase;
}

#topmenue a.passive:link {text-decoration:none; }
#topmenue a.passive:visited {text-decoration:none;}
#topmenue a.passive:hover {text-decoration:none; color: #696969;}
#topmenue a.passive:active {text-decoration:none;}

#topmenue a.active:link {text-decoration:none; color: #696969;}
#topmenue a.active:visited {text-decoration:none; color: #696969;}
#topmenue a.active:hover {text-decoration:none; color: #696969;}
#topmenue a.active:active {text-decoration:none; color: #696969;}


#contextmenue a{
color: #696969;
text-transform: uppercase;

}

#contextmenue a.passive:link {text-decoration:none; }
#contextmenue a.passive:visited {text-decoration:none;}
#contextmenue a.passive:hover {text-decoration:none;}
#contextmenue a.passive:active {text-decoration:none;}

#contextmenue a.active:link {text-decoration:none;}
#contextmenue a.active:visited {text-decoration:none;}
#contextmenue a.active:hover {text-decoration:none;}
#contextmenue a.active:active {text-decoration:none;}

#content a:link {text-decoration:underline; color: #696969;}
#content a:visited {text-decoration:underline; color: #696969;}
#content a:hover {text-decoration:underline; color: #696969;}
#content a:active {text-decoration:underline; color: #696969;}

#startteaser a{
font-weight: bold;
color: #696969;

}

#startteaser a:link {text-decoration:none;}
#startteaser a:visited {text-decoration:none;}
#startteaser a:hover {text-decoration:underline;}
#startteaser a:active {text-decoration:none;}


a:focus{
border-top:1px solid #666666;
border-bottom:1px solid #666666;
background-color: #CCCC66;
color: #000000;
}

a.blue:link {text-decoration:underline; color: #CCCC66;}
a.blue:visited {text-decoration:underline; color: #CCCC66;}
a.blue:hover {text-decoration:underline; color: #CCCC66;}
a.blue:active {text-decoration:underline; color: #CCCC66;}