/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; font-weight:normal;}

body {line-height: 1; cursor:default;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
:focus {outline: 0;}

ins {text-decoration: none;}
del {text-decoration: line-through;}

table {border-collapse: collapse; border-spacing: 0;}

/* GLOBAL */

body {padding:0px; margin:0px; background: #000000 url(../bilder/bg_tile.jpg); scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-shadow-color: #666666; scrollbar-3dlight-color: #666666; scrollbar-arrow-color: #e2a878; scrollbar-track-color: #cccccc; scrollbar-darkshadow-color: #666666;}
#main {margin: 0 auto; padding: 0px; width: 950px;}

.clear {clear: both;}
hr.type1 {height:1px; width:100%; background-color:#e2a878; border:0px; margin-bottom:10px;}
hr.type2 {height:1px; width:100%; background-color:#666666; border:0px; margin-bottom:20px;}
li {width:255px; font-family:Tahoma; color:#ffffff; font-size: 0.8em; line-height:1.5em; border-bottom:1px solid #666666; padding:2px; list-style:none;}

h1 {font-family: Tahoma,Arial; color: #ffffff; font-size: 1.7em; margin-top:0px; margin-bottom:10px;}
h2 {font-family: Georgia; color:#492424; font-size:1em; line-height:1.4em; text-align:justify;}
h3 {font-family: Georgia; color: #e2a878; font-size: 1.3em; line-height:1.2em;}
h4 {font-family: Georgia; color: #ffffff; font-size: 1.2em; line-height:1.2em;}
h5 {font-family: Georgia; color: #cccccc; font-size: 1.1em; line-height:1.3em; margin-bottom:10px;}
h6 {font-family: Tahoma,Arial; color:#ffffff; font-size:1em; line-height:1.3em;}

a:link {color: #e2a878; text-decoration: none;}
a:visited {color: #e2a878; text-decoration: none;}
a:hover {color: #e2a878; text-decoration: underline;}
a:active {color: #e2a878; text-decoration: underline;}

img.border {width:154px; border:5px solid #ffffff; margin:5px;}
img.border2 {width:100%; border:5px solid #ffffff; margin-top:15px;}

div.navbox {width:100% padding:10px;}
div.navlinks {width:100%; font-family:Georgia; color:#cccccc; font-size:1em; text-align:right; padding-top:10px;}
div.navlinks2 {font-family:Tahoma,Arial; color:#cccccc; font-size:0.8em; padding-top:5px; padding-left:5px; width:475px; float:left;}
div.navlinks2 a {color:#cccccc;}
div.navlinks2 a:hover {color:#ffffff; text-decoration:none;}

#logo {width:300px; height:59px; float:left;}
#top {width:890px; text-align:left; padding:30px; background: url(../bilder/bg_tile2.jpg) repeat-x;}
.col1 {width:274px; float:left; margin-top:30px; margin-right:15px;}
.col1 img {width:260px;}
.col2 {width:274px; border-left:1px solid #666666; border-right:1px solid #666666; padding:15px; padding-top:0px; padding-bottom:0px; float:left; margin-top:30px;}
.col2 img {width:260px;}
.col3 {width:274px; float:left; margin-top:30px; margin-left:15px;}
.col3 img {width:260px;}

#header {background-color:#e2a878; float:left;}
#header img {float:right; margin-left:15px; width:295px; height:275px;}
#header div {margin:10px; margin-bottom:0px;}

#unternehmen {width:890px; text-align:left; padding:30px; float:left;}
.col4 {width:564px; float:left; margin-right:15px;}
.col5 {width:280px; float:left; margin-left:15px; border-left:1px solid #666666; padding-left:15px; padding-bottom:0px;}
.col5 img {width:280px;}
.col5 h6 {text-align:justify;}

#leistungen {width:890px; text-align:left; padding:30px; float:left;}
.col6 {float:left; margin-left:0px; border-bottom:1px solid #666666; border-left:1px solid #666666; padding-bottom:0px;}
.nav_buttons {position:relative; top:1px; left:843px; width:100px;}

#referenzen {width:890px; text-align:left; padding:30px; float:left;}

#kontakt {width:890px; height:710px; text-align:left; padding:30px;}
.col7 {height:300px; width:480px; padding-top:0px; padding-right:0px; margin-left:0px; float:right;}
.kont {margin-top:15px; line-height:1.6em;}
.kont h6 {line-height: 1.5em;}
.kont2 {float:left; width:70px; margin-top:15px; line-height:1.6em;}
.kont2 h6 {color:#e2a878; line-height: 1.5em;}
.kont3 {float:left; width:150px; color:#ffffff; margin-top:15px; margin-bottom:15px;}
.kont3 h6 {color:#ffffff; line-height: 1.5em;}
.kont4 {float:left; margin-top:0px; margin-left:5px;}
.kont4 img {width:200px;}
.kont5 {width:468px; height:379px; border:1px solid #666666; padding:5px; background-color:#ffffff;}
.kont6 {float:left;}
a.mail {color:#ffffff; text-decoration:none;}
a.mail:hover {color:#ffffff; text-decoration:underline;}
#map_canvas {width: 100%; height: 100%;}

#impressum {width:890px; background-color:#ffffff; padding:10px; float:left; display:none;}
.col8 {width:350px; float:left; margin-top:15px;}
.col8 h6 {color:#666666; font-size:0.8em;}
.col9 {width:509px; float:left; border-left:1px solid #666666; margin-top:15px; margin-left:15px; padding-left:15px; padding-right:0px;}
.col9 h6 {color:#666666; font-size:0.8em;}
.col10 {height:235px; padding-right:15px; overflow:scroll; overflow-x:hidden;}
.col10 h6 {color:#666666; font-size:0.7em;}
.imp {margin-top:15px;}
.imp h6 {font-size:1em; line-height:1.6em;}
.imp2 {float:left; width:70px; margin-top:15px;}
.imp2 h6 {font-size:1em; line-height:1.6em;}
.imp3 {float:left; width:150px; color:#cccccc; margin-top:15px; margin-bottom:15px;}
.imp3 h6 {font-size:1em; line-height:1.6em;}
a.mail2 {color:#666666; text-decoration:none;}
a.mail2:hover {color:#666666; text-decoration:underline;}

#bottom {padding:30px;}
#footer {width:880px; background-color:#666666; padding:5px; float:left;}
#copy {font-family:Georgia; color:#e2a878; font-size:0.8em; padding:5px; text-align:right;}

/* FORMULAR */

#form-container {float:left; width:390px; border-right:1px solid #666666; margin-right:15px; height:646px; overflow:hidden;}
#contact-form {overflow:hidden;}
#contact-form fieldset {margin: 0 0 0 0;}
#contact-form legend {display: none;}
#contact-form label {clear: left; float: left; margin: 15px 0 0 0; width: 140px; font-size: 14px; font-weight: bold; color: #fff;}
#contact-form input {float: left; margin: 1px 0 0 0; padding: 7px 5px 7px 5px; width: 360px; border: none; font-family: tahoma, arial, helvetica, sans-serif; font-size: 1em; color: #e2a878; background-color: #666666;}
#contact-form textarea {height:190px; float: left; margin: 1px 0 0 0; padding: 5px; width: 360px; border: none; font-family: tahoma, arial, helvetica, sans-serif; font-size: 1em; color: #e2a878; background-color: #666666; overflow:auto;}
#contact-form input.submit {font-size:0.9em; padding: 0; margin: 10px 0 0 75px; width: 85px; height: 25px; border: none; color:#e2a878; background-color: #666666; border:1px solid #e2a878; cursor:pointer;}
#contact-form input.submit:hover {padding: 0; margin: 10px 0 0 75px width: 85px; height: 25px; border: none; color:#666666; background-color: #e2a878;}
#contact-form input:hover, #contact-form textarea:hover {background-color: #cccccc;}
#contact-form span.asterik {color:#e2a878;}
#contact-form label.asterik2 {width:210px;}

.error{
	background-color:#AB0000;
	color:white;
	font-size:10px;
	font-weight:bold;
	margin-top:10px;
	padding:10px;
	text-transform:uppercase;
	width:240px;
}

#loading{
	position:relative;
	top:-300px;
	left:150px;
	visibility:hidden;
}

#ok{
	height: 494px;
	width: 370px;
	padding-top:150px;
	border: 1px solid #666666;
	text-align:center;
}

#ok h3 {font-size:1.8em; line-height:1.8em;}

.formError {
		position:absolute;
		top:300px; left:300px;
		padding-bottom:13px;
		display:block;
		z-index:3100;
	}

.ajaxSubmit{ padding:20px; background:#55ea55; border:1px solid #999; display:none}
.formError .formErrorContent {
	width:100%; 
	background:#ee0101;
	color:#fff;
	width:150px;
	font-family:tahoma;
	font-size:11px;
	border:2px solid #fff;
	padding:4px 10px 4px 10px;
}
.greenPopup .formErrorContent {background:#33be40;}

.blackPopup .formErrorContent {background:#393939;color:#FFF;}

.formError .formErrorArrow{
	position:absolute;
	bottom:0;
	left:20px;
	width:15px; 
	height:15px;
	z-index:3101;
}
.formError .formErrorArrowBottom{top:0;margin:-6px;}

	.formError .formErrorArrow div{
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		box-shadow: 0px 2px 3px #444;
		-moz-box-shadow: 0px 2px 3px #444;
		-webkit-box-shadow: 0px 2px 3px #444;
		font-size:0px; height:1px; background:#ee0101;margin:0 auto;line-height:0px; font-size:0px; display:block;
	}
		.formError .formErrorArrowBottom div{
			box-shadow: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
		
	.greenPopup .formErrorArrow div{background:#33be40;}
	.blackPopup .formErrorArrow div{background:#393939;color:#FFF;}

	.formError .formErrorArrow .line10{width:15px;border:none;} 
	.formError .formErrorArrow .line9{width:13px;border:none;} 
	.formError .formErrorArrow .line8{width:11px;} 
	.formError .formErrorArrow .line7{width:9px;} 
	.formError .formErrorArrow .line6{width:7px;} 
	.formError .formErrorArrow .line5{width:5px;} 
	.formError .formErrorArrow .line4{width:3px;} 
	.formError .formErrorArrow .line3{width:1px;
		border-left:2px solid #ddd;
		border-right:2px solid #ddd;
		border-bottom:0px solid #ddd;} 
	.formError .formErrorArrow .line2{width:3px;border:none;background:#ddd;}
	.formError .formErrorArrow .line1{width:1px;border:none;background:#ddd;}  


/* SIMPLEMODAL */

#simplemodal-overlay {background-color:#000;}
#simplemodal-container {background-color:#666666; border:5px solid #666666;}
#simplemodal-container a.modalCloseImg {
	/*background:url(../bilder/x.png) no-repeat; */
	width:25px;
	height:29px;
	display:inline;
	z-index:3200;
	position:absolute;
	top:10px;
	right:0px;
	cursor:pointer;
}

/* TOOLTIP */

#tooltip {
	position: absolute;
	z-index: 3000;
	font-family: Arial;
	font-size:9pt;
	line-height:12pt;
	font-weight:normal;
	color: #e2a878;
	border: 5px solid #cccccc;
	background-color: #666666;
	padding: 5px;
	max-width: 250px;
}

ul.tt li {font-family: Tahoma,Arial; color: #e2a878; font-size: 9pt; list-style-image:url(../bilder/bullet.png); list-style-position:outside; margin-left:25px; border-bottom:1px solid #cccccc; padding-bottom:5px; max-width: 200px;}

/* JFLOW */

#leistungen_nav {float:left}
#leistungen_nav li.jFlowSelected {background:#e2a878;}
.slide-wrapper {margin-left:15px;}
.slide-wrapper img {width:150px; height:95px; border:1px solid #ffffff; margin:0 0 15px 15px; float:right;}
.slide-wrapper h6 {text-align:justify;}
.jFlowControl, .jFlowPrev, .jFlowNext {color:#FFF; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px;}
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover {background: #e2a878;}
.jFlowPrev, .jFlowNext {font-family:Georgia; font-size:1.0em; background: #666666; padding-top:0px;}