/**
 * CSS styles compuart.com.
 * 
 * @author David Welte
 * 
 * created 2008-07-28
 */

/* ----------------- general html structure */
html, body, div, p, td, a, input, textarea, select {
	font-family:Arial, sans-serif;
	font-size:11px;
	line-height:15px;
	color:#000000;
	margin:0;
	padding:0;
}
html, body {
	margin:0;
	padding:0;
	/*overflow:auto;*/
}
body {
	background-image:url(../img/background.gif);
	height:100%;
	margin:15px 0 0 0;
}
form {
	margin:0;
	padding:0;
}
img {
	border:0;
}
#main {
width: 750px;
height: 100%px;
margin: auto;
text-align: left;
}
/* /----------------- general html structure */

/* ###################################################### */
/* ####################### HEADER ####################### */
/* ###################################################### */
#head {
	float:left;
	width:750px;
	clear:both;
}

#flash {
	float:left;
	width:750px;
	height:100px;
	background-color:#9ACA3B;
}
#logo {
	float:left;
	width:750px;
	height:68px;
/*	background-image:url('../img/logo.gif');
	background-repeat:no-repeat;
	background-position:522px 8px;*/
	background-color:#F5F5F5;
}

.m01 {
	float:left;
}

.posi {
	padding:8px 0 0 35px;
}
#metanav {
	float:left;
	margin:43px 0 0 164px;
	background-image:url('../upload/layout/metanav.jpg');
	background-repeat:no-repeat;
}
/* ###################################################### */
/* ####################### MAIN BODY #################### */
/* ###################################################### */

#mainbody {
	width:750px;
	padding:0 0 0 0;
	background-color:#F5F5F5;
	float:left;
}
#col1, #col2 {
	float:left;
}
#col1 {
	width:133px;
}
#navigation {
	width:133px;
}
#toptheme {
	width:133px;
}
.mitarbeiterbeschreibung {
/*padding-left:10px;*/
font-weight:normal;
font-family:Arial, Georgia;
font-size:11px;
width:525px;
}
.schrift01 {
/*padding-left:10px;*/
font-weight:normal;
font-family: Arial;
font-size:11px;
color:#9A9A9A;
}

.grueneschrift {
font-weight:normal;
font-family:Arial, Georgia;
font-size:11px;
color:#A2CD50;
}

#adress {
	width:133px;
}
#col2 {
	width:617px;
	background-color:#FFF;
	background-image:url('../img/background_col2.gif');
}
#innercol2 {
	float:left;
	width:570px;
	margin:0 0 0 0px;
	background-color:#FFF;
}
#innercol2_green {
	float:left;
	width:570px;
	margin:0 0 0 0px;
	background-color:#9ACA3B;
}
#innercol2_grew {
	float:left;
	width:570px;
	margin:0 0 0 0px;
	background-color:#595959;
}
#ss_left, #ss_right {
	float:left;
}
#content {
	float:left;
	width:570px;
	margin:0 0 0 0px;
}
#content_ex {
	float:left;
	width:548px;
	margin:0 0 0 0;
}
#ex {
	float:left;
	width:22px;
	background-color:#FFF;
}
#frombox {
	clear:both;
	float:left;
	margin:0 0 0 0px;
	padding:0 0 0 20px;
	background-color:#FFF;
	width:548px;
}
#formbody{
	float:left;
	background-image:url('../img/form_background.gif');
	background-repeat:no-repeat;
	background-color:#FFF;
	width:535px;
	height:119px;
}
#formbody_mailsender{
	float:left;
	background-image:url('../img/form_background_mail.gif');
	background-repeat:no-repeat;
	background-color:#FFF;
	width:535px;
	height:119px;
}
#formbody_fehler{
	float:left;
	background-image:url('../img/form_background_fehler.gif');
	background-repeat:no-repeat;
	background-color:#FFF;
	width:535px;
	height:119px;
}
#formtext {
	clear:left;
	float:left;
	margin:22px 0 0 10px;
	
}
#formform {
	float:left;
	margin:22px 0 0 15px;
}
#submit_button {
	position:relative;
	left:197px;
	top:9px;
}
.stdgroesse {
float:left;
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
	color:#000;
	height:475px;
}

.stdgroesse02 {
float:left;
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
	color:#000;
	height:225px;
}

#googlemapkasten {
	position:absolute; top:300px; left:422px;
}
/* ###################################################### */
/* ################### NAVIGATION & META ################ */
/* ###################################################### */

#navigation a {
	padding:0 0 5px 0;
}
#metanav a {
	padding:0 10px 0 0;
}
/* ###################################################### */
/* ####################### FONTS & CO ################### */
/* ###################################################### */
#adress {
	margin:15px 0 0 10px;
	font-size:14px
	font-weight:normal;
	color:#727273;
}	
#col2, #innercol2 {
	font-family:Arial, Georgia;
	font-size:11px;
	color:#000;
}
#col2 h1, #col2 h2 {
	margin:0 0 0 0;
	padding:0;
	font-family:Arial, Georgia;
	font-size:11px;
	display:inline;
}
#col2 h1 {
	color:#000000;
}
#col2 h2 {
	color:#9ACA3B;
}
#col2 h3 {
	font-family:Arial, Georgia;
	font-weight:500;
	font-size:11px;
	padding:0 0 0 20px;
}
#col2 h4 {
	font-family:Arial, Georgia;
	font-size:11px;
	padding:0 0 0 0;
}

#col2 h5 {
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:23px;
	padding:0 0 0 0;
	display:inline;
}

#col2 .tab1 {
	padding:0 0 0 10px;
}
#col2 .tab1_welcome {
	padding:0 0 0 10px;
}
#col2 .tab1_praxis {
	padding:0 0 0 0px;
}
#col2 .tab1_welcome a {
	color:#000;
	text-decoration:underline;
}
#col2 .tab1_praxis a {
	color:#000;
	text-decoration:underline;
}
#col2 .tab1_content {
	padding:0 0 0 20px;
	font-family:Arial, Georgia;
	font-size:11px;
	color:#000;
}
.tdmakeup_index {
	vertical-align:top;
}
.tdmakeup_content {
	vertical-align:top;
	width:268px;
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
}
.tdmakeup_content_links {
	vertical-align:top;
	width:331px;
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
}

.tdmakeup_content02 {
	vertical-align:top;
	width:520px;
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
}
.texte {
	font-weight:normal;
	font-family:Arial, Georgia;
	font-size:11px;
	color:#000;
}
.weissertext {
color:#FFFFFF;
}
/* ###################################################### */
/* ####################### LINKS ######################## */
/* ###################################################### */
a {
	color:#9ACA3B;
	color:#000;
	text-decoration:none;
}
a.weisser_link {
	color:#FFF;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* good old clearfix - remember to use conditional comment for ie6 with .clearfix {height:1px;} */
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* ###################################################### */
/* ####################### für tag clouds################ */
/* ###################################################### */
#cloud {
		font-family: Eurostile, Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-variant: normal;
		text-transform: uppercase;
		padding:0 0 0 20px;
		}
#projekte {
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-variant: normal;
		padding:0 0 0 20px;
		}
.font8 {
	color: #c0c0c0;
	font-size: 8px;
	}
.font10 {
	color: #c0c0c0;
	font-size: 10px;
	}
.font12 {
	color: #c0c0c0;
	font-size: 12px;
	}	
.font14 {
	color: #c0c0c0;
	font-size: 14px;
	}	
.font16 {
	color: #c0c0c0;
	font-size: 16px;
	}	
.font18 {
	color: #c0c0c0;
	font-size: 18px;
	}	
.font20 {
	color: #c0c0c0;
	font-size: 20px;
	}	
.bildabstand {
margin-right:5px;
margin-bottom:0px;
}