@charset "UTF-8";
/* CSS Document */

body { background:#FFFFFF; color:#000000; font-family: Helvetica, Arial, sans-serif; font-size:12px;/* height: 100%; width: 100%;  overflow:auto;*/ margin:0px; max-width:1020px;}
.black{color: white; background: black; font-family: Helvetica, Arial, sans-serif; font-size:12px; width:100%; margin:0px; max-width:1020px;}
.white{color:#000000; background: white; font-family: Helvetica, Arial, sans-serif; font-size:12px;width: 100%; margin:0px; max-width:1020px;}
html, xml {font-size: 100%;
height: 100%;
width: 100%;
margin: 0px;
padding-right: -15px;
}

div.containerhome{ position: absolute; top: 10px; left: 15px;}

div.moviecontainer{ position: absolute; top: 20px; left: 20px;}

div.footer { position: fixed; bottom: 20px; left: 20px; z-index:3;}


/* Normal link */
a { outline:none; text-decoration:underline; color:#000000;}
a:hover  {text-decoration:none;}
a:active{color: #BBB;}


/* Title text */
h1 {font-size:1em; font-weight: bold; margin-top: 0; margin-bottom: 2em;}
h2 {font-size:1em; font-weight: bold; margin-top: 0; margin-bottom: 0em;}
h3 {font-size:1em; font-weight: normal; margin-bottom: 1em; margin-top: 0;}

table { padding:0px; margin:0px;}
td { padding:0px; margin:0px; border: 0px;}

/* lists */
ul.all {
    min-width:990px;
	font-family:Helvetica, sans-serif;
	margin: 0px;
	padding:0px 0px 0px 0px;
	list-style: none;
	
}
ul.all li{vertical-align:text-top; padding-bottom:0px; display:inline-block;  border: 1px hidden; margin-right:3px;  margin-bottom:5px;}

ul li.big, ul li.biglink1, ul li.biglink2{font-size:7em;; font-weight: bold; letter-spacing:-4px; line-height:60px; word-spacing:-10px; height:60px;}

ul li.news{line-height:14px; padding-left:5px; width:315px; height:60px;}

ul li.middle, ul li.middlelink{font-size:2.7em; font-weight: bold; letter-spacing:-1px; line-height:31px; padding-left:5px; height:60px;}

ul li.middlelink a{ color:#0099FF; text-decoration:none;  background:url(backs/underline.gif) repeat-x left bottom;}
ul li.middlelink a:hover{ background:none;}
ul li.biglink1 a{ color:#0099FF; text-decoration:none;}
ul li.biglink1:hover { background:url(backs/background.gif);}
ul li.biglink1 a:hover { color:#FFFFFF; text-decoration:none;}
ul li.biglink2 a{ color:#33CC00; text-decoration:none;}
ul li.biglink2 a:hover{ color:#FFFFFF; text-decoration:none;}
ul li.biglink2:hover { background:url(backs/background2.gif);}

ul.all li.philipp {
color:#CCCCCC; font-size:2em; font-weight: bold; letter-spacing:-0.5px; line-height:40px; height:30px; padding-left:5px;
}

/* COMING SOON */
ul .soon li.biglink1 a:active, ul .soon li.biglink2 a:active{text-decoration:none; background:url(backs/background4.gif) no-repeat right top;}

ul .soon li.biglink1:active, ul .soon li.biglink2:active{text-decoration:none; background:url(backs/background3.gif)}


/* colors */
.grey{color:#CCCCCC;}
.whiteback{ background-color:#ffffff;}
.blackback{ background-color:#000000;}

li img {border: none; margin:0; padding: 0px 0px 0px 5px; height:60px;}

/* projecs */

#imagecontainer{position: fixed; top: 0px; left: 0px; z-index:1;}
#image img{ padding:0px; margin:0px;}
img{ padding:0px; margin:0px; border:none;}

.white #me{ position:fixed; z-index:3; bottom: 20px; right: 20px;}
.white #nav{ position:fixed; z-index:3; top: 19px; left: 20px;}
.white #nav a{ color:#000000; background:#FFFFFF;}
.white #nav a:hover{ text-decoration:none;}

.white #content{width:50%; z-index:2; position:absolute; left:125px; top:125px; text-decoration:none; color:#000000; font-size:2em; font-weight:100; letter-spacing:0px; word-spacing:-2px; line-height:28px; padding:0px;padding-bottom:50px;}
.white #content a{ text-decoration:none; color:#000000; background:url(backs/underline2.gif) repeat-x left bottom;}
.white #content a:hover{ text-decoration:none; background:none;}
.white #content .hidden{display: none;}

/* projecs */
.black #me{ position:fixed; z-index:3; bottom: 20px; right: 20px; font-weight:bold; color:#ffffff;}
.black #nav{ color:#FFFFFF; position:fixed; z-index:3; top: 19px; left: 20px;}
.black #nav a{ color:#ffffff; background-color:#000000;}
.black #nav a:hover{ text-decoration:none;}

.black #content{width:50%; z-index:2; position:absolute; left:125px; top:125px; text-decoration:none; color:#ffffff; font-size:2em; font-weight:100; letter-spacing:0px; word-spacing:-2px; line-height:28px; padding:0px; padding-bottom:50px;}
.black #content a{ text-decoration:none; color:#ffffff; background:url(backs/underline3.gif) repeat-x left bottom;}
.black #content a:hover{ text-decoration:none; background:none;}
.black #content .hidden{display: none;}


/* fuer index2 */
div.background{z-index:1; width:100%; position:fixed; top:0px; left:0px;}

.v2 #nav{ position:fixed; z-index:3; top: 19px; left: 20px;}
.v2 #nav a{ color:#000000; background:#FFFFFF;}
.v2 #nav a:hover{ text-decoration:none;}
.v2 #nav a:active{ color:grey;}


.v2 #content{width:75%; z-index:2; position:absolute; left:125px; top:125px; text-decoration:none; color:#000000; font-size:2em; font-weight:100; letter-spacing:0px; word-spacing:-2px; line-height:28px; padding:0px; padding-bottom:50px;}
.v2 #content a{ text-decoration:none; color:#000000; background:url(backs/underline2.gif) repeat-x left bottom;}
.v2 #content a:hover{ text-decoration:none; background:none;}
.v2 #content .hidden{display: none;}