/*
================================================
Typo 3 Master CSS
Version: 1.0
Letze Änderung: 26.05.2008 (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, padding, border: 0; 
}


/* HTML-Tags */

html, body {

margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
}


img {
float: left;

}


/* Border bei Links */
.seite10 #maincontent img {
float: left;
border:1px solid #000;

}
	
	
/*Titel*/
h1 {
color: #000000;
font-size: 13px;
font-weight: bold;	
margin: 0px;
padding: 0px 0px 5px 0px;
}

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

h3 {
color: #000000;
font-size: 13px;
font-weight: bold;	
margin: 0px;
padding: 0px 0px 5px 0px;
	
}

h4 {
color: #4eb357;
font-size: 13px;
font-weight: bold;	
margin: 0px;
padding: 0px 0px 5px 0px;
	
}



/*Titel Seite/News/Kontakt mit grüner Linie*/

.csc-header-n1 h1{
color: #4eb357;
font-size: 15px;
font-weight: bold;	
border-bottom:1px solid #4eb357;
margin: 0px;
padding: 0px;
}

.csc-header-n1{
padding-bottom: 20px;
}

#news h1{
color: #4eb357;
font-size: 15px;
font-weight: bold;	
border-bottom:1px solid #4eb357;
margin: 0px;
padding: 0px;
}

#kontakt h1{
color: #4eb357;
font-size: 15px;
font-weight: bold;	
border-bottom:1px solid #4eb357;
margin: 0px;
padding: 0px;
}

/*Generelle Links*/
a:link {color: #44b357; text-decoration: none;}
a:visited {color: #44b357; text-decoration:none;}
a:hover {color: #44b357; text-decoration:underline; }
a:active {color: #44b357; text-decoration:none;}
a:focus {outline:none;}


/*Wrapper DIV*/
#wrapper {
margin: 0 auto; /* 0 hinzugefügt, weil in vertical ist auto allein nicht sauber möglich (michel) */
width: 967px; /*Breite Angeben*/
height: 100%; 

}
	

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

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

}

#logo {
margin: 30px 0px 0px 42px;
float: left;

}

#standorte {
margin: 35px 0px 0px 10px;
float: left;

}


/*Sprachen*/

.jugendliche #header {
background-image: url(../bilder-design/header-jugendliche.jpg);
height: 122px;

}


/*Erwachsenenbildung*/

.erwachsenenbildung #header {
background-image: url(../bilder-design/header-erwachsenenbildung.jpg);
height: 122px;

}


/*Sprachen*/

.sprachen #header {
background-image: url(../bilder-design/header-sprachen.jpg);
height: 122px;

}



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

#navigation {
background-image: url(../bilder-design/bg-mainnav.jpg);
height: 61px;
background-repeat: no-repeat;

}

#servicelinks {
font-size: 11px;
float: right;
padding-top: 5px;
}
	
#servicelinks a:link { color: #666; text-decoration: none; }
#servicelinks a:visited { color: #666; text-decoration: none; }
#servicelinks a:hover { color: #666; text-decoration: none; }
#servicelinks a:active { color: #666; text-decoration: none; }

#mainnav {
margin: 0px;
padding: 0px;
width: 680px;
float: left;

}
	
#mainnav ul{
margin: 17px 0px 0px 170px;
padding: 0px;
color: #FFFFFF;

}

#mainnav li{
list-style-image:none;
list-style-type:none;
float: left;
padding: 0px 15px 0px 20px;
border-right:1px solid #fff;

}


/*HAUPTNAVIGATION Links*/

#mainnav a { padding: 0 0 0 0px; text-decoration:none; font-size: 16px;}
#mainnav li a:link  { color: #fff; }
#mainnav li a:visited { color: #fff; }
#mainnav li a:hover  { color: #fff; }
#mainnav li a:active { color: #fff; }

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv 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; }*/


/*
==================
Suche
==================
*/


#suche a:link { color: #fff; text-decoration: none; }
#suche a:visited { color: #fff; text-decoration: none; }
#suche a:hover { color: #fff; text-decoration: none; }
#suche a:active { color: #fff; text-decoration: none; }



/*
==================
Subnavigation
==================
*/

#subnav{
width: 202px;
float: left;
border-bottom: 1px solid #FFFFFF;
margin: 0px;
padding: 90px 0px 0px 0px;

}

#subnav ul{
width: 202px;
margin: 0px;
padding: 0px;
}

#subnav li{
border-color:#FFFFFF;
border-top:1px solid #44b357;
list-style-type:none;
padding:0px;
}

.border-bottom{
border-bottom:1px solid #44b357;

}


/*SUBNAVIGATION Links*/
#subnav a  {
padding: 3px 0px 3px 25px; 
text-decoration:none; 
display: block; 
}

#subnav li a:link  { color: #44b357; text-decoration: none; background-image:url(../bilder-design/list.gif);
background-repeat:no-repeat; }
#subnav li a:visited { color: #44b357; text-decoration: none; background-image:url(../bilder-design/list.gif);
background-repeat:no-repeat;}
#subnav li a:hover  { color: #44b357; background-color: #e2f0e1; text-decoration: none; background-image:url(../bilder-design/list.gif);
background-repeat:no-repeat;}
#subnav li a:active { color: #44b357; text-decoration: none;background-image:url(../bilder-design/list.gif);
background-repeat:no-repeat; }

/*aktiver Subnavigationslink*/
#subnav li.subnavactiv a { color: #44b357; 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; }*/


/*
==================
Subsubnavigation
==================
*/

#subsubnav li{
border-color:#FFFFFF;
border-top:1px solid #44b357;
list-style-type:none;
padding:0px 0px 0px 0px;
width:202px;
}

/*SUBNAVIGATION Links*/
#subsubnav a  { padding: 3px 0px 3px 50px; display:block; text-decoration:none; background-image:url(../bilder-design/subsubnav-list.gif);
background-repeat:no-repeat; }
#subsubnav li a:link  { color: #44b357; text-decoration: none; background-image:url(../bilder-design/subsubnav-list.gif);
background-repeat:no-repeat;}
#subsubnav li a:visited { color: #44b357; text-decoration: none; background-image:url(../bilder-design/subsubnav-list.gif);
background-repeat:no-repeat;}
#subsubnav li a:hover  { color: #44b357; background-color: #e2f0e1; text-decoration: none; background-image:url(../bilder-design/subsubnav-list.gif);
background-repeat:no-repeat;}
#subsubnav li a:active { color: #44b357; text-decoration: none;background-image:url(../bilder-design/subsubnav-list.gif);
background-repeat:no-repeat; }

/*aktiver Subnavigationslink*/
#subsubnav li.subnavactiv a { color: #44b357; 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 {
width: 529px;
float: left;
margin-left: 34px;

}

#content-start {
width: 765px;
float: left;


}

#content-start h1 {
border-bottom:1px solid #4EB357;
color:#4EB357;
font-size:15px;
font-weight:bold;
margin:0;
padding:0;

}
	

#breadcrumbs {
font-size: 11px;
color: #666666;
margin-top: 10px;

}

/*Breadcumbs Links*/
#breadcrumbs a  { padding: 0 0 0 0px; color: #666666; text-decoration:none;  }
#breadcrumbs li a:link  { color: #666666; text-decoration: none; }
#breadcrumbs li a:visited { color: #666666; text-decoration: none; }
#breadcrumbs li a:hover  { color: #666666;  text-decoration: none; }
#breadcrumbs li a:active { color: #666666; text-decoration: none; }

#maincontent {
width: 490px;
margin-top: 20px;
margin-bottom: 15px;
min-height: 320px;

}

#maincontent-start {
margin-top: 40px;
margin-bottom: 15px;
padding-bottom: 10px;
width: 700px;
float: left;

}	

#maincontent-start img {
padding: 0px 0px 10px 0px;
margin: 0px;

}


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

}

#fusszeile {
border-top:1px solid #666666;
font-size: 11px;
color: #666666;
width: 490px;
padding: 5px 0px 0px 0px;
height:20px;
float: left;

}

/*Fusszeile Links*/
#fusszeile a  { padding: 0 0 0 0px; color: #666666; text-decoration:none;  }
#fusszeile li a:link  { color: #666666; text-decoration: none; }
#fusszeile li a:visited { color: #666666; text-decoration: none; }
#fusszeile li a:hover  { color: #666666;  text-decoration: none; }
#fusszeile li a:active { color: #666666; text-decoration: none; }

.print{
float: right;
margin-top: -16px;
border: 0px;
}

/*Für Text/Bild Elemente als Aufzählung muss die Höhe angeben werden!*/
#seite.csc-textpic-text{
height: 50px;

}
		
/*Bilder nebeneinander anzeigen (Ausrichtung in Typo3: im Text links (muss ausgewählt werden (s. rofoag.ch))*/
.csc-textpic{
float: left !important;

}

/*Abstand unterhalb von Bild vergrössern*/
div.csc-textpic-imagewrap{
padding-bottom: 10px;

}

/*Text/Bild nebeneinander (s. muster-fenster.ch)*/

.csc-textpic {
float: left;

}

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

}

/*
==================
Startseite Inhalt
==================
*/	

#start-jugendliche {
float: left;
width: 185px;
height: 395px;
padding: 5px 25px 5px 10px;
margin: 15px 20px 5px 0px;
background-color: #e3f2dd;
}

#start-erwachsene {
float: left;
width: 185px;
height: 395px;
padding: 5px 25px 5px 10px;
margin: 15px 20px 5px 0px;
background-color: #e3f2dd;
}


#start-sprachen {
float: left;
width: 185px;
height: 395px;
padding: 5px 25px 5px 10px;
margin: 15px 0px 5px 0px;
background-color: #e3f2dd;
}


.csc-sitemap ul {
margin-left: 15px !important;
padding-left: 15px !important;

}






/*
==================
Sidebar-Bereich
==================
*/	
#sidebar {
width: 202px;
float: left;
margin: 42px 0px 15px 0px;
min-height: 100%;
height:auto !important; /* moderne Browser */
height:100%; /* IE */

}

#news {
}


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

#footer {
clear: both;
float: left;
width: 967px;
height: 41px;
background-image:url(../bilder-design/bg-footer.jpg);
background-repeat: no-repeat;
color: #a6c49b;
padding: 22px 0px 0px 0px;

}
#footer .bodytext{
float:left;
margin-right:3px;
}
	

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

/*tt_news*/

.news-latest-container {
margin-top:10px;
}

.news-latest-item {
margin-bottom: 10px;
padding:10px 0px 10px 0px;
}

.news-latest-date {
font-weight: bold;
}

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

.news-list-item {
padding: 10px 0px 10px 0px;
}

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

.news-latest-morelink {
text-decoration: none;
font-style: italic;
}

.news-list-morelink {
text-decoration: none;
font-style: italic;

}


/*News Links Latest*/
.news-latest-morelink a  { padding: 0 0 0 0px; color: #000; text-decoration:none;  }
.news-latest-morelink li a:link  { color: #000; text-decoration: none; }
.news-latest-morelink li a:visited { color: #000; text-decoration: none; }
.news-latest-morelink li a:hover  { color: #000;  text-decoration: none; }
.news-latest-morelink li a:active { color: #000; text-decoration: none; }

/*News Links List*/
.news-list-item a  { padding: 0 0 0 0px; color: #000; text-decoration:none;  }
.news-list-item li a:link  { color: #000; text-decoration: none; }
.news-list-item li a:visited { color: #000; text-decoration: none; }
.news-list-item li a:hover  { color: #000;  text-decoration: none; }
.news-list-item li a:active { color: #000; text-decoration: none; }


/*Suche*/

#suche {
padding: 18px 0px 0px 5px;
color: #FFFFFF;
float: left;
width: 250px;

}

.kurssuche {
float: left;
padding: 2px 10px 0px 0px;
}

#button {
background-color:#FFFFFF;
background-image: url(../bilder-design/suche-button.gif);
border:0px;
color:#000000;
width: 16px;
height: 18px;

}

#suchfeld {
background-color:#FFFFFF;
border:0px solid #666666;
float:left;
font-size:10px;
height:16px;
margin-right:6px;
width: 150px;
}

/*Formulare*/
legend {
font-weight: bold;
color: #41b457;
padding: 5px 0px 5px 0px;
}

fieldset {
border: 1px solid #41b457; /*Farben anpassen*/
padding: 0px 0px 0px 20px;
display: block;
}

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

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

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

.absendeknopf {
border: 1px solid #000;
font-weight: bold;
background-color: #fff;
color: #000;
margin: 10px 0 10px 95px;
/*optional*/
float: left;
}
.fehlertext {
color: #000;
padding: 2px;
border: 1px solid #f00;

}

.formfehler {
border: 1px solid #f00;
margin-bottom: 5px;
}


/*Weiterempfehlung - Tip a friend*/

.tipafriend {
font-family: Arial, Helvetica, sans-serif !important;
font-size: 11px;
}

.seite37 table, th, td {
border: 0px !important;
font-size: 12px;
}

.seite37 tr {
vertical-align:top;
font-family: Arial, Helvetica, sans-serif !important;

}

.seite37 input {
width: 180px;
background-color: #FFFFFF;

}

.seite37 textarea {
width: 250px;

}

.seite37 label {
float:left;
width:200px;
}

.tx-srfreecap-pi2-image {
margin-left:0em;
}


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


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

#content .bodytext{
margin: 0 0 10px 0;
}

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

}


#map {
float: left;
width: 470px; 
height: 310px; 
margin: 10px 0px 15px 0px;
color:#000;


}


/*Stellen*/

.joboffers-listview-table, .joboffers-listview-table tr, .joboffers-listview-table td{
padding-left:0px;
margin-left:0px;
}
.joboffers-singleview-table{


}

.joboffers-singleview-table td{
background-color: #FFFFFF !important;
padding: 5px 12px 5px 0px !important;
margin: 0px !important;
}

.joboffers-singleview-table tr{

}


/* 
KURSE
*/


#kursliste{
list-style: none;
margin: 0px !important;
padding: 0px;
}


.kursliste-titel {
list-style: none;
margin: 0px 0px 5px 0px ;
padding: 0px;
}

.kurse table, .jugendliche table, .erwachsenenbildung table, .sprachen table, th, td {
border: 1px solid #e3f2df;
border-collapse: collapse;
color: #000;
vertical-align: top;
text-align: left;
color: #000;
padding: 4px;
}

.kurse thead th, .jugendliche thead th, .erwachsenenbildung thead th, .sprachen thead th {
text-align: left;
background: #fff;
color: #000;
font-size: 100% !important;
}

.kurse tbody th, .jugendliche tbody th, .erwachsenenbildung tbody th, .sprachen tbody th {
font-weight: bold;
}

.kurse tbody tr, .jugendliche tbody tr, .erwachsenenbildung tbody tr, .sprachen tbody tr { 
background: #fff; 
}

.kurse tbody tr.gruen, .jugendliche tbody tr.gruen, .erwachsenenbildung tbody tr.gruen, .sprachen tbody tr.gruen { 
background: #f3f9f1; 
}

.kurse tfoot th, .jugendliche tfoot th, .erwachsenenbildung tfoot th, .sprachen tfoot th, tfoot td {
font-size: 85%;
}

/* 
STANDORTE
*/
.standorte #maincontent table, .standorte #maincontent td{
margin:0;
padding:0;
}

.seite33 #sidebar{
display:none;
}
.seite33 #maincontent{
width:680px;
}

/*
FREE-SYSTEM
*/
.seite56 #maincontent li{
margin-bottom:0px;
margin-left:15px;
list-style:disc;
}

/*
GESCHICHTE
*/
.seite18 #maincontent li{
margin-bottom:5px;
margin-left:15px;
list-style:disc;
}

/*IMPRESSUM*/
.seite42 .csc-header-n5{
clear:both;
}
.seite42 .csc-textpic-text{
width:300px;
margin-right:10px;
}

/*SUCHE*/
.suchtitel{
background-color:#f3f9f1;
padding:4px;
margin-bottom: 20px;
}


.tx-fesearchintable-pi1 td{
padding: 0px;
margin: 0px;

}

/*AGB*/
#agb {
float:left;
margin-left:5px;
}