/* 			Labogen CSS 		*/
body {
	font-family: Arial;
}
a {
	text-decoration: none;
}
img {
	border: 0px;
}


/*		SONSTIGES ZEUCHS		*/
select, input, textarea {
	vertical-align: middle;
	width: 99%;
}

/*			FONT ALIGN			*/
body {
	text-align: center;
	align: center;
	margin:auto;
}
div, table, td, p, h1, h2, h3 {
	vertical-align: top;
	text-align: left;
}


/*			FONT SIZES			*/
body, input, textarea, select {
	font-size: 0.75em;
}
h1, #container #left input, #container #content input,  #container #content textarea, select.contact {
	font-size: 1.2em;
}
h2 {
	font-size: 1.6em;
}
h3, h4, h5, h6 {
	font-size: 1em;
}

/*			FONT COLORS			*/
h1, #container #content p a, #container #content table a, #container #content h3 a, #container #content h4 a  {
	color: #FF0909;
}
body, a, h2, input, textarea, h3, h4, h5, h6, #container #content h5 a, #container #content h6 a {
	color: #494C55;
}
#top #right, #top #right a, #bottom a, #container #left a:hover {
	color: #9DA2A5;
}
#container #right #headline, #container #right #headline a, #container #left, #container #left a, #container #right a.highlight, #container #left a.highlight, #container #content a, #container #content input, #container #content textarea {
	color: #FFFFFF;
}
#container #left .nav_1 {
	color: #CDCDCD;
}


/*			MORE COLORS			*/
#container #right_row, #container #left_row, #container #right a.highlight, #container #left a.highlight {
	background-color: #FF0909;
}
#container #right #headline, #container #left, #container #content a, #container #content input, #container #content textarea {
	background-color: #9DA2A5;
}
#container #left a:hover, #container #content p a, #white_space, #container #content h4 a, #container #content h5 a, #container #content h6 a {
	background-color: #FFFFFF;
}
#container #right, #container #left input, h3, #container #content h3 a, #container #content th  {
	background-color:  #E7E7E7;
}


/*	BLOCK SIZES	PADDING ECT.	*/
h3 {
	height: 18px;
}
#container #content label {
	display:block;
	width:70px;
	margin-right:10px;
	float:left;
}
#container #content input, #container #content select{
	width: 330px;
}
#container #content textarea {
	height: 100px;
	width: 327px;
}
/*	Anpassungen für checkboxen	*/
#container #content .checkbox label {
	display:block;
	width:317px;
	margin-right:0px;
	margin-left:5px;
	float:right;
}
#container #content .checkbox input {
	width: 15px;
	background-color: transparent;
	float:right;
}

table, body, tr, td, form {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}
table {
	width: 100%;
}
h1, h2, h3,  p {
	margin: 0px;
}
h3 {
	margin-top: 20px;
	line-height:17px;
}
h2 {
	margin-bottom: 20px;
}
h3, #container #content th, #container #content td {
	padding-left: 5px;
	margin-bottom: 10px;
}
h4,
h5,
h6 {
	padding: 0px;
	margin: 0px;
}
#top_image {
	background-image: url(../img_index/top_neu.png);
	background-repeat: no-repeat;
	margin-bottom: -26px;
	height: 140px;
}
#mainframe, #top_image, #container, #top, #bottom {
	width: 967px;
	padding-bottom: 5px;	/* #container ist eine Tabelle wird ignoriert*/
}
#bottom {
	padding-top: 10px;
}
#top #left, #bottom #left {
	float: left;
	padding-left: 9px;
}
#top #left select {
	width: 168px;
}
#top #right, #bottom #right {
	float: right;
	padding-right: 9px;
}
#top #right a {
	padding-left: 15px;
}
#bottom #right a {
	padding-left: 7px;
}
#bottom #right #subcontent h3 {
	padding-left: 0px;
}
#container #content {
	padding-left: 30px;
	padding-right: 30px;
	width: 417px;			/* 477 mit Padding */
}
#container #content.max {
	padding-right: 0px;
	width: 690px;			/* Beide TDs in der content table */
}
#container #right_row, #container #left_row, #container #right_row_space, #container #left_row_space {
	height: 2px;			/* die 2 Pixel Rot / Weiß */
}
#container #right, #container #right #headline, #container #right #subcontent, #container #left {
	width: 227px;			/* 243 mit Padding */
}
#container #right #headline, #container #right #subcontent, #container #left {
	padding: 7px;
	padding-right: 9px;		/* Stand und so ...*/
}
#container #right #white_space, #container #left #white_space {
	font-size: 4px;			/* IE 6 Fix - es ist eine Zeile groß - jetzt ist die Zeile 4px groß */
	height: 4px;			/* die 4 Pixel Weiß auf der rechten und linken Seite */
	margin-bottom: 7px;
}
#container #right #white_space {
	margin-right: -17px;	/* Ist eigentlich nicht über die ganze Breite - so schon  (Rechts) */
}
#container #left #white_space {
	margin-top: 7px;
	margin-left: -7px;		/* Ist eigentlich nicht über die ganze Breite - so schon  (Links) */
	margin-right: -10px;		
}
#container #content a {
	display: block;
	float: right; 
	background-image: url(../img_index/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-left: 17px;
	padding-right: 5px;
	margin-bottom: 2px;
}
#container #content h1 a {
	display: inline;
	float: none; 
	background-image: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}
#container #content a left {
	display: block; 
	background-image: url(../img_index/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-left: 17px;
	padding-right: 5px;
	margin-bottom: 2px;
}

#container #content table a {
	display: block;
	float: none;
	background-image: none;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
}

#container #content p {
	padding-left: 5px;
	padding-right: 5px;
}
#container #left p {
	padding-left: 5px;
}
#container #content p a, #container #content h3 a, #container #content h4 a, #container #content h5 a, #container #content h6 a {	
	/* Das obere CSS würde sonst diese rechten Links mit den Pfeilen im content erzeugen*/
	display: inline;
	float: none;
	background-image: none;
	padding: 0px;
	margin: 0px;
}

/* #container #content h5 a, rausgenommen */
#container #content h4 a,  #container #content h6 a {
	/*		Das sind die Restlichen Untermenüpunkte		*/
	font-weight: normal;
	display: block;
	background-image: url(../img_index/grey_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 4px;
	padding-left: 20px;
	padding-right: 5px;
	margin-bottom: 5px;
}
#container #content h5 a {
 	padding-left: 40px;
}
#container #content h6 a {
	padding-left: 60px;
}
#container #content p img {
	float: right;
	padding: 3px;
}
/*		NAVIGATIONS LINKS		*/
#container #left a {
	display: block;
	background-image: url(../img_index/white_arrow.gif);
	background-repeat: no-repeat;
	background-position: 7px 5px;
	padding-left: 20px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}
#container #left a:hover {
	background-image: url(../img_index/grey_arrow.gif);
}
#container #left .nav_1 {	
	margin-left: 10px;	/* Einrücken je Tiefe der Navigation */
	background-image: url(../img_index/light_grey_arrow.gif);
}
#container #left input, #container #content input, #container #content textarea {
	display: block;
	border: 0px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}

/*		NAVIGATIONS RECHTS		*/
#container #right a {
	display: block;
	background-image: url(../img_index/grey_arrow.gif);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	padding-left: 24px;
	padding-bottom: 2px;
	padding-top: 2px;
	margin-bottom: 2px;
}
#container #right a.highlight, #container #left a.highlight {
	background-image: url(../img_index/white_arrow.gif);
	padding-left: 24px;
	background-position: 10px 5px;
}

/*		Versteckte Eingabefelder wirklich verstekcen	*/
/*		Mozilla fixing									*/
input[type="hidden"] {
	border: 0px;
	margin: 0px;
	background-color: transparent;
	visibility: hidden;
}

/*		Anpassungen PLZ / Ort Feld - nichtBlock und Breitenangabe *grml* so ein Scheiß nur weil jemand das in einer Zeile haben will - echt */
#container #left input.small, #container #content input.small {
	display: inline-block;
	width: 55px;
}
#container #left input.smallfit, #container #content input.smallfit {
	display: inline-block;
	width: 272px;
	margin-right: -20px;		/*	Damit der IE6 die Zeile nicht zerfickt - so passiert kein Umbruch weil das Objekt quasi Rechts 20 kleiner ist */
}

.break {
	clear: both;
	padding-top:4px;
}

#container #content .contact, #container .contact, #content .contact { 
	background-color:#e7e7e7;
	border:1px solid #9DA2A5;
	color:#000;
}
#container #content textarea.contact, #container textarea.contact, #content textarea.contact { 
	background-color:#e7e7e7;
	border:1px solid #9DA2A5;
	color:#000;
}

#container #content input.btn_senden, #container btn_senden, #content btn_senden { 
	background-color:#ff0000;
	width:200px;
}

/*	Navigations Mist */
.black_navig {
	color: #000;
}
.grey_navig {
	color: #9DA2A5;
}

.this_lvl_1 {
	margin-top: 20px;
}

table tr.topRow td {
	background-color: #9DA2A5;
	border: 1px solid #999999;
	font-weight: bold;
	color: #FFF;
}

/*	Das @ Zeichen als Bild wid aus (at) erstellt */
#container #content p img.inline_at {
	display: inline;
	float: none;
	border: 0px solid black;
	margin: 0px;
	padding: 0px;
}


table.team {
	border-collapse: separate;
	border-spacing: 20px 0px;
}
table.team td {
	text-align:center;
	border: 1px solid #CECFCE;
	border-top: 0px solid black;
	margin-bottom: 10px;
}
table.team tr.topRow td {
	width: 33%;
	padding: 3px;
	padding-left: 17px;
	border: 1px solid #CECFCE;
	border-bottom: 0px solid black;
	
}
table.team tr.spacerRow td {
	border: 0px solid black;
}

/* Untere Navigation fix für die eine Zeile *grml**/
#container #content h4 a.hidden {
	background-image: none;	
	margin: -5px;
}

/*		Such-Formular			*/
#container #left .searchform {
	overflow: hidden;
}
#container #left .searchform .search {
	width: 75%;
	float: left;
	border: 2px solid #FFF;
}
#container #left .searchform .go {
	width: 23%;
	border: 1px solid #F00;
	float: right;
}