/* Wird im Fontend und im Backend benötigt, Schriftformatierungen für Frontend und Editor usw...*/

body{
	text-align: left;
	color:#666666;
	font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
}

body, sup, sub, u{
	font-size:12px;
	line-height:22px;
}

sup {color:#3BA2B2;
	display:inline;
	position:relative;
	top:7px;
	
}
sub {color:#FFB06F;
	display:inline;
	position:relative;
	top:-7px;
	
}
u{
	color:#FF2E2D;
	display:inline;
	text-decoration:none;
}

.inline{display:inline;}

table tr{		vertical-align:top; }
table tr td {	vertical-align:top; }
img {float:right; padding: 0px 10px 10px 0px;}

#navi img {	
	float:none;	
	padding: 0px;
	margin:0px 0px 0px 25px;
}

#imp img {	
	float:left;	
	padding:0px 0px 0px 10px;
	margin:0px;
}
.inimp{
	position:relative;
	left:30px;
	text-decoration:none;
}


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

#navi a{
	color:#FFF;
}

a:hover{color:#999;}

h1, h7, h8, h9{
	color:#333;
	font-weight:normal;
	font-size:20px;
}
h2{
	color:#444444;
	font-weight:normal;
	font-size:16px;
}
h3{
	color:#888888;
	font-size:13px;
}
h4{
	color:#FFB06F;
	font-size:12px;
	font-weight:normal;
	display:inline;
}
h5{
	color:#3BA2B2;
	font-size:12px;
	font-weight:normal;
	display:inline;
}
h6 {
	color:#880003;
	font-size:12px;
	font-weight:normal;
	display:inline;
}

h7, .hora{
	color:#FFB06F;
	margin:10px 0px 0px 0px;
	font-size:24px;
}
h8, .hhblau{
	color:#62CBD3;
	margin:10px 0px 0px 0px;
	font-size:24px;
}
h9, .hrot{
	color:#A11212;
	margin:10px 0px 0px 0px;
	font-size:24px;
}

address{
	font-style:normal;
	font-size:11px;
	line-height:17px;
	width:100%;
	text-align:center;
}

pre{ 
	background-color:#EBEBEB;
	color:#333333;
	font-family:"Courier New", Courier, monospace;
	font-size:10px;
	padding:10px;
}

#head h1 {	font-size:30px;}
.blau{	color:#3366FF;}
.hblau{	color:#66CCFF;}
.white{	color:#FFFFFF;}
.rot{	color:#CC0000;}
.orange{color:#FF6600;}
.grun{	color:#00CC00;}
.grau{	color:#999999;}
.hgrau{	color:#BBBBBB;}
.lila{	color:#6600FF;}
.wichtig{	font-weight:bold;}
.wichtiger{	font-weight:bolder;}
.kursiv{	font-style:italic;}
.small{font-size:9px;}

.clear{
	clear:both;
}

/*###############################   Foot    ################################*/

#foot a{
	
	color:#587C03;
	text-decoration:none;
}
#foot a:hover{
	color:#ffffff;
}


/*###############################   Formular    ################################*/
.formular{
	width:100%;
	vertical-align:top;
}
.commentfield2, .commentfield2, .fm, .fa, .ft, .fs {
	color:#666666;
	font-style:italic;
	
}
.form1{
	width:140px;
	vertical-align:top;
	padding:0px 0px 0px 10px;
	font-weight:bold;
}
.form2{
	vertical-align:top;
	padding:0px 0px 20px 10px;
}
.ft{
	width:450px;
	vertical-align:top;
}
.fa{
	width:450px;
	vertical-align:top;
}
.fm{
	width:450px;
	vertical-align:top;
}
.fs{
	width:200px;
	vertical-align:top;
}


.drei{
	float:left;
	width:179px;
	padding:0px 30px 0px 0px;

}

.produkt{
	float:left;
	padding:10px 0px 10px 0px;

}

table tr td{
	margin:10px 10px 10px 10px;
	position:relative;
	left:10px;
}

.tr1, .tr1a{
	background-color:#DDECE8;
	margin:10px 10px 10px 10px;
}
.tr1a{
	font-size:9px;
	line-height:12px;
}

.tr2{
	margin:10px 10px 10px 10px;
}

.qua{
	position:relative;
	top:-5px;
	font-size:9px;
}

.titellogo{
	width:100px;
	position:relative;
	top:10px;
	left:-42px;
}

.titelkursiv{
	font-style:italic;
	font-size:11px;
}

.kommu_logo{
	width:80px;
	position:relative;
	left:-110px;
	top:-30px;
}
.kommu_logo2{
	width:160px;
	position:relative;
	left:-20px;
	top:-50px;
}
.kommu1{
	position:relative;
	top:-50px;
}

.pro1{
	float:left;
	width:110px;
}

.pro2{
	float:left;
	width:230px;
	padding:0px 20px 0px 10px;
	position:relative;
	top:-13px;
}

.pro3{
	float:left;
	width:110px;
}

.pro4{
	width:100px;
}

.logo{
	width:230px;
	position:relative;
	left:-13px;
	top:20px;
}
.dreilogo{
	position:relative;
	left:-35px;
}

.toppic{
	width:89px;
	padding:0px 0px 0px 10px;
}

.homequader{
	width:150px;
	position:relative;
	left:-40px;
	top:0px;
}

img { border:none;}
a img { border:none;}