@charset "UTF-8";
/************************************************
www.BA64PM.de

http://www.franzschmidt.d
Author: tim@franzschmidt.de
Create Date: 11.12.2009
Modify Date: 15.01.2010
************************************************/
@import url("slimboxplus.css");
/************************************************
  CLEARING  
************************************************/
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, strong, sub, sup, tt, var,
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-weight: inherit;
	}
	
/* remember to define focus styles! */
:focus {outline: 0;}
	
body {
	line-height: 1;
	color: black;
	background: white;
	}
	
ol, ul {list-style: none;}

/************************************************/
body,div {
	margin-left:auto;
	margin-right:auto;
	}

body { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#333333;
	background:#e7e7e7 url(../images/bg.jpg) repeat-x;
	line-height:16px;
	}
	
strong {font-weight: bold;}
iframe table {border: none;}	
	
img {border:none;}
.clr {clear:both;}

.lt {float:left;}
.rt {float: right;}

.rl {position:relative;}

.error {color:#fb2f12;}

.text-left {text-align: left;}
.text-right {text-align: right;}

.red {color:#931328;}

#box_nojava {
	padding:4px;
	border:1px solid red;
	color:#BC100E;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:1px 0 10px 0;
	}

/************************************************
   ANCHORS
************************************************/
a {color: #333333;}
a:hover {color: #00aad2;}

/************************************************
   HEADLINES
************************************************/	
h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color: #00aad2;
	padding: 0 0 14px 0
	}

h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	color: #00aad2;
	padding: 0 0 8px 0;
	}

h3, h4, h5, h6 {
	font-family:"Times New Roman", Times, serif;
	font-size:14px;
	color: #4b4a4d;
	padding: 0 0 6px 0;
	}
/************************************************
   WRAPPER, META & HEADER
************************************************/
#wrapper {width:861px; background:#fff;}

#meta {height: 94px; padding:0 12px 0 22px; background:url(../images/bg_header.png) top left no-repeat;}
#meta ul.topnav {float:left; margin:50px 0 0 0;}
#meta ul.topnav li {float:left;}
#meta ul.topnav li a {
	color:#00aad2;
	font-size:16px; 
	text-decoration:none; 
	display:block; 
	margin:0 36px 0 0;
	text-transform:uppercase;
	}
	
#meta ul.topnav li a:hover,#meta ul.topnav li a.active {color:#c8d215;}

#meta .logo {float:right;margin:35px 0 0 0;}
#meta .logo a {display:block; width:180px; height:50px;}
#meta .logo a span {display:none;}

#header {
	height: 287px; 
	margin-bottom:22px; 
	position:relative;
	}
	
.unternehmen {background:url(../images/header_01.jpg) top left no-repeat;}
.kompetenz {background:url(../images/header_02.jpg) top left no-repeat;}
.angebote {background:url(../images/header_03.jpg) top left no-repeat;}
.download {background:url(../images/header_04.jpg) top left no-repeat;}
	
#header .teaser {
	position:absolute; 
	top:75px; 
	left:495px; 
	width: 320px;
	}

#header .teaser .hdl {
	font-family:"Times New Roman", Times, serif;
	font-size:24px;
	color: #00aad2;
	padding: 0 0 14px 0
}

#header .teaser .txt {padding: 0 0 8px 0;}
#header .teaser .link {text-align:right;}
#header .teaser a.anc_more {color: #00aad2;text-decoration:none;}

#main {padding:0 22px 0 22px;}
#main p {padding-bottom: 8px;}

#main .leftnav {
	float:left;
	width:220px;
	padding: 0 20px 0 0;
	}
#main .leftnav ul li {padding:0 12px 12px 12px;}
#main .leftnav ul li a {
	color:#00aad2;
	font-size:14px; 
	text-decoration:none; 
	display:block; 
	margin:0 0 0 0;
	text-transform:uppercase;
	}
	
#main .leftnav ul li a:hover, #main .leftnav ul li a.active {color:#c8d215;}
#main .leftnav ul ul {padding: 12px 0 12px 0;}
#main .leftnav ul li li {padding:0 0 12px 6px;}

#main .content {
	float:left; 
	width:577px; /*617px*/
	padding: 0 0 0 0;
	}

#main .content .box_sitemap {}
#main .content .box_sitemap ul {padding: 0 0 12px 0;}
#main .content .box_sitemap ul a:hover {color:#00aad2;}
#main .content .box_sitemap ul li {
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0 0 12px 0;
	}
#main .content .box_sitemap ul li a {font-weight:bold;text-decoration: none;}
#main .content .box_sitemap ul li ul {padding: 0 0 0 0;}
#main .content .box_sitemap ul li ul li {
	list-style-type: square;
	margin: 0 0 0 18px; 
	clear: both;
	}
#main .content .box_sitemap ul li ul li a {font-weight:normal;}
	
/************************************************
   FOOTER
************************************************/
#footer {margin-bottom:22px; padding:12px 22px 18px 22px;}
#footer .bg {background: url(../images/bg_footer.jpg) top left no-repeat; padding:15px; width:787px;}
#footer .box1, #footer .box3 {float:left; width:262px;}
#footer .box2 {float:left; width:242px; padding:0 10px 0 10px;}
#footer .box1 .hdl, #footer .box2 .hdl, #footer .box3 .hdl {
	font-family:"Times New Roman", Times, serif;
	font-size:18px;
	color: #fff;
	padding: 0 0 14px 0;
	}
#footer .box1 p, #footer .box2 p, #footer .box3 p {}
#footer .box3 .footernav {padding: 0 0 14px 0;}
#footer .box1 a:hover, #footer .box2 a:hover, #footer .box3 a:hover {color:#fff;}
	
/************************************************
   KONTAKT
************************************************/
.box_kontakt {margin:0 0 10px 0;}
.box_kontakt  label, input, textarea {
    padding: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	}

.box_kontakt  input, textarea {
    border: 1px solid #787878;
    width: 300px;
    display: block;
    float: left;
    margin: 2px 5px;
	}

.box_kontakt select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    width: 313px;
    display: block;
    float: left;
    margin: 3px 5px;
}

.box_kontakt  label {
    display: block;
    float: left;
    width: 100px;
    padding-left: 0px;
}

.box_kontakt  input.hidden {display: none;}

.box_kontakt  input.button {
    border: 1px solid #fff;
    background: #00AAD2;
    font-weight: bold;
    color: #fff;
    width: 150px;
}
.box_kontakt  input.button:focus {
    border: 1px solid #fff;
    background: #00AAD2;
    font-weight: bold;
    color: #fff;
}    
.box_kontakt  input:focus,
.box_kontakt  textarea:focus {
    border: 1px solid #C8D215;
    background: #fff;
}
.box_kontakt  div.error {
    margin: 10px 0 10px 0;
    color: #f00;
}
.box_kontakt  input.error, input.error:focus, textarea.error, textarea.error:focus {border: 1px solid #f00;}

.box_kontakt  div.error ul {
	list-style-type: square;
	list-style-position: inside;
	}

.box_kontakt span {margin: 2px 5px;}