/*
================================================
Typo 3 Master CSS
Version: 1.0
@media print: 01.05.2017, M. Gutfeldt;
Letze Änderung: 23.03.2010 (Andrea Zbinden)

28. April 2008
Michel: Überall Kurzschreibweisen eingesetzt (#fff anstatt #fffff usw.), plus diverse kommentierte änderungen
29. Mai 2008
Michel: 0px = 0, diverse kleinere Sachen


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

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

/* Scrollbalken für IE8 und Firefox erzwingen */
html{
	height: 101%;
}

/* HTML-Tags */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333;
/*behavior:url("csshover.htc"); */
}


img {

}

/* Printlogo  @screen nicht anzeigen */
img.printlogo {
	display:none;
}

	
/*Titel*/
h1 {
font-size: 18px;
color: #196bb4;
font-weight: normal;
padding-bottom: 10px;
}


h2 {
font-size: 16px;
color: #333;
font-weight: bold;
	margin-bottom: 10px;
	margin-top: 20px;
}



#sidebar h2 {
color: #FFFFFF;
background-image: url(../bilder-design/bg-li.jpg);
background-repeat: repeat-x; 
width: 180px;
font-size: 14px;
margin: 0px;
padding: 6px 10px;
text-transform: uppercase;
	
}


h3 {
	
}

p.bodytext {
margin-bottom: 9px;
}

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


/*Icons automatisch*/

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

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

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

a[href $='.doc'] {
   padding: 5px 0 5px 20px;
   background: url(../icons/doc.gif) no-repeat center left;
}
    
/*
a[class*="internal-link"]  { 
  padding: 5px 0 5px 20px;
  background: url(../icons/link.png)  no-repeat center left;
}
*/


/*Wrapper DIV*/
#wrapper {
margin: 0 auto; /* 0 hinzugefügt, weil in vertical ist auto allein nicht sauber möglich (michel) */
width: 980px; /*1010*/
background-image: url(../bilder-design/bg-wrapper.png);
background-repeat: repeat-y;
padding: 0px 15px 20px 15px;


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

#header {
background-image: url(../bilder-design/header.jpg);
background-repeat: no-repeat;
height: 173px;

}


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

#navigation {
float: left;
width: 160px;
height: 300px;
margin: 0px;
padding: 80px 0px 0px 0px;
}
	
#mainnav {
padding: 0px 10px 0px 0px;
margin-bottom: 32px;
height: 32px;
width: 970px;
background-image: url(../bilder-design/bg-li.jpg);
background-repeat: repeat-x; 
}


#mainnav li{
font-size: 14px;
float: left;
list-style-image:none;
list-style-type:none;
border-right:1px solid #fff;
margin: 0px;
padding: 0px;
text-transform: uppercase;



}


/*HAUPTNAVIGATION Links*/

#mainnav a { color: #fff;  padding:8px 18px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; font-style: normal; }
#mainnav li a:link  {  }
#mainnav li a:visited {  }
#mainnav li a:hover  {   background-image: url(../bilder-design/bg-li-aktiv.jpg); background-repeat: repeat-x; }
#mainnav li a:active {   }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a { 
color: #fff; text-decoration: none; 
background-image:url("../bilder-design/bg-li-aktiv.jpg");
background-repeat:repeat-x;
}

/* Horizontale Anordnung */
#mainnav li ul { 
display:none;
position: absolute!important;
z-index: 100;


} 

/* Normalzustand eingeklappt */
#mainnav li:hover ul { 
display:block; 

} 

/*SUBNAVI Links*/
#mainnav li ul li{
float: none;
border-right:0px solid #fff;

}



#mainnav li ul a { color: #fff;  padding:5px 20px; display: block; /*ganze Fläche anklickbar machen*/ text-decoration:none; background-image: url(../bilder-design/bg-li.jpg);
background-repeat: repeat-x;   background-position: 0 1px; background-color: #fff;}
#mainnav li ul li a:link  {  }
#mainnav li ul li a:visited {  }
#mainnav li ul li a:hover  {   background-image: url(../bilder-design/bg-li-aktiv.jpg); background-repeat: repeat-x; }
#mainnav li ul li a:active {   }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li ul li.aktiv a { color: #fff; text-decoration: none; }



/*
==================
Content-Bereich
==================
*/
#content {
padding: 0px 0px 10px 40px;
float: left;
width: 645px;
}

#maincontent {
padding: 13px 0px 10px 0px;
width: 645px;
float: left;
position: relative;
}
	
#maincontent ul {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
vertical-align:top;
margin-left:20px;

}

#maincontent ul li {
margin-bottom: 3px;

}

.csc-textpic ul {
margin-left: 1px !important;

}


/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {
float: left;
width: 274px;

}

#sidebar a {color: #196bb4; text-decoration: none; font-style: italic; font-weight: normal; }
#sidebar a:link {}
#sidebar a:visited {}
#sidebar a:hover {text-decoration: underline; }
#sidebar a:active { }


#sidebar-aktuell{
width: 201px;
padding-left: 38px;
padding-top: 20px;
padding-right: 35px;
background-image: url(../bilder-design/bg-sidebar.png);
background-repeat: repeat-y;

}


#sidebar-kontakt {
width: 201px;
padding-left: 38px;
padding-top: 20px;
padding-right: 35px;
background-image: url(../bilder-design/bg-sidebar.png);
background-repeat: repeat-y;
}


.sidebar-footer {
background-image: url(../bilder-design/bg-sidebar-footer.png);
background-repeat: no-repeat;
display: block;


}

#sidebar p.bodytext {
margin-bottom: 0px;
}

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

#footer {
margin: 0 auto;
height: 65px;
clear: left;
background-image: url(../bilder-design/bg-footer.png);
background-repeat: no-repeat;
width: 900px;
padding: 5px 55px;

}


#footer a {color: #333333; text-decoration: none; }
#footer a:link {}
#footer a:visited {}
#footer a:hover {text-decoration: underline; }
#footer a:active { }



#footer-text {
border-top: 1px solid #666;
padding: 8px 0px;

}
		

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

/*tt_news*/

#archivlink{
text-align: right;
}


.news-titel{
color: #000000;
font-style: normal;
font-size: 12px;
clear: left;
font-weight:bold;
}

.news-titel a {color: #000!important; text-decoration: none!important; font-style: normal!important; font-weight: bold; }
.news-titel a:link {}
.news-titel a:visited {}
.news-titel a:hover { }
.news-titel a:active { }


.news-list-item {
clear: both;
padding: 12px 0px;
display: block;
}


/*
#news-list-text {
background: red;
float: left;

}
*/



.news-list-item img {
float: left;
margin-right: 10px;
}


.news-list-date {
font-size: 11px;
font-weight: normal;

}

.news-latest-item {
padding-left:10px;

}

.news-single-img {
margin-top: 10px;
/*height: 150px;*/
width: 640px;
position: relative; 
left: -5px;
}

.news-single-imgcaption {
font-size: 12px;
}

.news-single-backlink {
padding: 0;
}


.news-list-date {
float: none !important;
padding: 0;
}

#news-bild {
float: left;
width: 165px;
font-size: 11px;

}

.news .article .news-img-wrap a{
	padding:0;
}
.news-img-wrap .outer{
	margin-bottom:10px;
}

.bildlegende{
	visibility: hidden;
	height: 0px;
}

/*Formulare*/
legend {
font-weight: bold;
color: #000000;
padding: 15px 0px 15px 0px;

}

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

}

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

}

input {
border: 1px solid #000; /*Farben anpassen*/
margin-bottom: 10px;

}

input[type="radio"],input[type="checkbox"] {
border: none;	
}

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

.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;


}

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

}

.contenttable{


}


.bodytext {
/*float: left;*/
margin: 0;
padding: 0;

}


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

}

#map {
float: left;
width: 530px; 
height: 460px; 
margin: 0 0 0 0;
color:#000;

}


#slideshow {
  width: 645px;
  height: 175px;
}

.csc-textpic-image dt a {
margin-bottom: 7px !important;
display: block;
}

div.csc-textpic-imagecolumn{
	float:left;
	margin-right: 9px;
}
div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 10px;
}
div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
    float: left;
}
div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li {
    overflow: hidden;
}
.csc-textpic-caption {
    text-align: left;
    caption-side: bottom;
}

.newsbild {
float: left;
margin-right: 10px;
width: 150px;
height: 170px;
}

.news-single-backlink {
clear: both;
margin-top: 10px;
padding-top: 15px;
}

.news-single-author {
display: none;
}

.news-single-files dd img {
display: none;
}

.news-single-files dd {
margin-top: 5px;
}

.news-single-item h2 {
margin-bottom: -5px;
}

#maincontent h3 {
margin-bottom: 5px;
}

#maincontent .news-list-date {
display: block;
}

#maincontent .news-list-item {
 margin-bottom: 20px;
/*height: 120px;*/
}


/* Sitemap */
.csc-sitemap ul {
margin-left: 20px;
margin-bottom: 10px;

}

/* Pagination */
.news-list-browse {
width: 125px;
}

body {

}

hr {
display: none;
}


.news-single-item {
clear: both;
font-weight: normal;
}




.theme-default .nivoSlider {
box-shadow: none;

} 


.news-latest-date {
font-size: 12px;
}


.news-latest-item {
padding: 0;

}

.news-latest-container {
padding-top: 0;
}

.news-latest-morelink {
font-size: 12px;

}



.news-latest-gotoarchive {
display: none;
}



.news-single-item {
padding: 0;

}
.flexslider{
	border:0;
}
.slidercontent div.caption-text{
	display:none;
}