/*
body { color: #3b3b3b; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 11px; background:#FF7F00; padding:0; margin:0; text-align:center; }
body { color: #3b3b3b; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 11px; background:#ff8a00; padding:30px 0 0 0; margin:0; text-align:center; }
*/
body { color: #3b3b3b; background:#ffffff url(/images/bg.jpg) no-repeat; font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 11px; padding:10px 0; margin:0; text-align:center; }

h1 { font-size:18px; color:#FF7F00; padding:0; margin:0 0 18px 0; font-weight:bold; line-height: 18px; }
h2 { font-size:14px; color:#FF7F00; padding:0; margin:0 0 10px 0; font-weight:bold; }
h3 { font-size:12px; color:#ffffff; padding:10px 0 0 3px; margin:0 0 8px 0; font-weight:normal; border-left:1px solid #e2001a}
h4 { padding:0 0 0 8px; width:150px; background-color:#ffffff; border-left:18px solid #af0917; color:#001c4b; text-decoration:none; margin:0; line-height:18px; font-size:11px; text-transform:uppercase; font-weight:bold;}
h5 { padding:0; margin:0; }

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

table { font-size:13px; font-family: Arial, Verdana, Helvetica, sans-serif; width:100%; border-collapse:collapse; table-layout:fixed; }
td { vertical-align: top; text-align: left; padding:0px; }
img { border:0; margin:0;  }
.clear { clear:both; height:0; }
.error { position:relative; top:-100px; left:0; width:300px; padding:10px; background-color:#CC0000; color:#ffffff; font-size:11px; z-index:1000; } 
.error ul { padding:0 0 0 25px; margin:0; color:#ffffff; } 
.colored { color:#ea6ea3; }
.colored_grey { color:#666666; }

.test { width:770px; padding:0; margin:0 auto;  }
#container { width:720px; background:#ffffff; padding:0; margin:0 auto; text-align:left; border:5px solid #31537d; }

#header	{ position:relative; padding:0; margin:0 0 5px 0; height: 113px; width:700px; padding:0; background:#ffffff url(/images/bg-header.jpg) no-repeat; } 
#header	#logo { float:right; padding:0; margin:10px; } 
#header	#farben { position:relative; top:90px; left:580px; z-index:300; height:107px; width:85px; } 

#optionen {  display:none; clear:both; width:880px; padding:10px 20px 6px 20px; background:#000000; margin:0 auto; color:#888888; text-align:right; font-size:11px;  }
#optionen a { color:#aaaaaa; }
#optionen a.onOption { color:#bbbbbb; }

#menu { height:30px; padding:0 10px; margin: 0; background-color:#e1e1e1; }
#menu ul { padding:0; margin: 0; list-style-type: none; }
#menu li { display:inline; }
#menu li a { display:block; float:left; padding:0 15px; color:#646466; text-decoration:none; margin:0; line-height:30px; font-size:11px; font-weight:bold; text-transform:uppercase; }
#menu li a:hover {  color:#FF7F00; }
#menu li a.onsite { color:#FF7F00; }

#submenu { padding:30px 0 0 25px; margin: 0; }
#submenu ul { padding:0; margin: 0; list-style-type: none; }
#submenu li a { display:block; padding:0; color:#7f7f7f; text-decoration:none; margin:0 0 2px 0; line-height:24px; font-size:11px; font-weight:bold; text-transform:uppercase; }
#submenu li a:hover { color:#ee8008; }
#submenu li a.onsite { color:#ee8008;  }

#content { padding:10px 10px; }

#left { float:left; width: 186px; padding:0; }
#right { float:right; width:480px; padding:30px 34px 30px 0; line-height: 18px; font-size:12px; }
#right p { width:410px; }
#right div { width:380px; }

#footer { clear:both; padding:20px 35px; height:50px; margin:0; color:#ffffff; background:#31537d;  font-size:11px; }
#footer a { color:#ffffff; }

/*News*/
.news { }
.news h2 { padding-bottom:0 }
.news img { float:right; border:4px solid #dddddd; margin:0 0 10px 10px}
.news_date { font-size:11px; font-weight:bold; }
.news_title { font-size:14px; padding-bottom:2px; }
.news_title_detail { font-size:14px; padding-bottom:4px; font-weight:bold;}
.news ul { padding:0; margin:0; list-style-type:none; }
.news li { padding:0 0 20px }

/*Referenzen*/
.referenzen { clear:both; padding:0 0 30px 0; } 
.referenzen img { float:right; } 

/*Formular*/
.formular { padding:0; }
.formular#colored { border:3px solid #ffffff; }
.formular table { width:480px; border-collapse:collapse; table-layout:fixed; }
.formular td { padding:0; border-bottom:10px solid #ffffff; }
.formular td.first { width:130px; border-right:1px solid #FF7F00; padding:3px 10px 3px 0;}
.formular td.needed { width:130px; border-right:1px solid #FF7F00; padding:3px 10px 3px 0;}
.formular td.wert { width:330px; padding:0 0 0 10px; }
.formular td.checkboxWert { padding:0 0 0 10px; width:30px;}

.check { display:none; }

input { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:190px; border:1px solid #cccccc; border-width:0 0 1px 0; background-color:#e1e1e1; }
textarea { padding: 3px 3px; font-size: 12px; margin:2px 4px 2px 0; vertical-align:middle; width:305px; font-family: Arial, Helvetica, sans-serif; border:1px solid #cccccc; background-color:#e1e1e1; }
select 	{ padding: 3px; font-size: 12px; padding:0; }
select#liste { background-color:#9e9e9e; color:#ffffff; }
input.radiobutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input.checkboxbutton { padding:3px; margin:2px 4px 2px 0; width:20px; border:none; }
input#submit { background-color:#FF7F00; padding:0; font-weight:bold; width:70px; height: 24px; color:#ffffff; margin:26px 0 0 0; border:none; }
input#submit:hover { background-color:#888888; }

.impressum p
{
	padding-left:30px;
}
.secondP
{
	width:400px;
	margin-left:10px;
}
.agb
{
	width:400px;
}
.agb div
{
	padding-bottom:20px;
}
.picture { float:right; width:500px; padding:30px 34px 30px 0; line-height: 18px; font-size:12px; }
.picture div
{
	width:500px;
}
.fotoGalerie
{
	clear:both;
	text-align:left;
}
.fotoGalerie ul
{
	padding:0;
	margin:0;
	list-style-type:none;
}
.fotoGalerie li
{
	display:inline;
}
.fotoGalerie li a
{
	width:150px;
	height:113px;
	padding:2px 2px 2px 2px;
	margin:0px 4px 4px 0px;
	background-color:#fbe9d6;
	display:block;
	float:left;
	text-align:center;
}
.fotoGalerie img
{
}