body, div, span, dd, dt, dl, img, ul, ol, li, p, h1, h2, h3, h4, h5, form, hr, fieldset {
margin: 0;
padding: 0;
}

html {
background-color: #000;
}

img {
border: 0;
}

body {
position: relative;
margin-left: auto;
margin-right: auto;
margin-top: 10px;
width: 97%;
height: 80%;
min-height: 750px;
font-family: Trebuchet MS, Arial, Verdana, sans serief;
color:#fff;
font-size: 10pt;
font-weight: 200;
line-height: 14pt;
/*border:1px solid #fff; */
}

#head {
margin-top: 1em;
padding-left: 1em;
width: auto;
height: 1em;
font-size: 20pt;
font-weight: 200;
letter-spacing: 6pt;
padding-bottom: 0.5em;
}


#master {
width: 100%;
height: 500px;
margin-top: 0.8em;
marign-left: 1em;
background-image:url(../grafix/Schrift.jpg);
background-repeat: no-repeat;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
}

#master_film {
width: 100%;
height: 500px;
margin-top: 0.8em;
marign-left: 1em;
background-color: #000;
border:1px solid #fff;
}


#index {
width: auto;
height: auto;
height: 453px;
margin-top: 5em;
marign-left: 0em;
background-image:url(../grafix/backindex.png);
background-repeat: no-repeat;
border: 0px solid #ff0000;
}


/* Navigation */

#navi {
float: right;
margin-top: -29.5em;
margin-right: 2%;
width: 20em;
height: 13.6em;
padding-left: 0.5em;
padding-top: 0.5em;
font-size: 1.1em;
letter-spacing: 0.3em;
line-height: 1.3em;
background-color: #000;
}

#navi a {
color: #ababab;
text-decoration: none;
}

#navi a:hover {
text-decoration: none;
color:#fff;
}


#navi2 {
float: right;
margin-top: -29.6em;
margin-right: 2%;
width: 20em;
height: 26.2em;
padding-left: 0.5em;
padding-top: 0.5em;
font-size: 1.1em;
letter-spacing: 0.3em;
line-height: 1.3em;
background-color: #000; 
}

#navi2 a {
color: #ababab;
text-decoration: none;
}

#navi2 a:hover {
text-decoration: none;
color:#fff;
}

#navi3 {
float: right;
margin-top: -29.6em;
margin-right: 2%;
width: 20em;
height: 14.35em;
z-index: 3;
padding-left: 0.5em;
font-size: 1.1em;
letter-spacing: 0.3em;
line-height: 1.3em;
background-color: #000;
}

#navi3 a {
color: #ababab;
text-decoration: none;
}

#navi3 a:hover {
text-decoration: none;
color:#fff;
}


/* Content */

#design {
float: left;
margin-top: 5em;
height: 365px;
width: 65em;
letter-spacing: 0.2em;
background-color: #000;
color: #fff;
padding: 1em 1em 1em 1em;
}

#design a {
color: #ffcc33;
text-decoration: none;
}

#design a:hover {
text-decoration: none;
color:#66ff99;
}

#simplegallery1 { 
position: relative;
visibility: hidden;
}	
	
}

.text {
float: left;
height: 14.3em;
width: 25em;
padding-right: 5em;
color: #fff;
}

#film {
float: left;
margin-top: 5em;
height: 18.6em;
width: 65em;
padding: 0.5em 0.5em 0.5em 0.5em;
letter-spacing: 0.2em;
background-color: #000;
}

#movie {
float: right;
margin-top: -32.6em;
margin-right: 2em;
width: auto;
height: auto;
z-index: 3;
background-color: #000; 
}

#foto {
float: left;
margin-top: 5em;
height: 14.8em;
width: 65em;
padding: 0.5em 0.5em 0.5em 0.5em;
letter-spacing: 0.2em;
background-color: #000;
}

#grafix {
float: left;
margin-top: 15.3em;
height: 14.8em;
width: 45.5em;
letter-spacing: 0.2em;
background-color: #000;
}

a {
color: #cdcdcd;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color:#fff;
}



.footer {
margin-top: 0.5em;
margin-left: 1em;
width: 950px;
font-size: 9pt;
font-weight: 200;
letter-spacing: 0.2em;
}

#sitemap {
margin-left: 1em;
margin-top: 5em;
font-size: 0.8em;	
}

.col1 {
float: left;
width: auto;
height: 5em;
border-right:1px solid #fff;
padding-right: 1em;
}

.col2 {
float: left;
width: auto;
height: 13em;
border-right:1px solid #fff;
padding-left: 1em;
padding-right: 1em;
}

.col3 {
float: left;
width: auto;
height: 5em;
border-right:1px solid #fff;
padding-left: 1em;
padding-right: 1em;
}

.col4 {
float: left;
width: auto;
height: 7em;
border-right:1px solid #fff;
padding-left: 1em;
padding-right: 1em;
}