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

28. April 2008
Michel: Überall Kurzschreibweisen eingesetzt (#fff anstatt #fffff usw.), plus diverse kommentierte änderungen



================================================

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, padding, border: 0px;   /* besser wenn border auch gleich reseted wird (Michel) */
}


/* HTML-Tags */

body {
background-color: #e9e9ea;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 0px;



}


img {
	border: 0px;
	float: left;
}
	
/*Titel*/
h1 {
font-size: 14px;
font-weight: bold;
color: #d5093e;
	
}

h2 {
	
}
h3 {
	
}

/*Generelle Links*/
a:link {color: #003366; text-decoration: none;}
a:visited { color: #003366; text-decoration:none;}
a:hover {color: #d5093e; text-decoration:none; }
a:active {color: #003366; text-decoration:none;}

/*Formulare*/
legend {

}

fieldset {
	border: 1px solid #000; /*Farben anpassen*/
	display: block;
}

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

input {
	border: 1px solid #000; /*Farben anpassen*/
}

textarea {
	border: 1px solid #000; /*Farben anpassen*/
}


/*Wrapper DIV*/
#wrapper {
	margin: 0 auto; 
	width: 924px; /*Breite Angeben*/	
	background-image: url(../bilder-design/hg-navigation.gif);
	background-repeat: no-repeat;
	
	
	 
	}
	
	


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

#header {

}

/*Logo*/
#header img {

}

#logo {
float: left;
}




/*Sprachnavigation*/
#lang {
padding: 10px 0px 0px 45px;
		
	}
/*Links Sprachnavigation*/
#lang a:link { color: #003366; text-decoration: none; }
#lang a:visited { color: #003366; text-decoration: none; }
#lang a:hover { color: #d5093e; text-decoration: none; }
#lang a:active { color: #003366; text-decoration: none; }


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

#navigation {
float: left;
width: 221px;
min-height: 420px;


}
	
#mainnav {
padding: 50px 0px 0px 18px;
margin: 0px 0px 0px 0px;

}



#mainnav li{
list-style-image:none;
list-style-type:none;
background-image:url(../bilder-design/button.png);
height: 30px;
padding-top: 2px;
z-index:0;



}

#mainnav li .button-schweif{
background-image:url(../bilder-design/button-schweif.png);
height: 30px;
padding-top: 2px;

}

.schweif {
	position:absolute;/*top:200px;left:50px;*/
	padding: 9px 0px 0px 18px;
	width:163px;
	height:44px;
	z-index: 1;

}
	

/*HAUPTNAVIGATION Links*/

#mainnav a { padding: 0px 0px 0px 55px; text-decoration:none; }
#mainnav li a:link    { color: #000; }
#mainnav li a:visited { color: #000; }
#mainnav li a:hover   { color: #d5093e; }
#mainnav li a:active  { color: #d5093e; }

/*aktiver Hauptnavigationslink*/
#mainnav li.active a { color: #000; 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: #000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000; text-decoration: none; }
#mainnav ul li.active a:hover   { color: #fff; text-decoration: none; }
#mainnav ul li.active a:active  { color: #fff; text-decoration: none; }*/




/* Französischer Navigationspunkt */



#franav {
padding: 50px 0px 0px 18px;
margin: 0px 0px 0px 0px;

}



#franav li{
list-style-image:none;
list-style-type:none;
background-image:url(../bilder-design/button-fr.png);
height: 30px;
padding-top: 2px;
z-index:0;
font-weight: bold !important;


}


	

/*HAUPTNAVIGATION Links*/

#franav a { padding: 0px 0px 0px 55px; text-decoration:none; }
#franav li a:link    { color: #fff; }
#franav li a:visited { color: #fff; }
#franav li a:hover   { color: #d5093e; }
#franav li a:active  { color: #d5093e; }

/*aktiver Hauptnavigationslink*/
#franav li.active a { color: #fff; 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: #000; text-decoration: none; }
#mainnav ul li.active a:visited { color: #000; text-decoration: none; }
#mainnav ul li.active a:hover   { color: #fff; text-decoration: none; }
#mainnav ul li.active a:active  { color: #fff; text-decoration: none; }*/



















































#subnav li{
list-style-image:none;
list-style-type:none;
}


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

/*aktiver Subnavigationslink*/
#subnav li.subnavactiv a { color: #fff; 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: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:visited { color: #000; text-decoration: none; }
#subnav ul li.subnavactiv a:hover   { color: #fff; text-decoration: none; }
#subnav ul li.subnavactiv a:active  { color: #fff; text-decoration: none; }*/




/*
==================
Content-Bereich
==================
*/
#content {
background-image: url(../bilder-design/hg-content.gif);
background-repeat: no-repeat;
background-color: #f0f8fd;
width: 675px;
float: left;


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

#maincontent {
padding: 22px 20px 20px 35px;
border-right:4px solid #ffffff;
min-height: 370px;



	}



/*Bilder nebeneinander anzeigen (Ausrichtung in Typo3: im Text links (muss ausgewählt werden))*/
.seite8 .csc-textpic, .seite11 .csc-textpic {
float: left !important;
width: 290px;
margin-bottom: 20px;


}

.seite8 div.csc-textpic-imagewrap, .seite11 div.csc-textpic-imagewrap{
padding-bottom: 6px;

}


	



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

}

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

#footer {
background-image: url(../bilder-design/hg-footer.gif);
height: 20px;
clear: left;
text-align: right;
padding: 10px 15px 0px 0px;
color: #FFFFFF;
font-size: 11px;

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








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

/*tt_news*/

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

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

}

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


/*mailformplus*/

.absendeknopf {
	border: 1px solid #8da25e;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	margin: 10px 0 10px 80px;
	/*optional*/
	float: left;
}
.fehlertext {
	color: #000;
	font-weight: bold;
	background-color: #f99;
	padding: 2px;
	border: 1px solid #f00;
	width: 375px;
}
.formfehler {
	border: 1px solid #f00;
	margin-bottom: 5px;
}

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




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


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



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


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


a[href $='.pdf'] {
   padding: 5px 0 5px 20px !important;
padding-left: 20px !important;
   background: url(../icons/pdf.gif) no-repeat center left;
}

.csc-textpic-single-image a[href $='.pdf'] {
   background-image: none !important;
}

.csc-textpic-single-image {
clear: both;

}

.seite8 .csc-textpic-text, .seite11 .csc-textpic-text {
clear: both;
}

* + html .csc-textpic-text {
   margin-top: -10px !important;
position: relative;
top: -8px;
}