@charset "iso-8859-2";
/* CSS Document */



/*HTML-TAGS---------------------------------------------------------------*/

* {
padding: 0px;
margin: 0px;
font-size: 1em;

font-family:Verdana, Arial, Helvetica, sans-serif;
}
html{
width: 100%;
background-image: url(bilder/bgbody22.gif);
background-position: left top;
background-repeat:repeat-x;

}
body {
/*background-image: url(bilder/bgleftbot.jpg);
background-position: left top;
background-repeat:repeat-y;*/
}

h1 {
clear: both;
font-family:Verdana, Árial, Helvetica, sans-serif;
font-size:1.4em;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-transform:none;
font-weight: normal;
/*color: #DF2A2D;*/
color: #888888;
padding: 0.1em 0em 0.2em 0em;
border-bottom: 1px solid #888888;
margin: 0em 0em 1em 0;
}
h2, .news-single-item h3 {
clear: both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
font-weight: bold;
color: #666666;
/*color: #546D78;
border-bottom: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa;
background-color: #E5EFF1;*/
margin-bottom: 16px;
text-transform:none;
display: inline;



/*background-image:url(bilder/bgheader.gif);
background-position:left center;
background-repeat:no-repeat;*/
}

p.bodytext { display: block;  margin-top: 12px;}

strong {
font-weight: bold;
/*background-color: #eeeeee;
border-top: 1px solid #aaaaaa;*/
color: #000000;
}

.projektliste strong {
font-weight: bold;
background-color:#ffffff;
border-top: none;
color: #000000;
}

.news-single-img {float: left; margin: 0 12px 8px 0; padding: 4px 6px 4px 2px; background-color: #eeeeee;}


#content a, #admin a{
text-decoration: underline;
color: #222222;
padding: 0 0 0 0;
/*background-image: url(bilder/bglist_r.gif);
background-position: left center;
background-repeat: no-repeat;*/

}

#content .projektliste a, #content.abschnitt a{
text-decoration: none;
color: #000000;
padding: 0 0 0 0;
margin: 0 0 0 0;
/*
*/
}

#content a:hover, #admin a:hover{
text-decoration: underline;
color: #546D78;
padding: 0 0 00;
background-image:none;

}

#content a.backlink, #content a.internal-link, #admin a.backlink  {
text-align: right;
font-size: 0.8em;
padding: 3px 6px 3px 12px;
border: 1px solid #cccccc;
text-decoration:none;
font-weight: bold;
background-image: url(bilder/bglist_r.gif);
background-position: left center;
background-repeat: no-repeat;
}
div.backlink {margin-top: 10px;border-top: 1px solid #cccccc;border-bottom: 1px solid #cccccc; height: 16px; width:18em;  padding: 5px; text-align: left; background-color: #ffffff;}
.backlink a, internal-link a {
text-align: right;
font-size: 0.8em;
padding: 3px 6px 3px 12px;

text-decoration:none;
font-weight: bold;
background-image: url(bilder/bglist_r.gif);
background-position: left center;
background-repeat: no-repeat;
}






 
/*GRUND-EBENEN---------------------------------------------------------------*/
#header {
position: absolute;
left: 0px;
top: 0px;
width: 772px;
height: 133px;
background-image:url(bilder/bghead5.jpg);
background-position:left top;
background-repeat:no-repeat;
}

#maincont {
position: absolute;
left: 0px;
top: 133px;
width: 772px;
/*background-image: url(bilder/bgbodydd.jpg);
background-position: left top;
background-repeat:repeat-x;*/
}






/*SUB-EBENE: NAVIGATION---------------------------------------------------------------*/
#navarea{
position: relative;
top: -1px;
width: 208px;
height: 552px;
float: left;
}


#navarea ul {
float: left;
margin-top: 0px;
width: 178px;
list-style-type:none;
font-size:0.80em;
z-index:1;
/*border-bottom: 1px solid #dddddd;*/
margin-right: 0px!important;
margin-right: 0px;
margin-left: 0px;




}
#navarea ul li {
border-bottom: 1px solid #cccccc;
		position : relative;
		float : left;
/*		background-image:url(bilder/bgverlauf.gif);
		background-position:left top;
		background-repeat:repeat-y;*/
z-index:1;


}


#navarea ul li a{

color: #888888;
text-decoration: none;
display: block;
width: 128px;
padding: 4px 0 4px 50px;

border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
/*background-image:url(bilder/bglist.gif);
background-position:right center;
background-repeat:no-repeat;*/
}

#navarea ul li a:hover{
/*color: #DF2A2D;*/
color: #F25A54;
text-decoration: none;
display: block;
width: 128px;
padding: 4px 0 4px 50px;
background-color:#eeeeee;
border-bottom: 1px solid #ffffff;
border-top: 1px solid #ffffff;
/*background-image:url(bilder/bgnav.gif);
background-position:right center;
background-repeat:no-repeat;*/
font-weight: normal;
}


#navarea ul li a.hier{
/*color: #DF2A2D;*/
color: #F25A54;
text-decoration: none;
display: block;
width: 128px;
padding: 4px 0 4px 50px;
/*background-color:#E6F8FC;*/
background-color:#eeeeee;
border-bottom: 1px solid #ffffff;


/*background-image:url(bilder/bgnav.gif);
background-position:right center;
background-repeat:no-repeat;*/
font-weight: normal;
}
#navarea ul li:hover ul, #navarea ul li.sfhover ul {
display:block;
		}
#navarea ul li.da ul {
display:block;
		}


#navarea ul li ul {
/*border-top: 1px solid #666666;*/
position: absolute;
list-style-type:none;
font-size:11px;
border-top: none;
font-weight: bold;
		display: none;
		position : absolute;	
		margin-left : 178px;
		margin-top : -18px;
		z-index:500;
filter:alpha(opacity=70);
opacity: 0.8;
-moz-opacity:0.8;
width: 124px;

border-top: 1px solid #cccccc;
/*border-bottom: 1px solid #eeeeee;

border-left: 1px solid #eeeeee;
border-right: 1px solid #eeeeee;*/
/*border-left: 1px solid #dddddd;
border-right: 1px solid #dddddd;*/


}


.da {
display: block;


}


.davor {
background-color: #eeeeee;


}


#navarea ul li ul li {
		display: block;
		border-bottom:none;
}

#navarea ul li ul li a {
display: block;
width: 112px;
padding: 3px 5px 3px 5px;
font-weight: normal;
border-left: 1px solid #ffffff;
border-right: 1px solid #ffffff;
border-bottom: 1px solid #cccccc;
border-right: none;
background-color:#eeeeee;
}

#navarea ul li ul li a:hover {
padding: 3px 5px 3px 5px;
display: block;
width: 112px;
background-color:#ffffff;
font-weight: normal;
border-bottom: 1px solid #cccccc;

}


#navarea ul li ul li .hier {
padding: 3px 5px 3px 5px;
display: block;
width: 112px;
background-color:#ffffff;
font-weight: normal;

}


#navarea ul li ul li a.hier {
display: block;
border-bottom: 1px solid #cccccc;
}




/*SUB-EBENE: INHALTS-BEREICH---------------------------------------------------------------*/
#content {
padding: 12px 0 0 12px;
position: relative;
left: 110px;
float: left;
width: 438px;
font-size: 0.8em;
margin-bottom: 12px;
/*border-left: 1px solid #cccccc;*/

}


 #admin {
padding: 0px 0 0 12px;
position: relative;
left: 110px;
float: left;
width: 438px;
font-size: 0.8em;
margin-bottom: 12px;
/*border-left: 1px solid #cccccc;*/

}



 #admin ul {
list-style-type:none;
font-size: 1em;
color:#000000;
line-height: 1.5em;
padding: 0.1em 0 1.2em 1.5em;
}

#admin ul {
list-style-type:none;
font-size: 1em;
color:#000000;
line-height: 1.2em;
padding: 0.1em 0 0.5em 1.5em;
}


#content p, #admin p{
font-size: 1em;
color:#000000;
line-height: 1.5em;
padding: 0.1em 0 1.2em 0;


}

/*#content a{
font-size: 1em;
color:#000000;
line-height: 1.8em;
background-color: #CCEBF8;
font-weight:normal;
text-decoration:none;
background-image:none;
}*/




#content ul li ul, #admin ul li ul{
font-size: 1em;
color:#000000;
line-height: 1.6em;
padding: 0.5em 0 0.2em 0.2em;
margin: 0 0 1.6em 0;

}
#content ul li ul li, #admin ul li ul li {
padding: 5px 0 5px 8px;
margin: 10px 10px 10px 0;
border-bottom: 1px solid #cccccc;

}


.projektliste{
font-size: 1em;
color:#000000;
line-height: 1.3em;
padding: 0.1em 0 0.1em 0;
margin: 0.1em 0 0.1em 0;

}
.projektliste li {
margin-bottom: 5px;
border-bottom: 1px solid #cccccc;
padding: 4px 0 4px 0;

}




#content ul li {
margin: 0 0 10px 0;
line-height: 1.3em;
}

#content ul, #admin ul{
list-style-type: none;
list-style-image:url(bilder/bglist_r.gif);

}

#content ul li ul, #admin ul li ul{
list-style-type: none;
/*list-style-image:url(bilder/bglist.gif);*/
list-style-image:none;
}

#content ul li ul li {
margin: 0;

}


#content dl.news-single-files, #content dl.news-single-related , #content dl.news-single-links{
width: 100%;
border-bottom: 1px solid #cccccc;
border-top: 1px solid #cccccc;
margin: 5px 0 10px 0;
padding: 5px 0 10px 0;
text-align:right;
font-size:0.8em;
font-weight:normal;
}
#content dl.news-single-files dt, #content dl.news-single-related dt , #content dl.news-single-links dt{
position: relative;
text-align:left;
left: 0px;
top: 0px;
margin: 2px 0 0px 0;
padding: 2px 0 0px 0;
color:#E4413A;
font-size:1.1em;
font-weight:normal;
}
#content dl.news-single-files dd, #content dl.news-single-related dd, #content dl.news-single-links dd {
position: relative;
left: 0px;
top: 0px;
font-weight:bold;
}

#content dl.news-single-links dd p.bodytext, #content dl.news-single-related dd p.bodytext,  #content dl.news-single-links dd p.bodytext{margin: 0; padding: 0;}


/*LINKLISTE------------------*/
#content dl.linkliste {
width: 100%;
}
#content dl.linkliste dt {
width: 234px;
float: left;
position: relative;
left: 0px;
top: 0px;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
border-top: 1px solid #cccccc;
}
#content dl.linkliste dd {
width: 204px;
float: left;
position: relative;
left: 0px;
top: 0px;
margin: 5px 0 5px 0;
padding: 5px 0 5px 0;
border-top: 1px solid #cccccc;
}

#content dl.linkliste dd p.bodytext {margin-top: -8px;}

/*FOOTER---------------------------------------------------------------*/
#footer {
clear: both;
position:relative;
/*background-image:url(bilder/bgfooter.gif);
background-position:left top;
background-repeat:no-repeat;*/
border-top: 1px solid #cccccc;
width: 772px;
left: 0px;
top: 0px;
height: 88px;
padding-top: 8px;

}
.footertext {
float: left;
color: #888888;
font-size:9px;
padding: 0 0 0 0;
}


.backtotop {
float: right;
font-size:9px;
padding: 00 0 0;
color: #888888;
}

.backtotop a, .footertext a {
color: #888888;
text-decoration: underline;
}

/*EINBAU V. BILDERN---------------------------------------------------------------*/
.bildlinks {
float: left;
padding: 0 10px 15px 0;
}






/*FORMULARE---------------------------------------------------------------*/
select {
width: 320px;
height: 18px;
background-color: #eeeeee;
color: #000000;
font-size: 12px;
border: 1px solid #000000;
}


textarea {
background-color: #eeeeee;
color: #000000;
font-size: 12px;
border: 1px solid #000000;
overflow:auto;
}



textarea.pvorname, textarea.pnachname, textarea.puvorname, textarea.punachname, textarea.navpos, textarea.navname, textarea.navfile{
width: 320px;
height: 18px;

}

textarea.porg, textarea.ptitel, textarea.puntertitel, textarea.puorg, textarea.putitel, textarea.puuntertitel,textarea.pzusammen,textarea.puzusammen  {
width: 320px;
height: 64px;

}

textarea.ptext, textarea.putext {
width: 360px;
height: 380px;

}

textarea.plink, textarea.pdateilink, textarea.pdatei,textarea.pulink, textarea.pudateilink, textarea.pudatei{
width: 320px;
height: 64px;

}

textarea.pfreigabe, textarea.pufreigabe, textarea.navvis{
width: 12px;
height: 18px;

}

input.psend, input.pusend, input.nsend {
margin: 1em 0 0 0;
float: left;
width: 10em;
height: 1.6em;
font-size: 0.8em;
color: #000000;
background-color:#ffffff;
border: 1px solid #000000;
}

input.psend:hover, input.pusend:hover, input.nsend:hover{
margin: 1em 0 0 0;
float: left;
width: 10em;
height: 1.6em;
font-size: 0.8em;
color: #000000;
background-color:#dddddd;
border: 1px solid #000000;
}


.sp_bettercontact_label {
display: block;
clear: both;

font-size: 10px;


}
#sp_bettercontact_info {font-size: 0.8em; width: 160px; backgroound-color: #eeeeee; margin: 0 0 1em 0;}
.sp_bettercontact_msg {display: inline; font-size: 0.7em; line-height: 1.4em; color: #000000; background-color: #FFCC00; }

#kontaktform, .tx-spbettercontact-pi1, #mailform, #avbform {
float: right;
width: 180px;
}

#sp_bettercontact_name_container input, #sp_bettercontact_telefon_container input, #sp_bettercontact_fax_container input, #sp_bettercontact_mail_container input, input#mailformName, input#mailformTelefon, input#mailformFax, input#mailformEMail {
display: block;
clear: both;
background-color: #eeeeee;
color: #000000;
font-size: 12px;
border: 1px solid #000000;
width: 160px;

}

fieldset{border: none;}

#sp_bettercontact_senden input, .csc-mailform-submit {display: block;
clear: both;
background-color: #cccccc;
color: #000000;
font-size: 12px;
border: 1px solid #000000;
width: 160px;
margin: 5px 0 0 0;}

#kontaktform textarea, .tx-spbettercontact-pi1 textarea, textarea#mailformIhre_Nachricht{
display: block;
clear: both;
background-color: #eeeeee;
color: #000000;
font-size: 12px;
border: 1px solid #000000;
height: 84px;
width: 160px;
overflow: auto;
} 


/*ZUSÄTZE--------------------------------------------------------------*/
.rot, h4.rot p.bodytext {
color: #E4413A;

}

h4.rot { font-weight:normal; color: #E4413A;}

.gruen {
color:#105B02;

}

.klein {
font-size: 0.7em;
}

a.simpel {
text-decoration: none;
}


#flaggen {position:absolute; left: 46px; top: 88px;}


blockquote {border-left: 2px solid #E4413A; padding-left: 10px;}