/* Proportionen & Positionen */


#top {
padding-top:38px;
height:50px;
}


#top, #nav0, #content, #foot {
margin-left:90px;

}
#content {
position:relative;
margin-bottom:17px;
}

/* #content #html{
margin-bottom:17px;
} */

#foot {
clear:both;
padding-bottom:5px;
}
#foot .totop{
position:absolute;
right:5px;
top:5px;
}
#nav0{
position:absolute;
top:48px;
left:175px;

}
#navlang{
position:absolute;
top:10px;
right:10px;
width:200px;
text-align:right;
}
/* Einzelne Spezifika */
/*                    */

/* Farben  & Grafik           */

body{ 
		color:#aaa; 
		background-color:#111;	
		background-image: url(../img/bg_topgrad.gif);
		background-repeat:repeat-x;		
}

a{color:#DDD;}
a:hover {color:#fff;}
#top{background: url(../img/misman_logo_blur.png) no-repeat 0px 40px;}
#frame {}
#navlang a {color:#888;}
.nav  a {color:#AAA;}
/*.nav  a:hover, .nav  a.current:hover{color:#efefef;}  */
.nav  a.current{ color:#fff ;}

/*.nav a#a_2,.nav a#a_3, .nav a#a_4, .nav a#a_6  { color:#666; }
.nav a#a_2:hover,.nav a#a_3:hover, .nav a#a_4:hover, .nav a#a_6:hover{ color:#888; }
.nav a#a_2.current,.nav a#a_3.current, .nav a#a_4.current, .nav a#a_6 .current { color:#888; }*/

#body_1 .nav a { color:#fff; }

#body_10 h1, .nav a#a_10:hover, .nav a#a_10.current {color:#ffCC00;}
#body_12 h1, .nav a#a_12:hover, .nav a#a_12.current   {color:#ff9900;}
#body_11 h1, .nav a#a_11:hover, .nav a#a_11.current  {color:#ff6600;}
#body_13 h1, .nav a#a_13:hover, .nav a#a_13.current  {color:#CC3300;}
#body_14 h1, .nav a#a_14:hover, .nav a#a_14.current  {color:#990000;}
#body_2 h1, .nav a#a_2:hover, .nav a#a_2.current  {color:#660099;}
#body_20 h1, .nav a#a_20:hover, .nav a#a_20.current  {color:#660099;}
#body_21 h1, .nav a#a_21:hover, .nav a#a_21.current  {color:#660099;}
#body_22 h1, .nav a#a_22:hover, .nav a#a_22.current  {color:#660099;}
#body_3 h1, .nav a#a_3:hover, .nav a#a_3.current  {color:#0000CC;}
#body_6 h1, .nav a#a_6:hover, .nav a#a_6.current  {color:#0066CC;}
#body_4 h1, .nav a#a_4:hover, .nav a#a_4.current  {color:#009999;}
#body_5 h1, .nav a#a_5:hover, .nav a#a_5.current  {color:#009966;}
 /* Farben Liste */
 .titel_linked a,  #vita .label {color:#aaa;}
 .titel_linked a:hover {color:#fff;}
 .typ {color:#888;}
 .dauer {color:#777;}
 .datum_formatiert {color:#666;}

 /* Farben Einzel */
  h2, .name {color:#EEE;}
 div#work .label_txt, div#work .label_func, div#work .label_lnk, div#work .label_dnl, div#work .label_frmt, div#work .label_len {color:#888;}
 div#work .titel {color:#666;}
 div#work .typ {color:#444;}
 div#work .datum_formatiert {color:#222;}

#foot {color:#888;}
/* NAV */
#navlang{
 margin:0px;
 padding:0px;  
 padding-right:10px; 
 list-style:none;
}

#navlang li{
display:inline;
border-right: 1px solid #888;
padding-right:5px; 
}

#navlang #en{
border:none;
padding-right:0px
}

.nav a {
font-family: Helvetica, Arial, sans-serif;
font-size:10px;
}

.nav {text-transform:uppercase; }

.nav {
   position:relative;
   margin:0px;
   padding:0px;   
   list-style:none;
   border:none;
   }

    
.nav li {
   margin:0;
   padding:0;
   padding-right:5px;
   display:inline;
   }
   
      
  ul.nav ul, ul.nav ul ul{
   display:none;
   position:absolute;
   left:0px;
   top:12px;
   width:600px;
   }
  
 ul.nav li.current ul {display:block;}
 ul.nav li.current ul ul{display:none;}
 ul.nav li.current ul li.current ul{display:block;} 
 ul.nav ul a {color:#888;}
 ul.nav ul a.current {border:none;}
 ul.nav ul ul a {color:#666;}



/* TYPO */


body,p,td, textarea {
	font-family: Helvetica, Arial, sans-serif; 
	font-size: 11px;
    margin:0px;
}

img {border:none;}

p {width:450px;}
body div{text-align:left;}

a {text-decoration:none;}
h1, h2, h3, h4{
 font-size:11px;
 margin:0px;
 clear:both;
}
h1, h2, h3, h4{
 text-transform:uppercase;
}


h1, #work .titel, #work .typ, #work .datum_formatiert{
/* margin-bottom:10px; */
font-size:36px;
font-weight:bold;
line-height:120%;
margin-bottom:15px;
margin-top:7px;
}
#content {line-height:138%;}
#note{
margin-top:15px;
}

#randomwork h2, #note h2{
margin-bottom:10px;
}

h2, h3, h4{
margin-top:16px;
} 

#top h1{
 font-family: Helvetica, Arial, sans-serif;
 font-size: 24px;
 text-transform:uppercase;
 margin-bottom:0px;
 display:none;
}

#top .shim {width:180px; height:20px;}


.browse{
position:absolute;
background:none;
width:100px;  
top:0px;
right:-3px;
}
#browse .td{
}

#foot {position:relative; padding-top:20px; padding-bottom:20px;}
#foot { font-size:smaller; }
#foot a {margin-right:5px}
#foot a#impressum {padding-left:10px; background: url(../img/icon_impressum.gif) 0px 1px no-repeat;}
#foot a#impressum:hover {background-image: url(../img/icon_impressum_sq.gif)}#foot a#goback {padding-left:10px; background: url(../img/icon_pfback.gif) 0px 1px no-repeat;}
#foot a#goback:hover {background-image: url(../img/icon_pfback_sq.gif)}
#foot a#gotop {padding-left:10px; background: url(../img/icon_pfup.gif) 0px 1px no-repeat;}
#foot a#gotop:hover {background-image: url(../img/icon_pfup_sq.gif)}
#nav_lng a { font-size:smaller; color:#0A50A1; margin-left:10px;}

.cms_menu{display:none;  }
.id, .video_height, .video_width {display:none; }

/* HOME */

#body_1 {background-image: url(../img/bg_home.jpg); background-repeat:no-repeat;}
#body_1 #nav0 {position:relative; left: 0px; top:10px}
#body_1 .nav li { display:block; }
#body_1 .nav a { font-size:36px; font-weight:bold; }

#body_1 .nav a#a_2 { display:block; margin-top:15px;}
#body_1 .nav a#a_2, #body_1 .nav a#a_3, #body_1 .nav a#a_4, #body_1 .nav a#a_6 { font-size:18px; }

#body_1 #foot a#goback {display:none;}
#body_1 #foot a#gotop {display:none;}


/* .item in liste und div#work oben*/
.item {
clear:both;

} 

.item .thumb_linked, .item  .titel, .item  .titel_linked, .item  .typ, .item .datum_formatiert, .item .dauer, .item .function, .item .download, .item .link, .item .watch_linked
 {
float:left;
margin-right:5px;
text-transform:uppercase;
}
.item .thumb_linked {height:30px; width:50px; background:#000; margin-right:10px;}
.item .thumb_linked img {position:absolute; width:50px ;clip:rect(0px, 50px, 30px, 0px); border-top: 1px solid #000; }
.item  .titel_linked { font-weight:bold }

/* items in div#work unten*/
div#work .item .format, div#work .item .dauer, div#work .item .function, div#work .item .download, div#work .item .link, div#work .item .info
{
color:#aaa;
float:left;
width:284px;
padding:2px;
margin-right:1px;
margin-bottom:1px;
background-color:#161616;
background-image: url(../img/ecke_ur.gif);
background-position: bottom right;
background-repeat:no-repeat;
}
div#work .item .link, div#work .item .function, div#work .item .info {text-transform:none;}
div#work .label_func, div#work .label_lnk, div#work .label_dnl, div#work .label_frmt, div#work .label_len, div#work .label_info {
padding:2px;
width: 68px;
clear:both;
float:left;
margin-right:1px;
margin-bottom:1px;
text-transform:uppercase;
background:#161616;
}

.bild1, .bild2, .bild3, .bild4, .bild5 { 
position:relative;
float:left;
margin-bottom:15px;
margin-right:15px;
}
.bild1{
clear:both;
}

.video{
width:100px;
margin-bottom:0px;
}

.text, .text_en{
clear:both;
margin-bottom:15px;
}

.workslist{
padding-bottom:16px;
}




#vita .value {
float:left;
display:block;
}
#vita .label {
clear:both;
float:left;
display:block;
width:75px;}


.input, textarea {
padding-left:5px;
width:200px;
border:1px solid #888;
}

.input_ro {
color:#888;
font-weight:bold;
border:none;
}

.input_bu {
color:#fff;
font-size:10px;
font-weight:bold;
text-transform: uppercase;
height:22px;
width:102px;
background: url(../img/bg_button.jpg) repeat-x;
border:1px solid #888;
}

#loader{
position:absolute;
top:23px;
background:#222;
padding:5px;
border:1px solid:#000;
}