body {
background-color: #ffffff;
background-image: url(img/bg.gif);
background-repeat:repeat-x;
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#564b47;
padding:0px;
margin:0px;
}

/* This is for the standart link */
a {color: #006699; text-decoration:none;}
a:visited {color:#006699;}
a:hover {color: #003366;}
a:active { color:#006699;}

/* The style for the pre text */
p, pre{
padding: 5px 10px;
margin:0px;
}

/* This are the titels */
h1 {
font-size: 12px;
color:#0099CC;
border-bottom:#CCCCCC dotted 1px;
padding:5px 15px;
margin:0px }

h2 {
font-size:20px;
font-weight: normal;
padding: 5px 10px;
margin:0px;}

h3 {
font-size:12px;
font-weight: bold;
padding: 5px 10px;
color:#FF0000;
margin:0px;}

/* Thsi one is the frame ouround the page wich makes the layout centerd */
#bigbox {
width: 800px;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}

/* Box for the Logo */
#logo {
text-align: left;
background:url(img/dostfilm_logo_1.gif) no-repeat;
height:132px;
padding: 0px;
margin: 0px;
}

/* The content*/
#content {
margin-left: 200px;
margin-right: 0px;
background-color: #ffffff;
padding: 0px;
}

/* The left box*/
#leftcolum {
float: left;
width: 200px;
margin: 0px;
margin-top: 50px;
background-color:#ffffff;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
border-bottom: 1px solid #CCCCCC;
}

/* The footer*/
#footer {
clear: both;
margin: 0px;
padding: 0px;
text-align: right; }

/* The menu left*/
a.nav, a.nav:link, a.nav:visited, .chosen {
display:block; 
width:195px; 
height:25px; 
background: #ffffff;
border-top:1px solid #C7DDE3; 
margin-top:0px; 
text-align:left; 
text-decoration:none;
padding-left:5px; 
font-family:verdana, arial, sans-serif; 
font-size:11px; 
color:#333; 
line-height:25px; 
overflow:hidden;}
a.nav:hover {
color:#333; 
background: #F3F3F3;}
a.nav:active, .chosen {
color:#ffffff; 
background:#79B0BE;}



/* The Boxes*/
.box1, .box2{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:95%;
height:185px;
margin:10px 0 -15px 10px;}


/* WEITERE: The Boxes*/
.box3{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:95%;
height:115px;
margin:10px 0 -15px 10px;}

/* WEITERE: The Boxes*/
.box4{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:95%;
height:140px;
margin:10px 0 -15px 10px;}

/* WEITERE: The Boxes*/
.box5{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:95%;
height:215px;
margin:10px 0 -15px 10px;}

/* WEITERE: The Boxes*/
.box6{
float:left;
padding:3px;
border:1px solid #CCCCCC;
width:95%;
height:340px;
margin:10px 0 -15px 10px;}