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

html, body {
margin: 0;
padding: 0;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica;
height: 100%;
width: 100%;
text-align: center;
}

#rahmen {
text-align: left;
margin: auto;
padding: 0px 0px 0px 0px;
width: 951px;
}

#top{

background-image: url(../images/top.gif);
background-repeat:no-repeat;
margin: 0px 0px 0px 16px;
padding: 0px 0px 0px 0px;
width: 935px;
height: 129px;
}


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


#mainarea {
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 951px;
color: #616065;
font-size: 11px;

float: left;
}

#leftwrapper {

text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 730px;
font-size: 11px;
float: left;
}

#rightwrapper {

padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 221px;
float: right;
}

#submenue{
text-align: left;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 16px !important;
margin: 0px 0px 0px 8px;
width: 714px;
height: 52px;
font-size: 11px;
float: left;
}

#submenue .activebg{
background-image: url(../images/activebg.gif);
background-repeat:no-repeat;
padding: 8px 0px 0px 5px;
font-weight: normal;
color: #FFFFFF;
width: 218px;
height: 24px;
float: left;
}

.activebg a {
text-decoration: none;
color: #FFFFFF;
}

#submenue .submenulist{

padding: 8px 0px 0px 0px;
font-weight: normal; 
color: #616065;
float: left;
}

.submenulist a.passive {
text-decoration: none;
color: #616065;
}

.submenulist a.passive:hover {
text-decoration: underline;
color: #1147A0;
}

.submenulist a.active {
text-decoration: underline;
color: #1147A0;
}

.submenulist a.active:hover {
text-decoration: underline;
color: #1147A0;
}

#left {
padding: 0px 20px 0px 0px;
margin: 0px 0px 0px 0px;
width: 219px;
float: left;
}



#middle {
padding: 0px 10px 0px 0px;
margin: 0px 0px 0px 0px;
width: 465px;
float: left;
}

#middle2 {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 710px;
float: left;
}


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

.contenttext {
padding: 5px 3px 5px 0px;
margin: 0px 0px 0px 0px;
line-height: 15px;
border-left: 1px solid #CBDB2A;
border-right: 1px solid #CBDB2A;
border-bottom: 1px solid #CBDB2A;
}




.contenttext_new {
padding: 5px 3px 5px 0px;
margin: 0px 0px 0px 0px;
line-height: 15px;
/*
border-left: 1px solid #CBDB2A;
border-right: 1px solid #CBDB2A;
border-top: 1px solid #CBDB2A;
*/
}
.contenttext_end {
padding: 5px 3px 5px 0px;
margin: 0px 0px 0px 0px;
line-height: 15px;
/*
border-top: 1px solid #CBDB2A;
border-left: 1px solid #CBDB2A;
border-right: 1px solid #CBDB2A;
border-bottom: 1px solid #CBDB2A;
*/
}


#teaser {
padding: 58px 0px 0px 0px;
margin: 0px 0px 0px 0px;
width: 221px;
float: left;
}

#copy {
padding: 0px 0px 1px 5px;
background-color: #DCDB30;
margin: 10px 0px 15px 16px;
font-size: 10px;
width: 935px;
float: left;
}

.teasertext{
padding: 5px 3px 3px 3px;
margin: 0px 0px 15px 0px;
border-left: 1px solid #CBDB2A;
border-right: 1px solid #CBDB2A;
border-bottom: 1px solid #CBDB2A;
text-align: left;
}

.teaserheadline{
padding: 5px 3px 5px 10px;
margin: 0px 0px 0px 0px;
color: #FFFFFF;
background-color: #CBDB2A;
font-size: 13px;
font-weight: bold;

}

.teaserimage{
padding: 0px 0px 0px 0px;
margin: 0px 0px 15px 0px;
text-align: center;
}

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

.welcome{
padding: 0px 0px 0px 0px;
margin: 0px 0px 10px 0px;
height: 159px;
width: 455px;
background-image: url(../images/welcome.gif);
background-repeat:repeat-y;
}

.welcometxt{
padding: 10px 50px 5px 10px;
margin: 0px 0px 0px 0px;
}


.twocols{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border-bottom: 1px solid #CBDB2A;
border-left: 1px solid #CBDB2A;
border-right: 1px solid #CBDB2A;

}

.twocols1{
padding: 5px 3px 5px 5px;
margin: 0px 0px 0px 0px;
border-right: 1px solid #CBDB2A;
width: 240px;
}

.twocols2{
padding: 5px 3px 5px 5px;
margin: 0px 0px 0px 0px;
width: 240px;
}

p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 5px 0px;
}

.featuresinput{
width: 80px;
}

.nlinput{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: solid #21429C 1px;
width: 160px;
font-size: 0.8em;
}

.ok {color:#1C2674; background-color: #FFFFFF;}
.nok {color:#FFFFFF; background-color: #990000;}

.submitbut{
overflow: hidden;
background-color: #CADB2A;
width:100px;
border: solid #FFFFFF 1px;
color: #000000;
font-size: 11px;
margin: 0px 0px 4px 2px;
padding: 0px 0px 0px 0px;
}

.lablespacing{
display:block;
width:105px;
float: left;
margin: 0px 0px 0px 0px;
padding: 2px 2px 2px 4px;
}

.lablespacing2{

display:block;
width:305px;
float: left;
margin: 2px 0px 0px 0px;
padding: 2px 2px 2px 4px;
}

fieldset {
margin: 40px 0px 0px 0px;
padding: 5px 5px 5px 5px;
}

.inputspacing{
width:120px;
overflow: hidden;
background-color: #FFFFFF;
border: solid #CADB2A 1px;
color: #000000;
font-size: 11px;
}

.searchinput{
overflow: hidden;
background-color:#FFFFFF;
width:100px;
border:1px solid #FFFFFF;
font-size: 11px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#searchbox {
width: 164px;
background-color: #CADB2A;
margin: 0px 0px 8px 0px;
padding: 0px 0px 0px 0px;
}

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

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

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




#search form{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
display: inline;
}


.featuresinput{
	width: 100px;
	font-size: 10px; 
	color: #000000; 
	background-color: #FFFFFF; 
	padding:0;
	margin:0;
	border: 1px solid #FFFFFF;
}


/* --- STARTSITE --- */






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

h1 {
padding: 5px 3px 10px 0px;
margin: 0px 0px 0px 0px;
color: #0C3D98;
font-size: 15px;
font-weight: bold;

}

.headline {
padding: 5px 3px 10px 0px;
margin: 0px 0px 0px 0px;
color: #0C3D98;
font-size: 15px;
font-weight: bold;
}

h2 {
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #000000;
font-weight: bold;
}

h3 {
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
color: #000000;
font-size: 12px;
font-weight: normal;
}


.sammel{
border: solid #CADB2A 1px;
background-color: #F4F4F4;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
}

.sammel2{

padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
}

.sammelbld{
width: 120px;
}

.sammelbez{
width: 180px;
}

.sammelheader{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
color: #29388D;
font-weight: bold;
}

.sammeltext2{
color: #3438A3;
}



.elektro{
border: solid #CADB2A 1px;
background-color: #F4F4F4;
padding: 0px 0px 0px 0px;
margin: 10px 0px 10px 0px;
width: 460px;
}

.elektro2{

padding: 0px 0px 0px 2px;
margin: 0px 0px 0px 0px;
}

.elektrobld{
width: 120px;
}

.elektrobez{
width: 180px;
}

.elektroheader{
padding: 2px 2px 4px 3px;
margin: 0px 0px 0px 0px;
color: #29388D;
font-weight: bold;
}

.elektrotext{
color: #000000;
padding: 2px 0px 0px 3px;
margin: 0px 0px 0px 0px;
}

.blue{
color: #0C3D98;
font-size: 11px;
font-weight: bold;
}

.green{
color: #95A92A;
font-size: 13px;
font-weight: bold;
}

.blue h1 {
padding: 3px 0px 10px 0px;
margin: 0px 0px 0px 0px;
font-size: 14px;
color: #1C2674;
font-weight: bold;
}

.blue h2 {
padding: 3px 0px 3px 0px;
margin: 0px 0px 0px 0px;
font-size: 12px;
color: #1C2674;
font-weight: bold;
}

.morebox{
padding: 3px 5px 5px 0px;
margin: 0px 0px 0px 0px;
color: #1C2674;
font-size: 11px;
font-weight: bold;
text-align: right;
}

.rightimage{
padding: 5px 0px 5px 5px;
margin: 0px 0px 0px 0px;
float: right;
color: #1C2674;
font-size: 11px;
font-weight: bold;
}

.leftimage{
padding: 5px 5px 5px 0px;
margin: 0px 0px 0px 0px;
float: left;
color: #1C2674;
font-size: 11px;
font-weight: bold;
}

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

.contentimage2{
padding: 0px 5px 2px 0px;
margin: 0px 0px 0px 0px;
}



hr {
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border:solid #CAC6C5 1px;
height:1px;
width: 100%;
background-color: #FFFFFF;

}

.content ul{
padding: 0px 0px 0px 15px;
margin: 0px 0px 0px 0px;
}

/* ---- LINKS ---- */


.content a {
color: #1C2674;
text-decoration:underline; 
font-weight:bold; 
}

#teaser a {
color: #1C2674;
text-decoration:underline; 
font-weight:bold; 
}

#copy a {
color: #616065;
text-decoration:none; 
font-weight:bold; 
}



#path a {
text-transform: uppercase;
font-weight: normal;
}

.content a.none:link {text-decoration:none; font-weight:bold; color: #1C2674;}
.content a.none:visited {text-decoration:none; font-weight:bold; color: #1C2674;}
.content a.none:hover {text-decoration:none; font-weight:bold; color: #1C2674;}
.content a.none:active {text-decoration:none; font-weight:bold; color: #1C2674;}

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

#path a.passive:link {text-decoration:none; color: #000000;}
#path a.passive:visited {text-decoration:none; color: #000000;}
#path a.passive:hover {text-decoration:underline; color: #000000;}
#path a.passive:active {text-decoration:none; color: #000000;}