/* CSS Document */

html, body{
height:100%;
}

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

body, td{
font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#6E6F70;
}

body.braun{
background-color:#4D2612;}

table.braun{
background:url(../img/bg_braun.jpg) center center no-repeat;}

body.kiwi{
background-color:#EBEBA3;}

table.kiwi{
background:url(../img/bg_kiwi.jpg) center center no-repeat;}

body.rot{
background-color:#AF1C2E;}

table.rot{
background:url(../img/bg_rot.jpg) center center no-repeat;}

body.tuerkis{
background-color:#0098B9;}

table.tuerkis{
background:url(../img/bg_tuerkis.jpg) center center no-repeat;}

body.orange{
background-color:#FFAC33;}

table.orange{
background:url(../img/bg_orange.jpg) center center no-repeat;}

body.grau{
background-color:#CCCCCC;}

table.grau{
background:url(../img/bg_grau.jpg) center center no-repeat;}

body.gruen{
background-color:#9DAA05;}

table.gruen{
background:url(../img/bg_gruen.jpg) center center no-repeat;}

body.lila{
background-color:#944B82;}

table.lila{
background:url(../img/bg_lila.jpg) center center no-repeat;}

body.ocker{
background-color:#C29108;}

table.ocker{
background:url(../img/bg_ocker.jpg) center center no-repeat;}


#logo4print{position:absolute;height:0px;visibility:hidden;}


img{padding:0;margin:0;border:0;}
img a{border:0;}

#content a{text-decoration:none;color:#0090D2;}
#content a:hover{color:#4D2612;}

#container{
width:904px;
}


br.absatz{line-height:0.5
}

#left{
width:42px;height:auto;
float:left;
padding-top:509px;
}

#flaggen, #flaggen ul{
width:32px;
height:90px;
}

#flaggen ul{overflow:hidden;margin:0;padding:0;}
#flaggen li{width:32px;height:22px;margin:0;padding:0;
margin-bottom:3px;}

#flaggen li a{
display:block;
width:32px;height:22px;
background:url(../img/flaggen/it.jpg) left top no-repeat;
text-decoration:none;}

#flaggen li a.de{background:url(../img/flaggen/de.jpg) left top no-repeat;}
#flaggen li a.it{background:url(../img/flaggen/it.jpg) left top no-repeat;}
#flaggen li a.en{background:url(../img/flaggen/en.jpg) left top no-repeat;}

#flaggen li a.active, #flaggen li a:hover{background-position:right top;}

#right{
width:55px;height:200px;
left:50%;
top:50%;
margin-top:-274px;
margin-left:396px;
position:absolute;
}


#q-ding{
position:absolute;
width:83px;height:106px;
left:50%;
top:50%;
margin-top:-280px;
margin-left:-412px;}

#mitte{
width:812px;height:auto;
background:url(../img/Q/home.png) left 18px no-repeat;
float:left;
}

.briefumschlag{
position:absolute;
background:url(../img/content/briefumschlag.png) left top no-repeat;
left:50%;
top:50%;
margin-left:20px;
margin-top:-60px;
}

/*--- MAINMENUE ---*/

#mainmenue{
width:640px;
height:27px;
float:right;
overflow:hidden;}

#mainmenue ul{
width:640px;
height:27px;
list-style:none;
white-space: nowrap;
overflow:hidden;
margin:0;
padding:0;
}

#mainmenue li{
display:block;
float:left;
height:27px;
margin-right:2px;
text-align:left;
}


#mainmenue a{
display:block;
width:76px;
height:19px;
margin-top:8px;
white-space:normal;
text-decoration:none;
background:url(../img/mainmenue/chisiamo.png) no-repeat;
}

/*
#mainmenue a.A{background:url(../img/mainmenue/chisiamo.png) no-repeat;}
#mainmenue a.B{background:url(../img/mainmenue/partners.png) no-repeat;}
#mainmenue a.C{background:url(../img/mainmenue/contatti.png) no-repeat;}
#mainmenue a.D{background:url(../img/mainmenue/atl.png) left top no-repeat;margin-left:13px;}
#mainmenue a.E{background:url(../img/mainmenue/btl.png) no-repeat;}
#mainmenue a.F{background:url(../img/mainmenue/corporate.png) no-repeat;}
#mainmenue a.G{background:url(../img/mainmenue/foto.png) no-repeat;}
#mainmenue a.H{background:url(../img/mainmenue/web.png) no-repeat;}
*/

#mainmenue a.A{background:url(../img/mainmenue/chisiamo.png) no-repeat;}
#mainmenue a.B{background:url(../img/mainmenue/team.png) no-repeat;}
#mainmenue a.C{background:url(../img/mainmenue/portfolio.png) no-repeat;}
#mainmenue a.D{background:url(../img/mainmenue/news.png) left top no-repeat;}
#mainmenue a.E{background:url(../img/mainmenue/contatti.png) no-repeat;}
#mainmenue a.F{background:url(../img/mainmenue/office.png) no-repeat;margin-left:135px;}

#mainmenue a.active, #mainmenue a:hover{
height:27px;
margin-top:0px;
}

#content{
background:url(../img/content_bg.png) no-repeat;
width:807px;height:553px;overflow:hidden;
padding-right:5px;padding-bottom:5px;
}

#content.buch{background:url(../img/content_bg-buch.png) no-repeat;}
#content.buch_vo{background:url(../img/content_bg-buch_vo.png) no-repeat;}
#content.blanko{background:url(../img/content_bg-blanko.png) no-repeat;}


#halbspalte{
float:left;
width:320px;
//padding-top:105px;
padding-top:325px;
padding-left:47px;
padding-right:10px;
text-align:left;
line-height:12px;
}

#kontakt{
float:left;
width:300px;
padding-top:105px;
padding-left:52px;
padding-right:20px;
text-align:right;
}

#partners{
	float:left;
	width:400px;
	padding-top:70px;
/*	padding-left:52px; */
/*	padding-right:20px; */
	text-align:right;
}

a.partner {
	color:#4D2612 !important;
}

#partnerlist a{
	color:#4D2612;
	text-decoration:none;
	line-height:16px;
}

#partnerlist a.active{
	color:#4D2612;
	text-decoration:none;
	font-weight:bold;
}

a.mann, a.frau{
float:right;
margin-left:5px;
background:url(../img/mann.jpg) left top no-repeat;
}
a.frau{
background:url(../img/frau.jpg) left top no-repeat;
}

a.mannactive, a.mann:hover{
float:right;
margin-left:5px;
background:url(../img/mann.jpg) right top no-repeat;}

a.frauactive, a.frau:hover{
float:right;
margin-left:5px;
background:url(../img/frau.jpg) right top no-repeat;}

.braun{font-weight:bold;
color:#4D2612;
}

#content a.pfeil, #content a.pfeil_left, #content a.pdf{
height:21px;overflow:hidden;
text-decoration:none;
padding-left:25px;
line-height:21px;
color:#4D2612;
font-weight:normal;
background:url(../img/pfeile-rechts.jpg) left top no-repeat;
display:block;
float:left;
}

#content a.pfeil_left{background:url(../img/pfeile-links.jpg) left top no-repeat;}

#content a.pdf{background:url(../img/pdf-icon.jpg) left top no-repeat;}
#content a.pdf:hover, #content a.pdf.active {color:#0090D2;}

#content  a.pfeil:hover, #content a.pfeil.active, #content  a.pfeil_left:hover, #content a.pfeil_left.active{background-position:left bottom;
color:#0090D2;}

#portfolio_pfeile{
position:absolute;
top:50%;
left:50%;
margin-top:250px;
margin-left:-400px;
}

#portfolio{
width:760px;height:410px;
margin:0 auto;
padding-top:128px;}


#scroll_ref {
white-space: nowrap;
height:424px;
width:auto;
overflow:auto;
}

#scroll_ref img {
display:inline;
margin: 0px 0px 0px 4px;
border: 0px;
}


#info{
background:url(../img/info.png) left top no-repeat;
width:230px;
height:70px;
padding-left:3px;
padding-right:3px;
padding-top:23px;
text-align:left;
position:absolute;
top:50%;
left:50%;
margin-top:170px;margin-left:138px;
color:#ffffff;
font-size:10px;
}


#info.but{
padding:0px;
width:40px;height:10px;
position:relative;
margin-top:0px;
margin-left:0px;
padding-right:60px;
display:block;}

#info a{
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}

#info a:hover{
color:#FFFFFF;
}

a.close_info{
margin-top:-6px;
float:right;
text-decoration:none;
background:url(../img/close_info.png) left top no-repeat;
width:20px;
height:20px;
}

#eselsohr{
background:url(../img/eselsohr.png) left top no-repeat;
width:157px;
height:155px;
position:absolute;
top:50%;
left:50%;
margin-top:-301px;
margin-left:-410px
}

#schatten{
width:812px;
height:558px;
background:url(../img/schatten.png) right bottom no-repeat;
clear:both;}

#copyright{
margin-top:5px;
font-size:10px;
text-align:left;
color:#000000;
}

#copyright a{color:#000000}

#pause_img {
	cursor:pointer;
}

/*--- SUBMENUES ---*/


#btl_submenu{
position:absolute;
left:50%;
top:50%;
text-align:left;
margin-left:-390px;
margin-top:-140px;
}

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

#btl_submenu a{
text-decoration:none;
color:#AAACAF;
}

#btl_submenu a:hover, #btl_submenu a.active{
color:#555359;
}

/* Subnavigation Portfolio */

#portfolio_sub
{
	margin-right: 12px;
	margin-top: 2px;
}

#portfolio_sub a
{
	display: block;
	float: right;
	color: #FFF;
	background-color: #aaabad;
	font-size: 11px;
	padding: 4px 11px;
	margin-right: 2px;
}

#portfolio_sub a:active, #portfolio_sub a:visited, #portfolio_sub a:hover
{
	color: #FFF;
}

#portfolio_sub a.active
{
	background-color: #707173;
}

#portfolio_sub a:hover
{
	background-color: #707173;
}

/*--- DAMIT SICH DIE DIVS UM FLOATENDE ELEMENTE AUFZIEHEN ---*/

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
  
.clearfix {
	display: inline-block;
}  

.clear{clear:both}

/* Holly Hack Targets IE Win only \*/

 * html .clearfix {height: 1%;}
 .clearfix {display: block;}
    /* End Holly Hack */
	
.hidden {
	display : none;
}