@charset "UTF-8";
/* CSS Document */

/* CSS Dokument
  ===============================
        Allgemeine angaben
  ===============================*/

* {
	margin:0;
	padding:0;
	}

/* HTML Mass */
html {
	height: 101%;
	}


* img {
	border:0px;
	}

a:link, a:visited {
  outline: none;
  text-decoration:none;
  color:#666;
	}


a:hover {
	text-decoration:underline;
	color:#000;
	}

.clearing {
	clear:both;
	}

/* Body-Style */
body {
	height: auto;
	background: #333 url(body_bg.jpg);
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#333;
	font-size:1em;
	text-align: center;
	min-width: 920px;
	}
	
/* Site container, page width, centered, fixed width */
div#main {
	width: 920px;
	min-height: 200px;
	margin: 0 auto 0 auto;
	}
	

div#wrappermitte{
	float:left;	
	width:920px;
	height:auto;
	padding: 0px 0px 0px 10px;
	margin: 0 0 0 0;
	background: url(bg_shadow_main.png) repeat-y scroll 0 0;
	}
	
div#kopf{
	height:100px;
	width:900px;
	padding: 28px 0px 26px 0px;
	margin-top:0px;
	}

div#menu{
	margin: 0 20px 0 0px;
	padding: 10px 0 10px 0;
	width:900px;
	background:#F2F2F2;
	border-bottom: 1px solid #999;
}

#nav{
	width:900px;
	color:#A71834;
	font-size:1em;
		}

ul#navigation {
	margin: 0; padding: 0;
    text-align: center;
	}

ul#navigation li {
	list-style: none;
    display: inline;
	margin: 0; padding: 0;
	}


	
/*bildband*/
div#bildband{
	position:relative;
	margin: 0 20px 0 0px;
	padding: 0 0 0 0;
	background-color: #A71834;
	height: 265px;
	width: 900px
	}
	
	
/*---- wrapper ----*/

div#wrapper{
	clear:both;
	float:left;
	width:900px;
	background: url(bg_grey.gif) repeat-y;
	text-align: left;
	height: auto;
	line-height:1.3em;
	
}

/*---- linke Spalte ----*/

#leftcol {
	position:relative;
	width:250px;
	float:left;
	height:auto;
	background: #CCC;
}

#leftcolin {
	padding: 40px 20px 30px 30px;
	height:auto;
}

/*---- rechte Spalte  ----*/


#rightcol {
	position:relative;
	width:650px;
	margin: 0 0 0 0;
	padding:0 0 0 0;
	float:right;
	height:auto;
	background:none;
}
#rightcolin {
	padding: 40px 30px 50px 40px;
	background: #fff;
	height:auto;
}

.teambox {
	width:900px;
	height:265px;
	background: #fff url(bg_teambox.jpg) top left no-repeat;
	border-bottom: 1px #CCC solid;
}
.lastteambox {
	width:900px;
	height:265px;
	background: #fff url(bg_teambox.jpg) top left no-repeat;
}

.teameinzelbild{
	float:left;
	padding: 17px 40px 18px 170px;
}

.teameinzeltext{
	float:left;
	padding: 70px 70px 20px 20px;
}


/*-----------------------*/	
	
/*footer*/
div#footer{
	clear:both;
	float:left;
	width:900px;
	min-height:75px;
	border-top:1px #A2A2A2 solid;
	background: url(bg_shadow_footerxx.png)  0px 0px no-repeat;
	}
	
.schwarz{
	color:#000;
}

/*-----------------------*/	
	
#footernav{
	width:900px;
	font-size:0.9em;
	line-height:1.3em;
	padding: 18px 0 20px 0;
	color:#666;
		}

#footernav ul {
	list-style: none;
	}

#footernav li {
	padding: 0px;
	display: inline;
	}


/*footershadow*/
div#footershadow{
	float:left;
	width:920px;
	height:20px;
	background: url(bg_shadow_footer.png)  0px 0px no-repeat;
	}

/*clearing*/
.clearing {
	clear:both;
}

/* Diese Klasse sorgt über behaviour für den Aufruf eines Javaskripts,
das die Transparenz der PNGs erzeugt */
.pngfix {
  	behavior: url(iepngfix/iepngfix.htc);
}

/* Diese Klasse ist für den Footer, da die Klasse zwei Aufgaben 
   nämlich clear und javaskript-Aufruf erledigen muss */
.clearingundpng {
	behavior: url(iepngfix/iepngfix.htc);
	clear:both;
}

.facts p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	line-height:1.3em;
	padding: 0.5em 0 0 0;
}

.facts h2 {
	color:#666;
	margin-bottom:0.6em;
	border-bottom: 1px solid #999;
	padding: 0.1em 0 0.6em 0;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
}

.fliesstext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.4em;
	padding:  0 0 0.5em 0;
}

.fliesstextline{
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.85em;
	line-height:1.4em;
	padding:  0 0 1.5em 0;
	margin: 0 0 1.8em 0;
	border-bottom: 1px solid #ccc;
}



.facts ul{
	list-style-type:disc;
	margin: 15px 0 0 18px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em
}

.facts li{
	list-style-type:disc;
	margin:5px 0 0 0;
}

h2{
	font: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	font-size:1.1em;
	padding: 0.1em 0 0.8em 0;
	color:#000;
}

/*.......... Formular .................................*/

label { /* Alle Labels UND Formularelemente auswählen */
  display: inline;
  float: left;
  width: 300px; /* Breite.*/
  padding: 10px 0 0 0;
  margin:6px 0 0 0;
  font-size:0.9em;
  
}
.felder{ /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 300px; /* Breite.*/
  padding: 2px 5px 2px 5px;
  height: 25px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.9em;
  background:#FFF;
  border: 1px #A2A2A2 solid;
}

input#send{
	width:70px;
	margin:20px 10px 0 0;
	font-size:12px;
}

input#reset{
	width:120px;
	margin:20px 10px 0 0;
	font-size:12px;
}

textarea#nachricht {
	background:#FFF;
    float: left;
    width: 300px;
    font:Arial, Helvetica, sans-serif;
    font-size:0.9em;
	border: 1px #A2A2A2 solid;
	font-family:Arial, Helvetica, sans-serif;
	padding: 2px 5px 2px 5px;
}

.selectformat{
  display: block;
  float: left;
  width: auto;
}

form br {       /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#anrede {
	font-size:12px;
}

label {
 text-align: left; 
 padding-right: 0; 
}

form {
  display:block;
  position:relative;
  background: #F2F2F2 url(papier2.jpg);
  border:1px #A2A2A2 solid;
  padding:2em 2em 2em 2.4em;
  margin: 15px 0 0 0;
  width:330px;
}


.invisan {display:none}

.karte{
	display:block;
	padding: 5px 0 8px 0;	
}

.facts a{
	color:#333;
	padding: 0 0 0 15px;
	background:url(pfeil_bggrau.gif) -2px 43%  no-repeat;
}
.pfeil a, .pfeil a:hover, .pfeil a:visited {
	padding: 0 0 0 15px;
	margin: 0 0 0 4px;
	background:url(pfeil_bgweiss.gif) -2px 45%  no-repeat;
	color:#000;
}

/* _ _ _ _ _ _ _ _ _ Nur STartseite _ _ _ _ _ _ _ _ _ _*/


#navstart {
	z-index: 50;
	position: absolute;
	top: 221px;
	left: 802px;
	height:20px;
	margin:0;
	padding:0;
	width: 81px;
}
#navul {
	list-style:none;
}
#navul li{
	list-style: none;
    display: inline;	
	}

#navul a {
	display:block;
	float:left;
	background: url(button_grey.png) 0 0 no-repeat;
	line-height:20px;
	width:20px;
	height:20px;
	margin: 0 7px 0 0;
}
#navul a.activeSlide { 
	display:block;
	float:left;
	background: url(button_white.png) 0 0 no-repeat;
	line-height:20px;
	width:20px;
	height:20px;
	margin: 0 7px 0 0;
}