* {padding:0; margin:0}

body,td,div,p {font: 12px/1.5 courier new; color: #333;}

body {background: #333 url(img/back.jpg) repeat-y;}

.center {
position:absolute;
height:500px; 
width:800px;
margin:-265px 0px 0px -400px;
top: 50%; 
left: 50%;
}

.img {
height:500px; 
width:800px;
border: 6px solid #fff;
}

#index-karneval {background-image: url(img_themen/index_karneval.jpg);}
#index-normal {background-image: url(img/index.jpg);}
#agentur {background-image: url(img/agentur.jpg);}
#philosophie {background-image: url(img/philosophie.jpg);}
#projekte {background-image: url(img/projekte.jpg);}
#impressum {background-image: url(img/impressum.jpg);}

.navi {
margin-top: 5px;
margin-right: -5px;
text-align: right;
color: #fff;
}

h1 {
font-size: 12pt;
margin: 5px 0px 10px 0px;
}

.text-index {
margin: 225px 0px 0px 200px;
line-height: 17px;

}

.text-impressum {
margin: 0px 115px 0px 420px;
padding: 10px;
line-height: 16px;
}

.text-philosophie{
margin: 0px 108px 0px 427px;
padding: 15px;
}

.text-agentur {
margin: 0px 110px 0px 425px;
padding: 15px;
}

a.navi,a.navi:link,a.navi:active ,a.navi:visited ,a.navi:focus  {color: #fff;text-decoration: none; outline: none}
a.navi:hover { color: #ccc;text-decoration: none;} 


a,a:link,a:active,a:visited,a:focus {color: #333;text-decoration: none; outline: none}
a:hover {color: #fff;text-decoration: none;} 

.text-projekte {
margin: 0px 0px 0px 48px;
height: 460px;
}

.text-projekte h1 {
font-size: 12pt;
margin: 10px 0px 10px 355px;
}

#wrapper {
margin:auto;
position:relative;
width: 450px;
height: 440px;
}

#balken_3,#balken_4,#balken_5,#balken_6,#balken_7,#balken_8 {
float: right;
position:absolute;
top: 0;
left:0;
display:none;
width:235px;
background: #fff;
height: 397px;
}

#balken {
width:235px;
position:absolute;
left:204px;
height: 397px;
}

.box-position {
margin: 204px 0px 0px 14px;
width: 30px;
float: left;
}

* html .box-position {
margin: 204px 0px 0px 8px;
}

#box3,#box4,#box5,#box6,#box7,#box8 {
height: 26px;
width: 26px;
text-align: center;
margin-bottom: 13px;
}

@media print {
body {background: #fff url(img/trans.gif) repeat-y; }
.navi {display: none;}
}