/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

/*body{ background: url(../images/bg.jpg) repeat; border:0; font:12px Arial, Helvetica, sans-serif; color:#7e7e7e; line-height:16px; min-width:850px;}*/
body{
	background: url(../images/bg.jpg) repeat;
	border:0;
	font:13px Verdana, Geneva, sans-serif;
	color:#fff;
	line-height:17px;
	min-width:850px;
	word-spacing: 0.1em;
	letter-spacing: .02em;
}

.css3{border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; box-shadow: 0 0 4px rgba(0, 0, 0, .4); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, .4); -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, .4); position: relative;}

/* Global Structure ============================================================= */

.body1{ background:url(../images/bg_img.jpg) center center no-repeat}
.body2{ background:url(../images/bg4.png) left top repeat-y}


/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: none; outline:none}
a:hover{ color:#ff6c00}
/*h1{ padding:58px 0 0 26px; text-align: left}*/
h1{ padding:48px 0 0 26px; text-align: left}
h2{ font-size:28px; color:#fff; text-transform:uppercase; padding:23px 0 16px 0}
h3{ font-size:13px; line-height:1.1em; color:#fff; text-transform:uppercase; padding-top:5px;}
p{ padding-bottom:15px;}

/* ============================= header ====================== */
/*header{ height:417px; text-align:right; width:100%; overflow:hidden; position:relative}*/
header{ height:358px; text-align:right; width:100%; overflow:hidden; position:relative}

header .bg{ background:url(../images/bg1.png) repeat; padding-right:3px; padding-bottom:3px; float:left;}
header .bg2{ background:url(../images/bg2.gif) repeat;}
header .bg3{ background:url(../images/bg3.gif) top left repeat-y; padding-left:31px; width:184px;}

#logo{ display:block; background:url(../images/logo.jpg) no-repeat; width:138px; height:43px; text-indent:9999px;}

/*#menu { padding:63px 0 18px 0}*/
#menu { padding:43px 0 18px 0}
#menu > li { width:100%; height:34px; position:relative}
#menu > li > a{ float:right;font-size:26px; color:#fff; text-transform:uppercase; padding:0 31px 0 53px; height:34px; line-height:34px; background:url(../images/menu_bg_active.gif) 214px 0 no-repeat}
#menu > .active > a{ background-position:20px 0 !important}

#menu .ul_1{ position:absolute; width:141px; left:184px; top:0; display:none;}
#menu .ul_1 > li{ width:100%; height:50px; position:relative}
#menu .ul_1 > li > a{ display:block;font-size:30px; color:#fff; text-transform:uppercase; padding:0 20px 0 20px; height:50px; line-height:52px; background:#1a1a1a}
#menu .ul_1 > li:hover > a{ background:#000}

#menu .ul_2{ position:absolute; width:141px; left:141px; top:0; display:none;}
#menu .ul_2 > li{ width:100%; height:50px;}
#menu .ul_2 > li > a{ display:block;font-size:30px; color:#fff; text-transform:uppercase; padding:0 20px 0 20px; height:50px; line-height:52px; background:#1a1a1a}
#menu .ul_2 > li:hover > a{ background:#000}


/* ============================= content ====================== */

#content{ height:436px; padding:25px 0 20px 0; position:relative; width:754px}

#content article{ height:100%; width:100%; position:absolute; left:0}

.box{ background:#131313; width:100%; height:436px; position:absolute;}

.close{ position:absolute; z-index:99; top:10px; right:0; height:416px; width:31px; display:block; cursor:pointer; background:url(../images/close.gif) right 0 no-repeat;}
.close:hover{ background-position:left}

.pad_left1{ padding-left:10px;}
.cols{ width:265px; float:left;}
.colsR{ width:355px; float:left;}
.marg_right1{ margin-right:12px;}

.color1{ color:#fff;}


#gallery_box{ position:relative; width:520px; overflow:hidden; padding-top:4px;}
#gallery{ position:relative;width:520px !important;}
#gallery li{ float:left; margin-right:20px; width:160px; overflow:hidden; position:relative}
#gallery li a{ display:block; cursor:pointer}
#gallery li a:hover{ color:#fff;}
#gallery li img{ position: relative; z-index:1}
#gallery li span{ display:block; position: absolute; background:#ff6c00; line-height:76px; padding-left:38px; width:172px; font-weight:bold; top:0; left:200px; z-index:2}

#gallery2_box{ position:relative; width:520px; overflow:hidden; padding-top:4px;}
#gallery2{ position:relative;width:520px !important;}
#gallery2 li{ float:left; margin-right:20px; width:160px; overflow:hidden; position:relative}
#gallery2 li a{ display:block; cursor:pointer}
#gallery2 li a:hover{ color:#fff;}
#gallery2 li img{ position: relative; z-index:1}
#gallery2 li span{ display:block; position: absolute; background:#ff6c00; line-height:76px; padding-left:38px; width:172px; font-weight:bold; top:0; left:200px; z-index:2}

.prev, .next{ position:absolute;display:block; width:40px; height:76px; background:url(../images/marker_left.gif) right 0 no-repeat; left:558px; margin-top:4px;}
.next{  background:url(../images/marker_right.gif) right 0 no-repeat; left:600px;}
.prev:hover{ background-position:left}
.next:hover{ background-position:left}

.prev2, .next2{ position:absolute;display:block; width:40px; height:76px; background:url(../images/marker_left.gif) right 0 no-repeat; left:558px; margin-top:4px;}
.next2{  background:url(../images/marker_right.gif) right 0 no-repeat; left:600px;}
.prev2:hover{ background-position:left}
.next2:hover{ background-position:left}

.link1{ font-size:24px; color:#ff6c00; text-transform:uppercase; line-height:1.2em; padding-top:4px; display:inline-block}
.link1:hover{ color:#fff}

.icons{ width:100%; overflow:hidden; padding-top:20px;}
.icons li{ float:left; padding-right:3px;}



/* Tooltips */
.aToolTip , .ToolTip {	border:1px solid #fff; background: url(../images/tooltip_bg.png) repeat; color:#fff;	margin:0; padding:2px 10px; font-size:11px;	}
.aToolTip .aToolTipContent, .ToolTip .aToolTipContent { position:relative;	margin:0; padding:0; }

.ToolTip { background:#df393e;}

#page2 img{ padding-top:4px}
#page3 img{ padding-bottom:5px;}
#page4 .cols{ width:194px;}




/* ============================= footer ====================== */

footer { width:100%; overflow:hidden; font-size:11px; line-height:16px;color:#fff;}
footer a{}
footer a:hover{ color:#000}

footer p{ padding:19px 0 15px 12px}
footer .bg{ background:url(../images/bg1.png) repeat; padding-right:3px; padding-top:3px; float:left;}
footer .bg2{ background:url(../images/bg2.gif) repeat;}
footer .bg3{ background:url(../images/bg3.gif) top left repeat-y; padding-left:31px; width:184px;}

/* ============================= forms ============================= */

#contact-form { padding-top:5px; width:342px;}
#contact-form .link1{ float: right; margin-left:15px;}
#back{ float:right;}
#contact-form input {  width:317px; background: #323232; padding:9px 13px;  float:left; font:13px Arial, Helvetica, sans-serif;  color:#8e8e8e; height:16px;}
#contact-form textarea { overflow: auto; width:317px; background: #363634; padding:9px 13px;  float:left; font:13px Arial, Helvetica, sans-serif;  color:#8e8e8e; height:99px; margin:0}
#contact-form fieldset {border:none; width:100%; overflow:hidden;}
#contact-form .rowElem {display:block;position:relative; width:100%; overflow:hidden; min-height:40px}
#contact-form .textarea-box { width:100%;display:inline-block;position:relative; min-height:125px}
#contact-form label {padding:0;display: none;	font-size:10px;	position: relative;left:10px;top:-1px; overflow:hidden;}
#contact-form .error {color:red;}
#contact-form fieldset {border:none;}
div#contact_form .download-box p{
	padding:16px 30px; background:#323232;
}
#contact-form .bg{ float:left;background: none;}


ul.kunden li {
	list-style: none; 
	font-size: 11px;
	 background: url(../images/arrow2.gif) no-repeat left center;
  padding: 0px 0px 0px 10px;
}
.undl {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	
}