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


html {
height:100%;
margin-bottom:1px;      
}

/* HTML-Tags */

body {
font-family: "Courier New", Courier, monospace;
font-size: 12px;
color: #a4a4a4;


background-color: #9b999a;

}


img {
float: left;

}
	
/*Titel*/
h1 {
font-size: 12px;
color: #a4a4a4;
font-weight: bold;
	
}

/*

h2 {
font-size: 12px;
color: #7f7f7f;
font-weight: bold;
	
}

*/

h2 {
display: block;
width: 140px;
font-size: 12px;
color: #4a4a4a;
padding: 10px 20px;
background-color: #FFFFFF;
color: #7f7f7f;
font-weight: bold;
	
}

.logo {
color: #555;
font-size: 12px;
margin: 0;
padding: 0;

}


/*Generelle Links*/
a:link {color: #a4a4a4; font-size: 12px; text-decoration: none; text-transform: uppercase;}
a:visited {color: #a4a4a4;font-size: 12px; text-decoration:none;}
a:hover {color: #a4a4a4; font-size: 12px; text-decoration:none; }
a:active {color: #a4a4a4;font-size: 12px; text-decoration:none;}


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

/*width: 642px; /*Breite Angeben
/*padding-top: 40px;*/


padding-bottom:20px;
padding-left:20px;
padding-right:20px;
background-color: #FFFFFF;


}
	
	

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

#header {

background-color: #9b999a;
height:55px;
margin-left:-20px;
width: 710px;
margin-bottom: 20px;
padding-top: 40px;

}




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

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

}
	
#mainnav {
width: 197px;
margin: 0px;
padding: 0px;
text-transform: uppercase;

}
	
#mainnav ul{
margin: 0px;
padding: 0px;

}

#mainnav li{
list-style-image:none;
list-style-type:none;
height: 16px;

}


/*HAUPTNAVIGATION Links*/

#mainnav a { padding: 0 0 0 0px; text-decoration:none; }
#mainnav li a:link  { color: #a4a4a4; }
#mainnav li a:visited { color: #a4a4a4; }
#mainnav li a:hover  { color: #a4a4a4; font-weight: bold; }
#mainnav li a:active { color: #a4a4a4; font-weight: bold;}

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

#metanav {
margin: 0px;
padding: 10px 0px 0px 0px;
list-style-image:none;
list-style-type:none;
text-transform: uppercase;
}

#metanav ul{
margin: 0px;
padding: 0px;


}

#metanav li{
list-style-image:none;
list-style-type:none;
height: 16px;

}


/*HAUPTNAVIGATION Links*/

#metanav a { padding: 0 0 0 0px; text-decoration:none; }
#metanav li a:link  { color: #a4a4a4; }
#metanav li a:visited { color: #a4a4a4; }
#metanav li a:hover  { color: #a4a4a4; font-weight: bold; }
#metanav li a:active { color: #a4a4a4; font-weight: bold;}

/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#metanav li.aktiv a { font-weight: bold; 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; }*/



#beschreibung{
width: 197px;
height: 263px;
margin: 0px;
padding: 20px 0px 0px 0px;


}

/* Description von Slideshow anzeigen */

#description {
float:left;
height:263px;
margin:154px 0 0 -217px;
padding:20px 0 0;
width:197px;
}

#beschreibung-pfeil{
vertical-align:bottom;


}





/*
==================
Content-Bereich
==================
*/
#content {
float: left;
width: 425px;
height: 480px;
margin-left: 20px;


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

}

#content a:link {color: #a4a4a4; font-size: 11px; text-decoration: none;}
#content a:visited {color: #a4a4a4; font-size: 11px; text-decoration:none;}
#content a:hover {color: #a4a4a4; font-size: 11px; text-decoration:none; }
#content a:active {color: #a4a4a4; font-size: 11px; text-decoration:none;}


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

}

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

#footer {
clear: both;
width: 642px;
text-align: right;

}
		




/*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;

}

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;
margin-bottom: 5px;

}

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

}

.contenttable{
margin-left: -3px;

}


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

}


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

}


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

}


/*
==================
Scroller
==================
*/	


.csc-frame-frame1 {
float: left;
width: 425px;
height: 450px;
margin-left: 20px;
}


#pane1 {


}



.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	height: 460px!important;
	width: 458px!important;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #aaa;
	width: 6px!important;
}
.jScrollPaneDrag {
height: 30px!important;
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}