*{
	border:0px solid #eee;
	margin:0;
	padding:0;
	list-style:none;
}
html,
body,
#bg,
#bg table,
#bg td,
#main{
	width:100%;
	height:100%;
	/*overflow:hidden;*/
}
#bg{
	overflow:auto;
	display:block;
}
#bg img{
	width:100%;
	height:100%;
	border: 0 solid;
	float:left;
}
body{
	/*font-family:Arial,
Helvetica,
sans-serif;
	font-size:10px;*/
	font-family:Verdana,
	Arial,
Helvetica,
sans-serif;
	font-size:12px;
	cursor:default;
	background:url(../img/elem/pattern_2.gif);
	color:#000;
	background-color:#000;
}
/*#bg{
 display:none;
}*/
#pagewrapper{
	/*border:1px solid #FFFFFF;*/
	margin:0px;
	/*fix IE bug min-height*/
	height:auto !important;
	height:101%;
	min-height: 101%; 
}
h1,
h2,
.large,
.left{
	font-family:"Century Gothic","Lucida Grande",Arial,sans-serif;
	font-size:80px;
	color:#FFF;
}
.csc-header{
	display:none;
}

h2{
	margin-bottom:-8px;
}
h2.woy{
	margin-bottom:-20px;
	/*font-family:Georgia, serif;*/
	/*font-family: 'Pacifico', Georgia, serif;*/
	font-family: 'Vibur', Georgia, serif;
	font-size:120px;
}
.box div img{
	padding-bottom:10px;
}
a{
	text-decoration:none;
	color:#FFF;
	outline:0;
}
img{
	display:block;
}

#bg div#bginner{
	position:absolute;
	width:200%;
	height:200%;
	top:-50%;
	left:-50%;
	z-index:0;
}
/*div#photos div,*/
#bg div#bginner div{
	width:50%;
	height:50%;
	left:25%;
position:absolute;
top:25%;
}
#bg td{
	vertical-align:middle;
	text-align:center;
}
#bg img{
	min-height:100%;
	min-width:100%;
	margin:0 auto;
	overflow:auto;
}
#main{
	position:absolute;
	top:-1px;
	left:-15px;
	z-index:30;
	overflow:auto;
}


h1{
	position:relative;
	left:-141px;
	margin-bottom:-63px;
	width:140px;
	opacity:0.99;
}
#page_404 h1{
	font-size:120px;
	margin-bottom:50px;
	font-family:Impact;

}
#page_404 .box h2{
	display:none;

}
h1 a{
	padding:41px 10px 10px 0;
	color:#fff;
	background:#000 url(go.gif) 0 -30px repeat-x;
	font-size:11px;
	text-align:right;
	display:block;
}
h1 a:hover{
	background:#000 url(go.gif) 0 43px repeat-x;
}
/*ul{
	float:left;
	width:110px;
}*/
.box ul{
	float:none;
}
.box ul li{
	/*background:#FFF url(../img/elem/spaceinvader01.gif) no-repeat 0 6px;*/
	/*list-style-image: url(../img/elem/spaceinvader_ani01.gif);*/
	/*padding-left:20px;*/
	list-style-type:disc;
}
div#cont{
	position: relative;
}
li a{
	/*height:12px;
	padding:0 5px;
	font-weight:bold;
	color:#999;
	display:block;*/
	margin-left:-12px;
}
li a:hover,
li.cur a{
	color:#fff;
}
#nav{
	/*float:left;*/
		
		position:absolute;
		top:20px;
		left:0px;
		z-index:80;
		width:750px;
		
}
#page_portfolio_online #nav{
	width:250px;

}
#nav ul{
	/*width:140px;*/
		
}
#nav li.act{
	
}
#subnav a,
#nav a{
	display:block;
	padding:5px 5px 5px 15px;
	/*background-color:#FFFF00;*/
	/*background-color:#FF6666;*/
	/*background-color:#CFDADA;*/
	/*color:#000000;*/
	font-weight:normal;
	margin:8px 0 0 0;
	border-bottom:none;	
	/*background: transparent url(../img/elem/bgdiag_35x35_000.gif);*/
	background: transparent url(../img/elem/bgdiag_15x15_000.png);
	color:#FFF;
}

#nav a{
	width:200px;
	
}
#nav a:hover{
	/*background-color:#0099FF;*/
	background-color:#000;
}

#nav a.act{
	/*background-color:#FFF;*/
	background-color:#333333;
	color:#FFFF00;
	
}
#nav  a.menuparent_act{
	float:left;
}

.navleft_lev1 {
	width:100%;
	/*background-color:#0099FF;*/
}
.navleft_lev1 li{
	list-style:none;
	float:left;
}
#nav .navleft_lev1 a{
	width:100px;
}
#subnav{
	border-bottom:1px solid #000;
}
#subnav li{
	list-style:none;
	float:left;
	padding:0 20px 0 0;
}
#subnav a{
	width:100px;
	padding:5px 0 5px 0;
}
#subnav a.act{
	border-bottom:8px solid #FFF;
}
.box{
	position:absolute;
	top:15%;
	right:200px;
	width:480px;
	padding-bottom:100px;
	/*opacity:0.8;*/
}
#page_kontakt .box{
	width:540px;
}
.box div#cont{
	line-height:1.7em;
	/*background:#fff;*/
	padding:20px 30px;
	/*background: transparent url(../img/elem/bgdiag_35x35_cfdada.gif);
	background: transparent url(../img/elem/bgdiag_35x35_fff.gif);*/
	/*background: transparent url(../img/elem/bgdiag_35x35_000.gif);*/
	background: transparent url(../img/elem/bgdiag_15x15_000.png);
	
	color:#FFF;
}


#vorlage .box div#cont{
	/*background: transparent url(../img/elem/bgdiag_35x35_cfdada.gif);
	background: transparent url(../img/elem/bgdiag_35x35_fff.gif);*/
	background: transparent url(../img/elem/bgdiag_35x35_000.gif);
	color:#FFF;
	font-size:12px;
}
#page_portfolio_online .box div#cont{
	
	padding-right:0px ;
	width:450px;

}
/* IE6-Hack  nur IE liest die nachfolgende Anweisung! */
*html #page_portfolio_online .box div#cont{
	width:480px;
}
/* IE7-Hack  nur IE liest die nachfolgende Anweisung!*/ 
*+html #page_portfolio_online .box div#cont{
	width:480px;
	}
.box div#base,
.box div#top{
	background:transparent url(../img/elem/box_top.png) no-repeat;
	height:24px;
	padding:6px 30px 0 0;
	text-align:right;
	display:none;
}
.box div#top a{
	border-bottom:none;
}
.box div#top a:hover{
	background:none;
}
.box div#base{
	background:transparent url(../img/elem/box_base.png) no-repeat;
}
div#minus,
div#plus{
	background:transparent;
	}
#minus {
left:420px;
/*top:22px;*/
padding:0 5px;
position:absolute;
visibility:visible;
z-index:1000;
}
#plus  {
height:auto;
left:420px;
/*top:22px;*/
position:absolute;
visibility:hidden;
width:auto;
}
basic.css (Zeile 58)

.box div#base{
	background:transparent url(../img/elem/box_base.png) no-repeat;
	height:30px;
	padding:0;
}
.box div a{
	text-decoration:none;
	/*background-color:#FFFF00;*/
	/*background-color:#CFDADA;*/
	/*background-color:#000;*/
	/*border-bottom:1px dotted #000;*/
	border-bottom:1px solid #FFFF00;
}
.box div a:hover{
	/*border-bottom:1px solid #000;
	background-color:#0099FF;*/
	background-color:#000;
}
.large{
	text-align:right;
	top:20%;
	right:120px;
	font-size:13px;
}
.left{
	text-align:left;
	right:auto;
	left:180px;
	font-size:13px;
}
.large h2{
	font-size:60px;
}
.white{
	color:#fff;
}


h3{
	position:relative;
	border-bottom-width:1px;
	padding:0px 30px 10px 30px;
	margin:0 -30px 20px -30px;
	text-transform:uppercase;
	line-height:20px;
	/*background-color:#FFFF00;*/
}
h3,
dt{
	
	text-transform:uppercase;
	line-height:20px;
	font-weight:bold;
	/*font-family:Helvetica, sans-serif;
	font-size:14px;*/
	letter-spacing:3px;
	
}
h3 span{
	position:absolute;
	right:510px;
	top:29px;
	background:#000;
	text-align:center;
	padding:0 5px;
	white-space:nowrap;
	display:block;
	color:#fff;
	font-weight:normal;
}

dl{
	margin:10px 0;
	
}
dt,
dd p{
	padding:15px 0 25px 0;
	display:block;
	border-top-width:1px;
	width:420px;
}
dt{
	padding:0 5px;
	cursor:pointer;
	line-height:20px;
	height:20px;
	width:440px;
	
}
dd{
	height:0px;
	overflow:hidden;
	width:440px;
}
/*anfang hart kodiert bitte aendern*/
#page_plakate div.csc-textpic-imagewrap div{
	width:193px;
	float:left;
	padding:0 10px 10px 0;
}
#page_plakate div#c402 div.csc-textpic-imagewrap div{
	width:281px;
}
/*ende hart kodiert */
#page_portfolio_online dt,
#page_portfolio_online dd,
#page_portfolio_online dd p{
	
	/*width:400px;*/
}

#photos{
	position:absolute;
	z-index:90;
	bottom:41px;
	right:40px;
	height:20px;
	overflow:hidden;
}
#photos a,
#float{
	z-index:90;
	height:20px;
	line-height:20px;
	text-align:center;
	width:40px;
	background:#000 url(gal.gif) -6px 5px no-repeat;
	cursor:pointer;
	color:#fff;
}
#photos a{
	width:20px;
	float:left;
	margin-left:1px;
	background:#000;
	font-weight:bold;
	overflow:hidden;
}
#photos a:hover,
#photos a.cur{
	background:#fff;
	color:#000;
}
#float{
	display:none;
	position:absolute;
}
#float.nxt,
#float.prv{
	display:block;
}
#float.nxt{
	background-position:-16px 5px;
}
#float.prv{
	background-position:7px 5px;
}
.csc-textpic-clear{
	display:none;
}

.csc-textpic-intext-left{
	clear:left;
}
#page_logos div.csc-textpic-imagewrap{
	width:310px;
	height:110px;
	background-color:#FFF;
	z-index:10;
}
/*div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image{
	float:right;
}*/
.clearer{
	clear:both;
}
body#page_keramik {
	/*background-color:#FFF;*/
}
#page_keramik #nav{
	/*display:none;*/
}
#page_keramik #main{
	width:100%;
}
#page_keramik .tx-rlmpflashdetection-pi1{
	margin:0 auto auto auto;
	width:1024px;
}
/*#page_portfolio_online{
	background-image: url(../img/pics/bg/ausdemfenster_1024x768_f01.jpg); 
}*/
#page_magazine{
	/*background-image: url(http://farm3.static.flickr.com/2699/4313678165_52d0bf51b6_b.jpg);*/
	background-image: url(../img/pics/bg/floral_f06.gif); 
}
#page_plakate{
	/*background-image: url(../img/pics/bg/bg_signs_london.jpg);*/ 
	background-image: url(../img/pics/bg/floral_f04.gif);
}
#page_logos{
	/*background-image: url(http://farm3.static.flickr.com/2719/4313678177_c0ff800d3c_b.jpg); */
	/*w*/
	background-image: url(../img/pics/bg/floral_f02.gif);
}
#page_broschueren{
	/*background-image: url(http://farm5.static.flickr.com/4040/4312909475_0aa40abd9b_b.jpg);*/ 
	/*wareneingang*/
	background-image: url(../img/pics/bg/floral_f05.gif);
	
}
/*bauarbeiterkantine */
/*#page_profil{
	background-image: url(http://farm3.static.flickr.com/2778/4312909495_1262b4cc51_b.jpg);
	
}*/
#page_leistungen{
	background-image: url(http://farm5.static.flickr.com/4016/4313414887_064f283202_b.jpg);
	/*playboy home*/
}
#page_magazine #pagewrapper,
#page_plakate #pagewrapper,
#page_logos #pagewrapper,
#page_broschueren #pagewrapper{
	background:  url(../img/pics/bg/bgverlauf.png) repeat-x;

}
#bg_img {
display:block;
height:100%;
margin:0;
padding:0;
overflow:auto;
}
#bg_img div,
#bg_img img {
border:0 solid;
float:left;
height:100%;
margin:0;
width:100%;
}
#page_404 #cont li{
list-style:none;
padding:2px 22px;
}
#page_portfolio_online .csc-header{
	display:block;
}
#page_portfolio_online h1{
	left: -30px;
    margin: 10px 0;
    opacity: 0.99;
    width: 100%;
	font-size: 30px;
	background:#FFFF00;
	line-height:1em;
	color:#000;
	padding:3px 0 3px 30px;
	 font-family: 'Vibur',Georgia,serif;
}
/*iPhone / iPod Touch*/
@media only screen and (max-device-width: 480px) {
div#bg{
	display:none;
}
body{
	background:#000;
}
}
/*iPhone mit Retina Display*/
@media only screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) {
div#bg{
	display:none;
}
body{
	background:#000;
}
 }
/*iPad*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
div#main,
div.box{
	/*position:relative;*/
	/*border:3px solid #ff0000;*/
	
}
/*div#bg{
	display:none;
}

#page_keramik div#bg{
	display:block;
}
#page_keramik div#bg div#bginner div,
#page_keramik div#bg div#bginner {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}*/
.box div#cont,
#nav a {
    background: url("../img/elem/bgopak_70_000.png") repeat scroll 0 0 transparent;
}
/*#page_portfolio_online {
    background-image: url("../img/pics/bg/ostsee.jpg");
}
#page_profil {
    background-image: url("../img/pics/bg/landsberg.jpg");
}
#page_kontakt {
    background-image: url("../img/pics/bg/bgimg_f07.jpg");
}*/
div#float{
	display:none !important;
}
}