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

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;
    font-style: inherit;}
	
/* remember to define focus styles! */
:focus {
    outline: 0;}
	
body {
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: "Lucida Grande",Verdana,"Bitstream Vera Sans",Arial,sans-serif;
	font-size: 11px;
	line-height: 16px;
	overflow-x: hidden;
	background-color: #394247;}
	
ol, ul {
    list-style: none;}
	
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;}
	
caption, th, td {
    text-align: left;
    font-weight: normal;}
	
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";}
	
blockquote, q {
    quotes: "" "";}
	
a{outline:none;}
	
.float_right {
	float: right;}
	
.float_left{
	float:left;}
	
.clear {
	clear: both;}
	
strong {font-weight: bold;}
.strong-no{font-weight:normal;}

.small{font-size:9px;}
	
/* Beginn Template */
/*Wrapper*/
div#wrapper{width:809px; min-height:300px; margin:0 auto; background-image: url(../pics/bg.jpg); background-repeat: no-repeat; background-position: left top;; position:relative;}
/*Wrapper*/

/*Header*/
div#head{height:128px;}
/*Header*/

/*Content*/
div#content{height:650px; /*border:1px solid #fff;*/ position:relative;}
.video div#content{height:690px;}
.kontakt div#content{height:530px;}
.kontakt div.all{margin-top:30px;}
#start div#content p.start{color:#d9d9d9; font-size:13px; font-weight:bold; width:380px; padding:35px 0 0 50px; line-height:20px;}
#start div#content img.start-img{ position:absolute; top:20px; right:130px;}
div#content div.all {padding:15px 35px;}
div#content div.all h2{color:#cc8609; font-weight:bold; margin-bottom:15px;}
div#content div.all p{color:#d9d9d9; font-size:13px; font-weight:bold;}
div#content div.all form p{ font-size:11px !important; font-weight:normal;}

/*Kontakt*/
p.fehler_text{position:absolute; width:300px; margin:25px 0 0 430px; color:#996600 !important; font-size:10px !important;}
p.mail_text, p.danke_text{position:absolute; width:300px; margin:25px 0 0 430px; #d9d9d9 !important; font-size:10px !important;}
form p{ margin-bottom:10px;}
form p input#firma, form p input#vornachname, form p input#telefon, form p input#email, form p input#betreff{ height:12px; font-size:11px; width:200px;}
form p input#senden{font-size:12px;}
form p input#captcha{width:30px; height:12px;}
form p textarea{height:70px; width:250px;}
form p.captcha{font-size: 10px; font-style: italic; font-weight: bold;}
/*Kontakt*/

div#content div.all div.leistungena{color:#d9d9d9; font-size:13px; font-weight:bold;  width:350px; float:left; padding:10px 15px; }
div#content div.all div.leistungenb{color:#d9d9d9; font-size:13px; font-weight:bold; width:290px; float:left; padding:27px 15px 10px 15px; margin-left:20px; }
div#content div.all div.leistungena h2{text-align:center; margin:10px auto 40px auto; border-bottom:2px solid #cc8609; padding-bottom:6px; width:180px;}
div#content div.all div.leistungena strong.strong-under, div#content div.all div.leistungenb strong.strong-under{text-decoration: underline;}
div#content div.all div.leistungena ul, div#content div.all div.leistungenb ul{list-style-type: disc; margin-left:25px; font-weight:normal; font-size:11px;}
div#content div.all div.leistungenb img.leistungs-img{margin:25px 0 0 35px;}
.video div#content div.all div.leistungenb img.leistungs-img{margin:80px 0 0 0px; width:280px;}
.grafik div#content div.all div.leistungenb img.leistungs-img{margin:20px 0 0 50px; width:183px;}
.audio div#content div.all div.leistungenb img.leistungs-img{margin:50px 0 0 0px; width:280px;}
.web div#content div.all div.leistungenb img.leistungs-img{margin:80px 0 0 0px; width:280px;}

div#con-bottom{width:809px; height:104px; /*border:1px solid #fff;*/ position:absolute; bottom:0px; background-image: url(../pics/content/con-bottom-all.png); background-repeat: no-repeat; background-position: left top;}
div.con-bottom-con{height:55px; width:236px; padding:15px 15px; /*border:1px solid #fff;*/ float:left;}
div.con-bottom-con h2{color:#cc8609; font-weight:bold; border-bottom: 4px solid #191b1d; padding-bottom:5px; margin-bottom:2px;}
div.con-bottom-con p{color:#808080; font-size:10px; padding:0 3px 0 5px;}
div.con-bottom-con p a{color:#808080; text-decoration:none;}
div.con-bottom-con p a.more{color:#0915f1; text-decoration:none;}

#start div#con-bottom{width:809px; height:187px; /*border:1px solid #fff;*/ position:absolute; bottom:0px; background-image: url(../pics/content/con-bottom-start.png); background-repeat: no-repeat; background-position: left top;}
#start div.con-bottom-con{height:129px; width:236px; padding:20px 15px; /*border:1px solid #fff;*/float:left;}
#start div.con-bottom-con h2{color:#cc8609; font-weight:bold; border-bottom: 4px solid #191b1d; padding-bottom:5px; margin-bottom:2px;}
#start div.con-bottom-con p{color:#808080; font-size:10px; padding:0 5px 0 5px;}
#start div.con-bottom-con p a{color:#0915f1; text-decoration:none;}
/*Content*/

/*Footer*/
div#footer{height:110px; background-image: url(../pics/footer/bg.jpg); background-repeat: no-repeat; background-position: left 15px;}
div#footer ul#foot{width:170px; margin:0 auto; padding-top:40px;}
div#footer ul#foot li.foot{display:block; float:left; padding: 0 15px 0 15px;}
div#footer ul#foot li.foot a{font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color:#8f9293; text-decoration:none;}

div#footer div.menue{ position:absolute; top:37px; right:90px; width:255px;}

#menuebox {position: relative; height: 30px;}

.stupidie {display: none;}
#menue {position:absolute; top: 5px; left: 0; z-index: 200;}

#menue .start {float: left; display: block; overflow: hidden; width: 46px; height: 30px;}
#menue .leistungen {float: left; display: block; overflow: hidden; width: 72px; height: 30px;}
#menue .referenzen {float: left; display: block; overflow: hidden; width: 72px; height: 30px;}
#menue .kontakt {float: left; display: block; overflow: hidden; width: 62px; height: 30px;}
#menue .aussen {float: left; display: block; overflow: hidden; width: 8em; height: 1.3em; font-weight: bold; text-align: center; background-color: #dec79a; color: #513913; border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;}
#menue .aussen:hover {height: auto; background-color: #624617; color:#d9d9d9;}
#menue .leistungen:hover {height: auto; color:#d9d9d9;}
/*#menue .referenzen:hover {height: auto; color:#d9d9d9;}*/

a.innen-1 {margin-top: -12px;}
a.innen, a.innen-1 {display: block; width: 60px; padding:4px 4px 4px 10px; text-decoration: none; font-weight:normal; font-size:9px; border-bottom: 1px solid #d9d9d9; color:#d9d9d9;}
a:visited.innen, a:visited.innen-1 {color:#d9d9d9;}
a:hover.innen, a:hover.innen-1 {color:#000; }

span.menutag {display: block; cursor: default;}

/*Footer*/