@charset "utf-8";
/* CSS Document */

body {
	background-color: #000;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #744c13;
	font-family: Arial, Helvetica, sans-serif;
	/*font-variant: small-caps;*/
	font-size: 11px;
}

input, select, textarea { vertical-align:middle; font-family:Arial, Helvetica, sans-serif;}

#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

img {border:0;}
ul { list-style:none;}
a, a:hover{text-decoration:none;}

#menu{
	position:absolute;
	left:873px;
	top:217px;
	z-index:90;
	width:40px;
	overflow:hidden;}

#head {
	position:absolute;
	padding-top:5px;
	padding-left:85px;
	width:895px;
	z-index:100;
	background:url(../../common/images/head.jpg) 0 0 no-repeat  !important;
}

#content {
	position:relative;
	top:122px;
	left:0px;
	background:url(../../common/images/content-text.jpg) 0 0 no-repeat  !important;
	height:538px;
	z-index:10;
}

#flash_detector {
	position:absolute;
	background-image:url(../../common/images/1page_flash_detection.png);
	color:#744c13;
	padding:10px 25px;
	top:365px;
	left:440px;
	height:192px;
	width:383px;
	z-index:120;
}

#footer {
	position:absolute;
	background:url(../../common/images/bottom.jpg) 0 0 no-repeat;
	padding-top:41px;
	width:980px;
	height:52px;
	top:660px;
	font-size:9px;
	letter-spacing:0.3px;
	color:#999999;
}

#footer a {
	color:#ff9900;
}

#footer_left {
	float:left;
	padding-left:18px;
	width:400px;
}

#footer_right {
	float:right;
	padding-right:55px;
}

#imprint {
	position:absolute;
	z-index:110;
	left:187px;
	top:133px;
	width:322px;
	height:295px;
	overflow:hidden;
	border:1px solid #ffb500;
	background-color:#ffa200;
	font-size:10px;
}

#imprint div {
	width:292px;
	height:243px;
	overflow:auto;
	padding:15px
}

#imprint img {
	border-bottom:1px solid #ffb500;
}

.orange {
	color:#bc4b19;
}

.gelb {
	color:#ff9900;
}

.braun {
	color:#744c13;
}

.grey {
	color:#999999;
}

ul { list-style:none; margin:0; padding:0;}

/* Menus */ 

ul#menu_list {
	padding-left:8px;
	padding-top:22px;
	width:23px;
	overflow:hidden;
}

ul#menu_list li {
	list-style-type:none;
	width:123px;
	padding-bottom:10px;
	height:18px;
}

ul#menu_list li a {
	padding-left:23px;
}

li#menu_01 a { background-image:url(../../common/images/m1.gif); width: 23px; padding-bottom:10px; }
li#menu_01 a:hover, li#menu_01 a.active { background-image:url(../../common/images/m1_act.gif) }

li#menu_02 a { background-image:url(../../common/images/m2.gif); width: 23px; padding-bottom:10px; }
li#menu_02 a:hover, li#menu_02 a.active { background-image:url(../../common/images/m2_act.gif) }

li#menu_03 a { background-image:url(../../common/images/m3.gif); width: 23px; padding-bottom:10px; }
li#menu_03 a:hover, li#menu_03 a.active { background-image:url(../../common/images/m3_act.gif) }

li#menu_04 a { background-image:url(../../common/images/m4.gif); width: 23px; padding-bottom:10px; }
li#menu_04 a:hover, li#menu_04 a.active { background-image:url(../../common/images/m4_act.gif) }

li#menu_05 a { background-image:url(../../common/images/m5.gif); width: 23px; padding-bottom:10px; }
li#menu_05 a:hover, li#menu_05 a.active { background-image:url(../../common/images/m5_act.gif) }


ul#start_list {
	position:absolute;
	left:67px;
	top:0px;
	width:900px;
	height:468px;
	overflow:hidden;
	
}

ul#start_list li {
	float: left;
	display: block;
	height:480px;
}

ul#start_list li a {
	float:left;
	height:0; 
	padding-top:428px;
	margin:52px 58px 0 0;
}

li#start_01 a { background-image:url(../../common/images/m1.jpg); width: 94px; }
li#start_01 a:hover, li#start_01 a.active { background-image:url(../../common/images/m1_act.jpg) }

li#start_02 a { background-image:url(../../common/images/m2.jpg); width: 103px; }
li#start_02 a:hover, li#start_02 a.active { background-image:url(../../common/images/m2_act.jpg) }

li#start_03 a { background-image:url(../../common/images/m3.jpg); width: 96px; }
li#start_03 a:hover, li#start_03 a.active { background-image:url(../../common/images/m3_act.jpg) }

li#start_04 a { background-image:url(../../common/images/m4.jpg); width: 105px; }
li#start_04 a:hover, li#start_04 a.active { background-image:url(../../common/images/m4_act.jpg) }

li#start_05 a { background-image:url(../../common/images/m5.jpg); width: 105px; }
li#start_05 a:hover, li#start_05 a.active { background-image:url(../../common/images/m5_act.jpg) }



ul#switch_list {
	position:absolute;
	left:67px;
	top:0px;
	width:900px;
	height:468px;
	overflow:hidden;
	
}

ul#switch_list li {
	float: left;
	display: block;
	height:480px;
}

ul#switch_list li a {
	float:left;
	height:0; 
	padding-top:428px;
	margin:52px 58px 0 0;
}

li#switch_01 a { background-image:url(../../common/images/m01.jpg); width: 94px; }
li#switch_01 a:hover, li#start_01 a.active { background-image:url(../../common/images/m01_act.jpg) }

li#switch_02 a { background-image:url(../../common/images/m02.jpg); width: 103px; }
li#switch_02 a:hover, li#start_02 a.active { background-image:url(../../common/images/m02_act.jpg) }

/* Content */

.col-1, .col-2, .col-3, .row-box-1, .row-box-2{ float:left;}
.separate{ float:left; width:18px; background:url(../../common/images/separate.gif) 10px 0  repeat-y; height:330px;}

.scroll-button{ position:absolute; margin:430px 0 0 775px;}
.scroll-button img{ margin-right:3px;}
.column { float:left;}
.clear, .col-list, row-box { width:100%; overflow:hidden;}
.col-list ul{ float:left}
.col-list .indent-list{ margin-left:50px;}
.line{ display:block; background:url(../../common/images/line.gif) 0 25px repeat-x; height:50px;}
.indent-left{ padding:0 0 0 19px;}
.indent-bot{ display:block; margin-bottom:10px;}
.indent-none{ margin-top:0 !important;}
.indent-none1{ padding-top:0 !important;}
.list li a{ background:url(../../common/images/list.gif) 0 3px no-repeat; padding:0 0 0 10px; color:#bc4b19; text-decoration:none; line-height:1.375em;}
.list li a:hover{ color:#FFF; background:url(../../common/images/list.gif) 2px 3px no-repeat;}
.link{ color:#bc4b19;}
.content{ line-height:1.312em;}
.img-left{ float:left; margin:0 21px 0 0;}
.content-left{ padding:88px 0 0 125px; width:740px; overflow:hidden;}
.content h1{ display:block; height:43px; margin:15px 0 0 0;}
.content h1 img{ position:absolute;}
.indent-top-bot{ display:block; margin:16px 0;}
.text{ color:#bc4b19;}


.text-2{ color:#bc4b19;}

hr {
	color:#d89a05;
	background-image:url(../../common/images/hr.gif);
	height:1px;
	margin-right:0;
	border:0px;
}

#home .col-1{width:284px;}
#home .col-2{width:424px;}

#about #content .col-1{width:419px;}
#about #content .col-2{width:294px;}

#services #content .col-1{width:219px;}
#services #content .col-2{width:475px;}

#projects #content .col-1{width:443px;}
#projects #content .col-2{width:245px;}

#contact #content .col-1{width:214px;}
#contact #content .col-2{width:474px;}
#contact #content .row-box-1{ width:232px;}
#contact #content .row-box-1 div{ height:30px}
#contact #content .row-box-2{ width:205px;}
#contact #content input{ height:15px; width:201px; font-size:11px;}
#contact #content textarea{ overflow:auto; display:block; height:63px; width:203px; margin-bottom:10px;}
#contact #content textarea, #contact #content input{ border:1px solid #7f7f7f; padding-left:3px; color:#000; font-size:11px;}
#contact #content .form-link{ margin-left:100px; margin-right:11px;}

#imprint #content .col-1{width:688px;}