/*
 * Projekt: Webcuts.07	
 * Datum: 2007.05.05
 * 
 * area42 - Agentur & Systempartner
 * http://www.area42.de
 *
 */
 
body { background:#000; font-size:10px; font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida; }
h1 { color:#888a85; font-weight:normal; font-size:2em; padding:0 0 0.25em 0; margin:0; }
#logo { width:50em; position:absolute; z-index:6; top:9.35em; left:8em; }
#hg { width:100em; position:absolute; z-index:2; top:0; left:0; }
a { text-decoration:none; border:none; }
iframe, img { border:none; }
sup { font-size:10px; }
b, strong{ color: #0092d2; font-weight: bold;}



#hauptmenu {position:absolute; z-index:17; top:1.2em; text-transform:uppercase; font-family: Lucida Sans,Arial,Helvetica,sans-serif; margin:auto;  }
#hauptmenu img { padding:0 3.5em 0 1em; height:9em; } 
/* menu */

#hauptmenu ul {margin: 1em 0 0 1.2em; padding:0 0 0 5.8em; list-style:none; float:left; font-size:1.1em; width: 75em;}
#hauptmenu ul li { margin:0 1.5em 0 0;position:relative; float:left; padding: 0; text-align:left;}
#hauptmenu ul li a {margin:0 0.1em 0 0;text-decoration: none; color:#19C6FF;  display: block; padding: 0 0 0.8em 2em;}
#hauptmenu ul li a:hover {background:url("../pic/ico_pfeil.gif") no-repeat 4px 3px; }

/* menu level 1 */  
#hauptmenu ul li ul {padding: 0; display:none; position:absolute; width:15em; margin:0; background: none;}
#hauptmenu ul li ul:hover { display: block; }
#hauptmenu ul li:hover ul { display: block; }
#hauptmenu ul li.over ul  { display: block; } /* for IE */
#hauptmenu ul li ul li {margin: 1px 0 0 1px; }

#hauptmenu ul li ul li a {padding:0; margin:0; float:left; width:30px; filter:alpha(opacity=88); -moz-opacity:0.80; opacity:1; khtml-opacity:80;}
#hauptmenu ul li ul li a img {margin: 0; padding: 0; height: auto;}
#hauptmenu ul li ul li a:hover {filter:alpha(opacity=100); -moz-opacity:1; opacity:1; khtml-opacity:100;}
#hauptmenu ul li ul li a.aktiv { }
#hauptmenu ul li ul li span.offset { width:2em; display:block; }
#hauptmenu ul li ul li:hover { display: list-item; }
#hauptmenu ul li ul li.over { display: block; } /* for IE  */
/* menu widths */
#hauptmenu #m8 ul { width:12em; }
#hauptmenu #m7 ul { width:15em; }
#hauptmenu #m6 ul { width:17em; }
#hauptmenu #m5 ul { width:12em; }
#hauptmenu #m4 ul { width:12em; }
#hauptmenu #m3 ul { width:10em; }
#hauptmenu #m2 ul { width:6em; }

#button {position:absolute; z-index:101; top:3.3em; left:88.3em}
#button a.verweis { width:9.8em; height:2.3em; background:url("../pic/but_submit_blau.png") no-repeat; display:block; }
#button a.verweis:hover { background:url("../pic/but_submit_blau_hili.png") no-repeat;}


#start { width:56em; position:absolute; z-index:8; top:180em; left:8em; border-top:#666 1px solid; font:normal 11px verdana,Geneva,Arial,Helvetica,sans-serif; color:#808080; }
#start_li { width:28em; position:absolute; z-index:8; top:36em; left:8em }
#start_li p { padding:0 0 0.5em 1.5em; margin:0; color:#fff; font-size:1.3em; }
#start_li a, #start_re a { background:url("../pic/ico_pfeil.gif") no-repeat left center; color:#fc6d00; margin:0 0 0 1.5em;font-size:1.3em; display:block; padding:0 0 0.25em 1.5em; }
#start_li a:hover, #start_re a:hover { color:#ff8000; text-decoration:underline; }
#start_re { width:28em; position:absolute; z-index:8; top:36em; left:41em }
#start_re p { padding:0 0 0.5em 1.5em; margin:0; color:#fff; font-size:1.3em; }
#start_re a.verweis { width:14em; height:3em; background:url("../pic/but_submit.png") no-repeat; display:block; }
#start_re a.verweis:hover { background:url("../pic/but_submit_hili.png") no-repeat;}



#inhalt a.verweis { padding:0; margin-top:2em; width:14em; height:3em; background:url("../pic/but_submit.png") no-repeat; display:block; }
#inhalt a.verweis:hover { background:url("../pic/but_submit_hili.png") no-repeat;}

#inhalt { width:62em; position:absolute; z-index:8; top:24em; left:8em; }
#inhalt a { color:#fc6d00; }
#inhalt a:hover { color:#ff8000; text-decoration:underline; }
#inhalt p { padding:0 0 0.5em 1.5em; margin:0; color:#fff; font-size:1.3em; }
#inhalt div.mitteilung {width:auto; clear:right; }
#inhalt div.mitteilung p.presse {display:block; width:35em; padding:0 0 0.5em 1.5em; margin:0; color:#fff; font-size:1.3em; float:right; }
#inhalt div.mitteilung p.date { padding:0 0 0.5em 1.5em; color:#fff; font-size:1.3em; float:left; vertical-align:center; }

#inhalt form { padding:2em 0 1em 2em; margin:0; color:#fff; font-size:1em; }
#inhalt form span { float:left; display:block; color:#fff; font-size:1em; width:8.5em; }
#inhalt input { color:#fff; background:#313135 url("../pic/form_normal.png") repeat-x; background-color:#313135; border:#404041 1px solid; width:19.49em; height:1.50em; padding-left:0.5em; font-size:1.31em; }
#inhalt input:hover, #inhalt input:focus { background:#55555a url("../pic/form_hili.png") repeat-x; background-color:#55555a; }
#inhalt input.box { width:auto; height:auto; background:none; }
#inhalt input.knopf { padding:0; margin:0; width:9.92em; height:2.28em; background:#ff8000 url("../pic/but_submit.png") no-repeat; border:none;}
#inhalt input.knopf:hover { background:#ff8000 url("../pic/but_submit_hili.png") no-repeat;}
#inhalt select { background:#313135; color:#fff; border: 2px solid #313135; }
#inhalt select:hover { background:#55555a; color:#fff; border: 2px solid #55555a; }
#inhalt textarea { scrollbar-3dlight-color:#414142; scrollbar-highlight-color:#414142;
scrollbar-shadow-color:#27272a; scrollbar-darkshadow-color:#232325;
scrollbar-face-color:#313135; scrollbar-arrow-color:#414142; scrollbar-track-color:#313135;
font-family:"Lucida Sans","Lucida Sans Unicode","Lucida Grande",Lucida; font-size:1.3em; color:#fff; background:url("../pic/area_normal.png") no-repeat; border:none; width:20.5em; padding-left:0.5em; height:15.4em; }
#inhalt textarea:hover, #inhalt textarea:focus { background:url("../pic/area_hili.png") no-repeat; }
#inhalt #sponsor { margin:4em 0 0 0; width:61em; height:11em; padding:0em; border:none; border-top:#666 1px solid; }

#boxes { position:absolute; z-index:8; top:11em; left:78em }
#boxes #org { width:20em; height:22em; background:#404044 url("../pic/org_normal.png") no-repeat; }
#boxes #org a { padding:1em 0 1.5em 2em; margin:0; background:none; display:block; height:auto; width:16em; }
#boxes #org a img { filter:alpha(opacity=66); -moz-opacity:0.66; opacity:0.66; khtml-opacity:0.66; }
#boxes #org a:hover img { filter:alpha(opacity=100); -moz-opacity:1; opacity:1; khtml-opacity:1; }
#boxes a { width:20em; height:14em; background:#404044 url("../pic/box_normal.png") no-repeat; display:block; }
#boxes a:hover {background:#55555a url("../pic/box_hili.png") no-repeat; }
.titelorg { color:#888a85; font-weight:normal; font-size:1.8em; padding:0.6em 0.6em 0.25em 0.6em; margin:0; display:block; }
.titel { color:#8ae234; font-weight:normal; font-size:1.8em; padding:0.6em 0.6em 0.25em 0.6em; margin:0; display:block; }
.text { padding:0 0.5em 0.5em 2em; margin:0; color:#fff; font-size:1.2em; display:block; }

#navi { width:18em; position:absolute; z-index:99; top:2.4em; left:78em; color:#ccc; font-size:1em; }
#navi a { color:#ccc; padding:0; }
#navi a:hover { color:#ff8000; text-decoration:underline; }

br.antifloat {clear:left; clear:right; }

/* von Sven Movies */
#movies { position:absolute; top:85em; left:8em; }
#movies p { padding:0 0 0.5em 1.5em; margin:0; color:#fff; font-size:1.3em; }
#movies h1 { padding-left: 5px; padding-bottom: 0em; padding-right: 0em; padding-top: 0.6em; color:#8ae234; font-weight:normal; font-size:1.8em; margin:0; display:block; }
#movies .head { color:#888a85; font-weight:normal; font-size:2em; padding:0 0 0.25em 0; margin:0; }

#rapidflv_flashvideo {height: 32em; background-color: #222; padding: 5px; border-color: #333; border-style: solid; border-width: 1px;}
#rapidflv_flashvideo2 {height: 32em; background-color: #222; padding: 5px; border-color: #333; border-style: solid; border-width: 1px;}
#rapidflv_flashvideo3 {height: 32em; background-color: #222; padding: 5px; border-color: #333; border-style: solid; border-width: 1px;}
#rapidflv_flashvideo4 {height: 32em; background-color: #222; padding: 5px; border-color: #333; border-style: solid; border-width: 1px;}
