body {
	-moz-background-clip:border;
	font-family : Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #303030;
	text-decoration: none;
	height: 100%;
	margin:0;
}
html > body #wrapper {
	height:auto;
	min-height:100%;
	margin:0 auto;
	min-width:999px;
	position:relative;
	text-align:left;
}
#bg {
	/*height:300px;*/ /*Wenn man bestimmte Höhe für die Referencen braucht*/
	position:relative;
}
#ls {
	height: 100px;
	width:100%;
	background-image: url(webdesign/bild/hg-ls.jpg);	
	position: relative;
	top: 0px;
}
.header{
	position: relative;
	top: 0px;
	height: 112px;
	z-index:1000;
}
.header table{
	width:100%;
}
.fixed {
	width:880px;
}

.logo{
	/*width: 113px;*/
	height: 112px;
	margin:0 auto;
	text-align:center;
}
.zanox {
position: absolute;	
right: 10px;
font-family:Georgia,serif;
font-size:17px;
font-style:italic;
font-weight:bold;
color: #e42827;
top: 148px;
}
.berlin{
	position: absolute;
	width:100%;
	/*left: 0px;*/
	margin: 0 auto;
	top : 118px;
	height:25px;
	/*background-image: url(webdesign/bild/o-navigation-hg.jpg);*/
	
	font-size: 12px;
	font-weight: bold;
	text-transform : uppercase;		
	text-align:center;
	z-index:1000;
}
.berlin table{
	width:100%;background-image: url(webdesign/bild/menu-hg.jpg);
}
.berlin a{	
	/*border: 1px solid #dedede;*/ 
	text-decoration : none;
	/*color: #303030; */
	color: #ffffff;
	display: block; 
	float: left; 
	padding: 4px 16px 4px 16px;}
.berlin a:hover{
	/*border: 1px solid #dedede;
	background-color: #FCF8D5;*/
	margin: 0px;
	text-decoration: none;
	color : #bbbbbb;  }
	

#content {
margin:0 auto;

padding:0 0 30px;
width:1000px;
}
.webdesign{
	position: relative;
	margin: 0px 0px 0px 5px;
	width: 200px;
	padding: 0px;
	float: left;
}
.webdesign h3{
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
	background-color: #f4f4f4;
	color: #FF0001;
	padding: 4px 10px 4px 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform : uppercase;
	margin: 3px 0px 0px 0px;
}
.webdesign h3 a{
	color: #FF0001;
	text-decoration: none;
}
.webdesign h3 a:hover{
	color: #ff6600;
}
.webdesign p{
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #E6E6E6;
	margin: 0px;	
	font-size: 11px;
}
.webdesign p a{
	text-decoration: none;
	color: #444443;	
}
.webdesign p a:hover{
	text-decoration: underline;
	color: #FF0001;	
}


.design{
	position: absolute;
	top : 130px;
	/*left: 225px;*/
	margin: 8px 0px 0px 225px;
	width: 570px;
}
.design h1{
	font-weight: normal;
	color: #FF0001;
	font-size: 17px;
	font-weight: bold;
}
.design h2{
	font-weight: normal;
	font-size: 15px;
	color: #7d7d7d;
}
.design h2 a{
	text-decoration: none;
	color: #7d7d7d;
}
.design h2 a:hover{
	color: #ff0001;
}
.design h3{
	font-weight: normal;
	color: #7d7d7d;
	font-size: 13px;
}

.design p a{
	color: #ff0001;}
.design p a:hover{
	color: #ff6600;}
.design li {margin-left: 10px;}
.design li a{
	color: #ff0001;}
.design .internet{

	height:25px;
	font-size: 11px;
	z-index : 100; 
	
}
.internet a{	
	border: 1px; 
	border-color:  #dedede;
	border-style: solid;
	text-decoration : none;
	color: #303030; 
	display: block; 
	float: left; 
	background-color: #f0f0f0;
	padding: 4px 8px 4px 8px;
}
.internet a:hover{
	background-color: #FCF8D5;
	margin: 0px;
	text-decoration: none;
	color : #ff0000;  
}
.design .breadcrumbs {
	padding: 4px 8px 4px 8px;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #E6E6E6;
}
.design .grau{
	color: #6e6e6e;
	font-size: 11px;
}
.design hr{
	border-top: 1px solid #E6E6E6;
}
	
.seo{
	/*position: absolute;
	top: 134px;
	left: 805px;*/
	margin: 34px 0px 0px 805px;	
	width: 200px;
}
.seo h3{
	border-top: 1px solid #E6E6E6;
	background-color: #f4f4f4;
	color: #FF0001;
	padding: 4px 10px 4px 10px;
	font-size: 11px;
	font-weight: bold;
	text-transform : uppercase;
	margin: 3px 0px 0px 0px;
}
.seo h3 a{
	text-decoration: none;
	color: #FF0001;
}
.seo h3 a:hover{
	color: #ff6600;
}
.seo p{
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #E6E6E6;
	margin: 0px;	
	font-size: 11px;
}
.seo p a{
	text-decoration: none;
	color: #444443;	
}
.seo p a:hover{
	text-decoration: underline;
	color: #FF0001;	
}



/*Referenzen*/
body.class0{background-image:url(referenzen/img/020-hg.jpg); background-repeat:repeat-x;}
body.class1{background-image:url(referenzen/img/002-hg.jpg); background-repeat:repeat-x;}
body.class2{background-image:url(referenzen/img/018-hg.jpg); background-repeat:repeat-x;}
body.class3{background-image:url(referenzen/img/003-hg.jpg); background-repeat:repeat-x;}
body.class4{background-image:url(referenzen/img/004-hg.jpg); background-repeat:repeat-x;}
body.class5{background-image:url(referenzen/img/005-hg.jpg); background-repeat:repeat-x;}
body.class6{background-image:url(referenzen/img/006-hg.jpg); background-repeat:repeat-x;}
body.class7{background-image:url(referenzen/img/007-hg.jpg); background-repeat:repeat-x;}
body.class8{background-image:url(referenzen/img/008-hg.jpg); background-repeat:repeat-x;}
body.class9{background-image:url(referenzen/img/009-hg.jpg); background-repeat:repeat-x;}
body.class10{background-image:url(referenzen/img/010-hg.jpg); background-repeat:repeat-x;}
body.class11{background-image:url(referenzen/img/011-hg.jpg); background-repeat:repeat-x;}
body.class12{background-image:url(referenzen/img/012-hg.jpg); background-repeat:repeat-x;}
body.class13{background-image:url(referenzen/img/013-hg.jpg); background-repeat:repeat-x;}
body.class14{background-image:url(referenzen/img/014-hg.jpg); background-repeat:repeat-x;}
body.class15{background-image:url(referenzen/img/015-hg.jpg); background-repeat:repeat-x;}
body.class16{background-image:url(referenzen/img/016-hg.jpg); background-repeat:repeat-x;}
body.class17{background-image:url(referenzen/img/017-hg.jpg); background-repeat:repeat-x;}
body.class18{background-image:url(referenzen/img/001-hg.jpg); background-repeat:repeat-x;}
body.class19{background-image:url(referenzen/img/019-hg.jpg); background-repeat:repeat-x;}
body.class20{background-image:url(referenzen/img/020-hg.jpg); background-repeat:repeat-x;}
body.class21{background-image:url(referenzen/img/021-hg.jpg); background-repeat:repeat-x;}
body.class22{background-image:url(referenzen/img/022-hg.jpg); background-repeat:repeat-x;}
body.class23{background-image:url(referenzen/img/023-hg.jpg); background-repeat:repeat-x;}


#portfolio{
	height:528px;
	left:0;
	position:absolute;
	top:0;
	width:100%;
}
#referenzen{
	position:relative; 
	width: 1000px;
	height:528px;
	overflow:hidden;
	z-index:100;
	margin-left:auto;
	margin-right:auto;
	margin-top: 0px;
}
.item{
	width: 1000px;
	border: solid 0px #000;
	height:528px;
	float:left;
	color:#ff0000;
	background-color:#ffffff;font-size: 20px;
}
#item0{background-image:url(referenzen/img/020.jpg);}
#item1{background-image:url(referenzen/img/002.jpg);}
#item2{background-image:url(referenzen/img/018.jpg);}
#item3{background-image:url(referenzen/img/003.jpg);}
#item4{background-image:url(referenzen/img/004.jpg);}
#item5{background-image:url(referenzen/img/005.jpg);}
#item6{background-image:url(referenzen/img/006.jpg);}
#item7{background-image:url(referenzen/img/007.jpg);}
#item8{background-image:url(referenzen/img/008.jpg);}
#item9{background-image:url(referenzen/img/009.jpg);}
#item10{background-image:url(referenzen/img/010.jpg);}
#item11{background-image:url(referenzen/img/011.jpg);}
#item12{background-image:url(referenzen/img/012.jpg);}
#item13{background-image:url(referenzen/img/013.jpg);}
#item14{background-image:url(referenzen/img/014.jpg);}
#item15{background-image:url(referenzen/img/015.jpg);}
#item16{background-image:url(referenzen/img/016.jpg);}
#item17{background-image:url(referenzen/img/017.jpg);}
#item18{background-image:url(referenzen/img/001.jpg);}
#item19{background-image:url(referenzen/img/019.jpg);}
#item20{background-image:url(referenzen/img/020.jpg);}
#item21{background-image:url(referenzen/img/021.jpg);}
#item22{background-image:url(referenzen/img/022.jpg);}
#item23{background-image:url(referenzen/img/023.jpg);}

#navi{
	z-index:1000;
	position:absolute;
	top:50%;
	float:left;
	height:60px;
	width:100%;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}

#left{
	border-bottom:1px solid #cd0001;
	float:left;
	height:54px;
	margin-bottom:2px;
	white-space:nowrap;
	position:absolute;
	right:0px;
	display:none;
}
#left p{
	color:#000000;
display:block;
float:left;
font-family:Georgia,serif;
font-size:60px;
font-style:normal;
height:60px;
margin:-16px 0 0;
padding-right:5px;
position:relative;
	

}
#left .links {
	background:transparent url(referenzen/img/rechts.png) no-repeat scroll 0 0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:block;
	height:46px;
	right:0px;
	position:absolute;
	top:8px;
	width:27px;
	
}
.nachher {
	color:#cd0001;
	cursor:pointer;
	font-family:Georgia,serif;
	font-size:24px;
	float:left;
	font-weight:normal;
	line-height:22px;
	width:215px;
	text-align : left;
}

#right{
	border-bottom:1px solid #cd0001;
	float:left;
	height:54px;
	margin-bottom:2px;
	white-space:nowrap;
	position:absolute;
	left:0px;
}
#right p{
	color:#000000;
display:block;
float:left;
font-family:Georgia,serif;
font-size:60px;
font-style:normal;
height:50px;
margin:-16px 0px 0px 20px;
padding-right:5px;
position:relative;
}
#right .rechts {
	background:transparent url(referenzen/img/links.png) no-repeat scroll 0 0;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:block;
	height:46px;
	links:0px;
	position:absolute;
	top:8px;
	width:27px;
	
}

.vorher {
	color:#cd0001;
	cursor:pointer;
	font-family:Georgia,serif;
	font-size:24px;
	float:left;
	font-weight:normal;
	line-height:22px;
	width:155px;
	text-align : left;
}

.shortdescrubtion {
	color:#cd0001;
	font-family:Georgia,serif;
	font-style:italic;
	margin: 200px  0px 0px 220px;
	width:587px;
	min-height:300px;
	cursor:default !important;
	padding: 10px 0px 0px 0px;	
	font-size:17px;	
	text-align : center;
}
.shortdescrubtion span{
	display: none;
}
.shortdescrubtion:hover span{	
	color:#ffffff;
	display: block;
	background:transparent url(referenzen/img/schwarz-hg.png) repeat scroll 0 0;
	padding: 10px 0px 10px 0px;	
}
.shortdescrubtion a{
	color:#ffffff;
	font-family:Tahoma,Geneva,sans-serif;
	font-size:10px;
	font-style:normal;
	text-transform:uppercase;
}
/*
der block in dem alle ITEM's liegen
ACHTUNG!!
Muss genauso breit sein wie die ITEMS hintereinander ergeben
(ITEM[BREITE]) * ITEM[ANZAHL] = BREITE[.BLOCK]
*/
.block {
	position:relative; 
	background-color:#abc; 
	left:0px;
	width:105400px; 
	height:528px;
	margin:0px;
	z-index:0;
}
/*Ende Referenzen*/