/*
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
created by agentur etcetera
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
*/
/* ----- Standart Schrift ----- */

body,a,div,p,li,ul,h1,h2,h3,h4,h5,h6,form,fieldset,legend,label,input,textarea,select,optgroup,option{
	font: normal 12px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#455555;
}
q{
	quotes:"\201E" "\201C" "\201A" "\2018";
}
q:before{
	content:open-quote;
}
q:after{
	content:close-quote;
}
/* ----- HTML und BODY ----- */

body,html{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
}

/* ----- complete ----- */
div.horizon{
	display:block;
	overflow:visible;
	height:1px;
	width:100%;
	position:absolute;
	top:50%;
	left:0;
	margin:-330px 0 0;
	padding:0;
}
.ebene1{
	z-index:1;
	background:left top url('/htdocs/_images/background.gif') no-repeat #fff;
}
.ebene2{
	z-index:500;
}
.ebene3{
	z-index:999;
}
.ebene4{
	z-index:1000;
}
#site{
	display:block;
	width:1100px;
	height:660px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#flash{
	display:block;
	width:1100px;
	height:660px;
	margin:0 auto;
	padding:0;
}
#impressum, #referenzen{
	width:880px;
	height:660px;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#anzeige{
	width:606px;
	height:526px;
	margin:0 auto;
	padding:0;
	text-align:left;
	position:relative;
}
.ebene3 div.off,
.ebene4 div.off{
	display:none;
}
.ebene3 div.on,
.ebene4 div.on{
	display:block;
}
/* ----- Raster ----- */
div.item{
	display:block;
	float:left;
	width:110px;
	height:110px;
	margin:0;
	padding:0;
}
div.hdue{
	height:220px;
}
div.htre{
	height:330px;
}
div.hqua{
	height:440px;
}
div.hcin{
	height:550px;
}
div.wdue{
	width:220px;
}
div.wtre{
	width:330px;
}
div.wqua{
	width:440px;
}
div.wcin{
	width:550px;
}
div.wsei{
	width:660px;
}
div.wset{
	width:770px;
}
div.wott{
	width:880px;
}
div.wnov{
	width:990px;
}
div.wdie{
	width:1100px;
}
div.bg{
	background-color:#fff;
}
div.inner{
	padding:5px;
	width:100px;
	height:100px;
}
div.hdue.inner{
	height:210px;
}
div.htre.inner{
	height:320px;
}
div.hqua.inner{
	height:430px;
}
div.hcin.inner{
	height:540px;
}
div.wdue.inner{
	width:210px;
}
div.wtre.inner{
	width:320px;
}
div.wqua.inner{
	width:430px;
}
div.wcin.inner{
	width:540px;
}
div.wsei.inner{
	width:650px;
}
div.wset.inner{
	width:760px;
}
div.wott.inner{
	width:870px;
}
div.wnov.inner{
	width:980px;
}
div.wdie.inner{
	width:1090px;
}
div.inner a{
	display:block;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	background:0 0 none no-repeat;
}
div.inner a:hover{
	background-position:-100px 0;
}
div.wdue.inner a:hover{
	background-position:-210px 0;
}
div.wtre.inner a:hover{
	background-position:-320px 0;
}
div.wqua.inner a:hover{
	background-position:-430px 0;
}
p.adresse{
	display:block;
	float:left;
	width:210px;
	height:60px;
	padding:50px 0 0 5px;
	margin:0;
	font: normal 12px/19px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
}
h1.referenzen{
	display:block;
	float:left;
	width:350px;
	min-height:18px;
	padding:0 0 0 25px;
	margin:0;
	font: normal 16px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
}
p.impressum, p.referenzen{
	display:block;
	float:left;
	width:425px;
	min-height:60px;
	padding:0 0 0 25px;
	margin:0;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
}
p.referenzen{
	width:200px;
}
p.erfolg{
	display:block;
	width:210px;
	padding:0 0 15px 30px;
	margin:0;
	font: normal 12px/21px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
}
a.close{
	display:block;
	float:right;
	width:75px;
	height:20px;
	margin:415px 0 0;
	padding:0;
	font: normal 10px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
	text-decoration:none;
}
a.close span{
	display:block;
	float:right;
	width:18px;
	height:18px;
	border:1px solid #000;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
	text-align:center;
	text-decoration:none;
}
.ebene4 a.close{
	display:block;
	position:absolute;
	top:3px;
	right:3px;
	width:75px;
	height:20px;
	margin:0;
	padding:0;
	font: normal 10px/20px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
	text-decoration:none;
}
.ebene4 a.close span{
	display:block;
	float:right;
	width:18px;
	height:18px;
	border:1px solid #000;
	font: normal 12px/18px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
	text-align:center;
	text-decoration:none;
}
div.inner a.impressumlink{
	display:block;
	width:100px;
	height:24px;
	margin:76px 0 0;
	padding:0;
	text-align:right;
	font: normal 9px/12px "Lucida Grande", "Lucida Sans Unicode", Verdana, Sans-Serif;
	color:#000;
	text-decoration:none;
}
div.inner a.impressumlink:hover{
	text-decoration:underline;
}
p a{
	color:#000;
	text-decoration:none;
}
p a:hover{
	text-decoration:underline;
}
iframe.facebookframe{
	border:none;
	overflow:hidden;
	width:210px;
	height:319px;
	padding:0;
	margin:0;
	border-bottom:1px solid #aaa;
	border-right:1px solid #aaa;
}