/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 10.03.2008 (Marcel Piller)
================================================

Index
------------------------------------------------
Grundeinstellungen
- Univeral Selektor
- HTML-Tags
- Wrapper-DIV

Head Bereich
- Logo
- Sprachnavigation

Navigation
- Hauptnavigation
- Subnavigation

Content-Bereich
- Formatierungen speziell für Contentbereich

Sidebar
- Formatierungen speziell für Sidebar

Footer
- Formatierungen speziell für Footer

Typo3 Erweiterungen
- tt_news
- mailformplus
- ...
------------------------------------------------
*/



/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0px;
	padding: 0px;
}


/* HTML-Tags */

body {
background-color: #ebeae3;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-bottom: 10px;


}


img {
	border: 0px;
	float: left;
}


/*Titel*/
h1 {
font-size: 12px;
padding-bottom: 0px;
font-weight: bold;
	
}

h2 {
font-size: 13px;
font-weight:bold;
color: #669cd9;
	
}
h3 {
	
}

/*Generelle Links*/
a:link {text-decoration: none; color: #669cd9;}
a:visited {text-decoration: none; color: #669cd9;}
a:hover {text-decoration: underline; color: #669cd9; }
a:active {text-decoration: none; color: #669cd9;}


/*Wrapper DIV*/

#wrapper {
	margin: 10px auto;
	background-image:url(../bilder-design/hg.gif);	
	width: 945px; /*Breite Angeben*/
	}
	
	


/*
==================
Head Bereich
==================
*/

#header {
float: left;

}

/*Logo*/
#header img {

}

#logo{
width: 253px;
float: left;
}


#logo-vision{
padding: 10px 0px 0px 38px;
}




#themenbild{
width: 692px;
float: left;


}





/*Sprachnavigation*/
#lang {
		
	}
/*Links Sprachnavigation*/
#lang a:link { color: #ffffff; text-decoration: none; }
#lang a:visited { color: #ffffff; text-decoration: none; }
#lang a:hover { color: #dddddd; text-decoration: none; }
#lang a:active { color: #dddddd; text-decoration: none; }


/*
==================
Navigation
==================
*/

#navigation {
width: 253px;
float:left;

}
	
#mainnav {

margin: 65px 0px 0px 15px;
border-bottom:1px solid #FFFFFF;



}	

#mainnav ul{

}	


	
#mainnav li{
border-color:#FFFFFF;
background-image:url(../bilder-design/list.gif);
background-position:left top;
background-repeat: no-repeat;
background-color: #b1cff1;
border-top:1px solid #FFFFFF;
list-style-type:none;
width:237px;
padding-top: 2px;




}


/*HAUPTNAVIGATION Links*/

#mainnav a    { padding: 0px 0px 0px 30px; text-decoration:none; }
#mainnav li a:link    { color: #000000; }
#mainnav li a:visited { color: #000000; }
#mainnav li a:hover   { color: #FFFFFF;   }
#mainnav li a:active  { color: #FFFFFF;  }

/*aktiver Hauptnavigationslink*/
#mainnav li.active a { color: #FFFFFF; text-decoration: none; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#mainnav ul li.active a:link    { color: #000000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000000; text-decoration: none; }
#mainnav ul li.active a:hover   { color: #FFFFFF; text-decoration: none; }
#mainnav ul li.active a:active  { color: #FFFFFF; text-decoration: none; }*/





#subnav li{
background-image: url(../bilder-design/list-sub.gif);
background-repeat: no-repeat;
border-color:#FFFFFF;
background-color: #ebeae3;
border-top:0px solid #FFFFFF;
list-style-type:none;
width:237px;
padding-top: 2px;
}


/*SUBNAVIGATION Links*/
#subnav a    { padding: 0px 0px 0px 50px; text-decoration:none; }
#subnav li a:link    { color: #000000; text-decoration: none; }
#subnav li a:visited { color: #000000; text-decoration: none; }
#subnav li a:hover   { color: #a16e3f; text-decoration: none; }
#subnav li a:active  { color: #a16e3f; text-decoration: none; }

/*aktiver Subnavigationslink*/
#subnav li.subnavactiv a { color: #000000; text-decoration: none; }
/*Falls der aktive Link auch spezielle Zustände haben sollte (kann meistens gelöscht werden)*/
/*#subnav ul li.subnavactiv a:link    { color: #000000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover   { color: #FFFFFF; text-decoration: none; }
#subnav ul li.subnavactiv a:active  { color: #FFFFFF; text-decoration: none; }*/

address {
font-size:11px;
font-style:normal;
padding: 30px 0px 10px 35px;
}


/*
==================
Content-Bereich
==================
*/
#content {
width: 692px;
float: left;

	}
	
#servicelinks {
height: 19px;

background-color: #b1cff1;
margin: 0px 15px 0px 18px;
font-size: 11px;
}

#servicelinks ul {

float:right;
}

#servicelinks li {
float:left;
list-style-image:none;
list-style-type:none;
padding: 3px 0px 0px 8px;

}

#servicelinks a:link { color: #000000; text-decoration: none; }
#servicelinks a:visited { color: #000000; text-decoration: none; }
#servicelinks a:hover { color: #ffffff; text-decoration: none; }
#servicelinks a:active { color: #000000; text-decoration: none; }
	
#maincontent {
margin: 11px 20px 20px 21px;
width: 600px;



}


#maincontent ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:20px;
vertical-align:top;
}

#maincontent .csc-textpic-imagerow ul {

margin-left: 0;

}




#copyright {
text-align: right;
border-top:1px solid #000000;
font-size:11px;
margin: 20px 0px 5px 0px;
padding: 5px 0px 0px 0px;
width: 650px;
float: left;

}



.seite8 .csc-textpic {
float: left;
width: 150px;

}
.seite8 .csc-textpic-clear {
clear: none !important;
}

/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {

}

/*
==================
Footer-Bereich
==================
*/	

#footer {
background-image: url(../bilder-design/footer.gif);
width: 945px;
height: 17px;
clear: left;

	}
		



/*
===================
Typo3 Erweiterungen
===================
*/	

/*tt_news*/

.news-latest-date {
color: #8da25e;
}

.news-latest-item {
	margin-bottom: 10px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #8da25e;
}

.news-single-img {
	margin-top: 10px;
}





/*Formulare*/

.mailformplus_contactform{
	padding-top: 0px;

}


fieldset {
	border:1px solid #016EA4;
	margin-bottom:10px;
	padding:10px;
}

.tx-powermail-pi1_fieldset_1 {
border: 0;

}

.tx-powermail-pi1_fieldset_1 legend {
display: none;

}

label {
	width: 80px; /*Breiten anpassen*/
	float: left;
}

input {
	border: 1px solid #000000; /*Farben anpassen*/
	margin-bottom: 8px;
}

textarea {
	border: 1px solid #000000; /*Farben anpassen*/
	width: 200px;
}


.formularfeld {
border:1px solid #000000;
margin:0px 0px 15px;
width:180px;
}

.absendeknopf, .powermail_submit {
	border: 1px solid #000000;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	margin-left: 80px;
	margin-top: 10px;
	margin-bottom: 10px;
	/*optional*/
	float: left;
}
.fehlertext {
	color: #000000;
	font-weight: bold;
	background-color: #FF9999;
	padding: 2px;
	border: 1px solid #FF0000;
	width: 375px;
	float: left;
}
.formfehler {
	border: 1px solid #FF0000;
	
}

/*optional*/
.pflichtfelder {
	margin: 12px 0px 0px 170px;
}


.contenttable{
margin-left: -3px;
}




.csc-textpic-imagewrap{
font-size: 11px;
}


/*Abstand zwischen Bild und Signet (unter Fenster)*/
.seite12 #content .csc-textpic-image img, .seite10 #content .csc-textpic-image img{
padding-bottom: 10px;
}






.bodytext {
/*float: left;*/
}

a.download img{
margin-bottom: -3px;
padding: 0px 5px 0px 0px;
}


#map {
float: left;
width: 510px; 
height: 340px; 
margin: -12px 0px 0px 0px;
color:#000000;
}

#add, .csc-frame-frame1 {
float: left;
width: 200px;
height: 500px;

}