/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
	
}

body{
	background:#000000;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:disc;
padding-left: 10px;}

.menu ul { list-style:none;
color: #FFFFFF;
font-weight: bold}
.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#b6b6b6;
		line-height:1.5em;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#ffffff; 
}

a:visited 
{color:#ffffff; 
}

a:hover{
color:#000000;
background-color: #FFFFFF;
}

span {font-size:1.1em;}

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

.more {color:#ffffff !important; font-weight:bold; font-size:1.1em;}
.taright {text-align:right;}
p {padding-top:17px;}

h1 { color: #ffffff; font-size:15px; line-height:29px; font-weight: normal}
h2,h3,h4 { color: #ffffff; font-size:12px; margin-bottom: 5px; }


span h3{ color: #CCCCCC; font-size:12px; top:-7px; position: relative;}


.list li { color:#ffffff; line-height:2.59em; font-size:1.1em; font-weight:bold;}
.list li a {color:#ffffff;  }
.list li a:visited {color:#ffffff; }
.list li a:hover {color:#000000; background-color: #FFFFFF;}

#main_indent {padding:19px 6px 16px 5px;}
.box {background:#000000;}

.box .tl { width:100%; }
.box_indent {padding:21px 25px;}


/* index images in drei Boxen*/
.special {line-height:1.4em;}
.special .column1 .padding, .special .column2 .padding{padding-right:13px;}
.special .stext { padding:16px 0 12px 0; font-size:1.1em;}
/*.special .column1 .stext {background:url(images/h1_p.jpg) top right no-repeat;}
.special .column2 .stext {background:url(images/h2_p.jpg) top right no-repeat;}
.special .column3 .stext {background:url(images/h3_p.jpg) top right no-repeat;}*/
.special a, .special a:visited {color:#fff; text-decoration: underline}
.special a:hover {color:#000000; background-color: #FFFFFF; text-decoration: underline}
.special .border .padding {padding:8px 15px 21px 22px; background-color: #202020; height: 160px; margin-bottom: 12px;} 
.special-kunden .special .border .padding {padding:8px 15px 21px 22px; background-color: #202020; height: 299px; margin-bottom: 12px;} 
.special p {padding:5px 0 10px 0;}
.special .taright {padding:0 9px 0 0;}

.h1_text {background:url(../images_fallback/h1_text_tall.gif) top repeat-x; height: 50px;}
.h1_text .text_r {background:url(../images_fallback/h1_text_r.gif) top right no-repeat;}
.h1_text .text_pad h3 {
	padding:17px 0 12px 21px;
	color:#fff;
	font-size: 18px;
	font-weight: bold;
}

.h2_text {background:url(../images_fallback/h2_text_tall.gif) top repeat-x;height: 50px;}
.h2_text .text_r {background:url(../images_fallback/h2_text_r.gif) top right no-repeat;}
.text_pad
{
background-color: #808080;
margin-bottom: 0px;
}
.h2_text .text_pad h3{padding:17px 0 12px 21px;
	color:#fff;
	font-size: 18px;
	font-weight: bold;}

.h3_text {background:url(../images_fallback/h3_text_tall.gif) top repeat-x;height: 50px;}
.h3_text .text_r {background:url(../images_fallback/h3_text_r.gif) top right no-repeat;}

.h3_text .text_pad h3{padding:17px 0 12px 21px;
	color:#fff;
	font-size: 18px;
	font-weight: bold;}

.black {color:#444444;}


.blue2 {color:#ffffff; font-weight:bold;}
.blue2 a {color:#ffffff;}

.red {color:#ed0f0f; font-weight:bold;}

/* ============================= header ====================== */

#header{
}
#header a.headerlink:link,#header a.headerlink:visited {
float: right;
color:#fff;
text-decoration: underline;
}
#header a.headerlink:hover{
float: right;
color:#000000;
background-color: #FFFFFF;
}

#header .left {width:500px; padding:30px 0 0 8px; height:40px;}
#header .right {padding:49px 22px 0 0; font-family:arial;}

.slogan {margin-top: 20px;height: 100px; width: 691px; padding: 0px;  }


.center {text-align:center; margin:0 auto; width:706px; height: 25px; background-color: #202020; padding-top: 5px;}
.menu li {float:left; border-right:1px solid #ededed; padding:2px 33px 1px 32px;}
.menu .last {border:none;}
.menu li a, .menu li a:visited {color:#ffffff; text-decoration:underline; font-size:12px; font-weight: bold }
.menu li a:hover {
 color:#000000;
background-color: #FFFFFF;}

.menu .padding {padding:19px 0 20px 0; text-align:center;}

/* ============================= middle ====================== */

#middle .indent {padding:0px 0 17px 0;}
.imgindent {margin:0 26px 0 0; float:left;
border: #666666 solid 1px;}

.imgindent-noborder {margin:0 26px 0 0; float:left;
border: 0;}
/* ============================= footer ====================== */

#footer {
margin-top: 20px;
border-top:1px solid #d8d8d8;
font-size: 10px}
#footer .left {padding:28px 0 0 6px; font-size:1.1em;}

#footer .right {padding:28px 15px 0 0;}


/* ============================= index ============================= */

#index .t1 {margin-bottom:13px;}
#index .content1 {padding:0 20px 0 22px;}

#index .special {padding:29px 0 32px 0;}

#index .columns strong{
	color:#ffffff;
	font-size: 16px;
	font-weight: bold;
}

#index .columns .column1{
}

#index .columns .column1 .padding {padding:4px 5px 0 21px; }
#index .columns .column1 .taright {padding:15px 7px 0 0;}
#index .columns .column2 .taright {padding:14px 0 0 0;}
#index .columns .cols {padding:14px 0 0 0; }
#index .columns .col2 {padding-top:1px; padding-left: 5px;}
#index .columns .column2 .padding {padding:3px 21px 0 26px;}
#index .columns .column2 .content {padding:17px 0 0 14px;}



/* ============================= index-1 =========================== */

#index_1 .t1 {margin-bottom:13px;}
#index_1 .content1 {padding:0px 20px 0 22px;}

#index_1 .special {padding:0 0 33px 0;}

#index_1 .columns .column1 .padding {padding:0 15px 0 21px; }
#index_1 .columns .column1 .taright {padding:15px 7px 0 0;}
#index_1 .columns .column1 .content {padding:9px 0 0 0;}
#index_1 .columns .column1 p {padding:0 0 12px 0;}
#index_1 .columns .column1 .morep {margin-top:4px; text-align: right;}
#index_1 .columns .column1 .imgindent {margin:0 26px 19px 0;}
#index_1 .columns .column1 .last {margin:0 26px 12px 0;}

#index_1 .columns .column2 .padding {padding:0 0 0 30px;}
#index_1 .columns .column2 .content {padding:16px 19px 40px 0; border-bottom:1px solid #d8d8d8; margin-bottom:32px;}
#index_1 .columns .column2 .content p {padding-top:18px;}
#index_1 .columns .column2 .taright {padding:5px 0 0 0;}
#index_1 .columns .column2 .content2 {padding:0px 19px 0 0;}
#index_1 .blue {line-height:1.35em;}
#index_1 .columns .column2 .content2 p {padding-top:5px;}

/* ============================= index-2 =========================== */

#index_2 .t1 {margin-bottom:14px;}
#index_2 .content1 {padding:0 20px 4px 21px;}

#index_2 .special {padding:28px 0 15px 0;}

#index_2 .columns .column1 .padding {padding:0 15px 0 22px;}
#index_2 .columns .column1 .content {padding:13px 0 0 0;}
#index_2 .columns .column1 .taright {padding:15px 7px 0 0;}
#index_2 .columns .column1 strong {font-weight:normal;}
#index_2 .columns .column2 .taright {padding:14px 0 0 0;}
#index_2 .columns .column2 .padding {padding:0 16px 0 20px;}
#index_2 .columns .column2 .content {padding:6px 0 0 0;}


/* ============================= index-3 =========================== */

#index_3 .special {padding:28px 0 0 0;}
#index_3 .special p {padding:5px 0 5px 0;}
#index_3 .special .p {padding:10px 0 5px 0;}
#index_3 .special .taright {padding:0 9px 0 0;}

#index_3 .columns .column1 .padding {padding:0 25px 0 20px;}
#index_3 .columns .column1 .content {padding:15px 0 0 0;}
#index_3 .t1 {margin-bottom:14px;}
#index_3 .columns .column1 .imgindent {margin:0 18px 8px 0;}

#index_3 .columns .column2 .padding {padding:0 20px 0 26px;}
#index_3 .columns .column2 .content {padding:16px 0 0 0;}
#index_3 .columns .column2 p {padding:14px 0 0 0;}
#index_3 .blue {
font-weight:bold;
color: #FFFFFF}

/* ============================= index-4 =========================== */

#index_4 .t1 {margin-bottom:13px;}
#index_4 .content1 {padding:0 20px 4px 21px;}

#index_4 .special {padding:26px 0 37px 0;}

#index_4 .columns .column1 .padding {padding:0 20px 0 21px; background-color: #202020;}
#index_4 .columns .column1 .content {padding:12px 0 0 0; background-color: #202020;}
#index_4 .columns .column1 .taright {padding:15px 7px 0 0;}
#index_4 .columns .column1 strong {font-weight:normal;}
#index_4 .columns .column1 .imgindent {margin:0 26px 22px 0;}
#index_4 .columns .column1 .imgindent2 {margin:0 26px 19px 0;}

#index_4 .columns .column2 .taright {padding:14px 0 0 0;}
#index_4 .columns .column2 .padding {padding:0 11px 0 29px;}
#index_4 .columns .column2 .content {padding:4px 0 0 0;background-color: #202020;}


/* ============================= index-4 =========================== */

#index_5 .t1 {margin-bottom:13px;}
#index_5 .content1 {padding:36px 20px 1px 21px; border-top:1px solid #d8d8d8; }

#index_5 .special {padding:26px 0 37px 0;}

#index_5 .columns .column1 .padding {padding:0 20px 0 21px;}
#index_5 .columns .column1 .content {padding:16px 0 0 0;}
#index_5 .columns .column1 strong {font-weight:normal;}
#index_5 .columns .column1 a {font-weight:normal; text-decoration:none;}
#index_5 .columns .column1 a:hover {text-decoration:underline;}

#index_5 .columns .column2 .taright {padding:14px 0 0 0;}
#index_5 .columns .column2 .padding {padding:10px 19px 0 27px;}
#index_5 .columns .column2 .content {padding:16px 0 0 0;}

form {font-family:tahoma; padding:0 0 0 0; width:100%;}
form .row {height:40px;}

.input {width:170px; height:18px; padding:0 0 0 5px; font-size:1em;}
textarea {width:230px; height:98px; padding:0 0 0 5px; overflow:auto; font-size:1em;}
form .div {text-align:right; padding:4px 1px 0 0; font-family:georgia; color:#ed0f0f;}

/* ============================= index-5 =========================== */

#index_6 .t1 {margin-bottom:13px;}
#index_6 .content1 {padding:0 20px 1px 21px;}
#index_6 strong {font-weight:normal;}

img.portfolio
{
float: right
}

.logo{
float: left;
margin-left: 0px;
width: 130px;
height: auto;
}

span.strong {
font-weight: bold;
color: #FFFFFF;
}

strong {
color: #FFFFFF;
}

a.info:link, a.info:visited {
font-weight: normal
}