/* ----------- Website CSS fuer Nikolaus Porz ------------- */
/* -------------------------------------------------------- */

body {
text-align:left;
background-color:#333;
font-family: "Lucida grande", Optima, Frutiger, Verdana, sans-serif;
font-size:11px;
color:#eee;
}

/* --- ueberschriften --- */

h1,h2 {margin-top, margin-bottom:0px;} 
h2 {color:#555;}

.gross {font-size:35px;font-weight:bold;}
.klein {font-size:9px;}
.fliesstext {font-size:11px; color:#BBB;}
.titel {font-size:18px;font-weight:bold;}
.grau {color:#111;}
.hell {color:#BBB;}
.selected {color:#c90;}
.deselected {color:#999;}
.gruen {color:#c90;}
.orange {color:#c63;}
.orange-dunkel {color:#A23C00;}
.presse1 {color:#ccc; font-size:11px;}
.presse2 {color:#999; font-size:9px;}
.linksb {text-align:left;}
.rechtsb {text-align:right;}
.blocksatz {text-align:justify;}


/* ------- links ------- */

a {
font-size:11px;
text-decoration:none;
border:0px;
}

a:img {border:0px;}

a:link, a:visited {
color:#aaa;
}

a:active, a:hover {
color:#fff;
}

a.grau:link, a.grau:visited {
color:#888;
}

a.grau:active, a.grau:hover {
color:#fff;
}

a.dark:link, a.dark:visited {
display:block;
width:149px;
color:#222;
}

a.dark:active, a.dark:hover {
display:block;
width:149px;
color:#c90;
background:#111;
}

a.gruen:link, a.gruen:visited {
color:#c63;
}

a.gruen:active, a.gruen:hover {
color:#c90;
}

a.orange:link, a.orange:visited {
color:#c63;
}

a.orange:active, a.orange:hover {
color:#111;
}

a.index:link, a.index:visited {
color:#111;
}

a.index:active, a.index:hover {
color:#a23c00;
}

a.orange-dunkel:link, a.orange-dunkel:visited {
color:#A23C00;
}

a.orange-dunkel:active, a.orange-dunkel:hover {
color:#111;
}




/* ------- form ------- */

input {
font-size:10px;
background-color:#ccc;
}

#f_neu textarea {
background-color:#bbb;
color:#920;
font-size:12px;
font-family:courier, sans-serif;
line-height:14px;
}

#f_neu textarea:hover {
background-color:#ddd;
}

#f_neu textarea:focus {
background-color:#eee;
}

#f_neu button {
margin:10px 0 0 0;
width:100px;
background-color:#c63;
border:1px solid #AAA;
}

f_neu button:hover {
background-color:#111;
color:#c63;
}

/* ------- divs ------- */

#box {
position:absolute;
top:2px;
left:2px;
width:776px; 
height:468px; 
margin:10px auto; 
text-align:center; 
border:0px solid #AAA;
}

#navi,#navi1b,#o_1,#o_2,#o_3,#o_4,#o_5,#m_1,#m_2,#m_3,#m_4,#m_5,#u_1,#u_2,#u_3,#u_4,#u_5 { 
position:absolute;
width:150px;
height:150px;
border-right:1px solid #444;
border-bottom:1px solid #444;
background-repeat:no-repeat;
text-align:left;
}

#o_1 {top:4px; left:4px;background-image:url(../_bilder/_grau/18.jpg);}
#o_2 {top:4px; left:158px;background-image:url(../_bilder/_grau/5.jpg);}
#o_3 {top:4px; left:312px;background-image:url(../_bilder/_grau/2.jpg)}
#o_4 {top:4px; left:466px;background-image:url(../_bilder/_grau/3.jpg)}
#o_5 {top:4px; left:620px;}

#m_1 {top:158px; left:4px;background-image:url(../_bilder/_grau/9.jpg);}
#m_2 {top:158px; left:158px;background-image:url(../_bilder/_grau/6.jpg)}
#m_3 {top:158px; left:312px;background-image:url(../_bilder/_grau/7.jpg)}
#m_4 {top:268px; left:466px; height:40px; text-align:right;}
#m_5 {top:158px; left:620px;background-image:url(../_bilder/_portrait/01_duo.jpg); z-index=0}

#u_1 {top:312px; left:4px;background-image:url(../_bilder/_grau/10.jpg)}
#u_2 {top:312px; left:158px;background-image:url(../_bilder/_grau/21.jpg)}
#u_3 {top:312px; left:312px;background-image:url(../_bilder/_grau/11.jpg);}
#u_4 {top:312px; left:466px;background-image:url(../_bilder/_grau/13.jpg)}
#u_5 {top:312px; left:620px;background-image:url(../_bilder/_grau/14.jpg)}


#navi {
top:158px; 
left:620px; 
text-align:left;
border-right:1px solid #444; 
border-bottom:1px solid #444; 
}

#o_2-u_3 {
position:absolute;
top:4px;
left:158px;
width:282px;
height:400px;
padding:10px;
border:1px solid #AAA;
background-color:#222;
text-align:justify;
overflow:auto;
}

#navi2 {
position:absolute;
top:430px;
left:158px;
width:282px;
height:10px;
padding:10px;
border:1px solid #aaa;
background-color:#222;
text-align:center;
}

#navi1bausgeblendet {
position:absolute;
top:4px;
left:4px;
width:150px;
text-align:left;
border:1px solid #999;
background-color:#444;
}

#navi1b {
position:absolute;
top:4px;
left:4px;
height:456px;
width:150px;
border-left:1px solid #333;
border-top:1px solid #333;
text-align:right;
overflow:hidden;
}

#presse {
position:absolute;
top:312px;
left:158px;
height:128px;
width:434px;
border: 1px solid #444;
padding:10px;
text-align:left;
overflow:auto;
}

#bildklein, #vita, #aktuelles {
position:absolute;
top:4px;
right:160px;
width:456px;
height:302px;
border:1px solid #AAA;
}

#vita {height:456px; text-align:left;overflow:auto; border:1px solid #777; background:#444;}

#aktuelles {
padding:10px; 
width:436px; 
height:282px;
text-align:justify;
border-right:2px solid #fff;
border-bottom:2px solid #fff;
background:#eee;
}

#bildgross {
position:absolute;
top:4px;
right:160px;
width:610px;
height:456px;
border:1px solid #AAA;
overflow:hidden;
}

/* Kontaktfeld, tut mir leid wegen IE */

#eingabe_1 {
left:0px;
top:5px;
width:450px;
height:200px;
text-align:left;

}

#eingabe_2 {
left:0px;
top:20px;
width:448px;
height:100px;
}

#eingabe_3 {
clear:both;
float:left;
top:0px;
left:0px;
width:130px;
height:20px;
text-align:left;
}

#eingabe_4 {
float:right;
top:0px;
right:0px;
width:220px;
height:20px;
text-align:right;
}

/* Index-Bilder */

#th01,#th02,#th03,#th04,#th05,#th06,#th07,#th08,#th09 {
position:absolute;
width:50px;
height:50px;
}
#th01 {top:0px;left:0px;}
#th02 {top:0px;left:50px;}
#th03 {top:0px;left:100px;}
#th04 {top:50px;left:0px;}
#th05 {top:50px;left:50px;}
#th06 {top:50px;left:100px;}
#th07 {top:100px;left:0px;}
#th08 {top:100px;left:50px;}
#th09 {top:100px;left:100px;}

/* Tabellen-Ersatz, wieder doof wegen IE */

#tab1 {
padding:4px;
float:left;
height:30px;
width:75px;
border-bottom:1px solid #444;
}

#tab2 {
float:right;
padding:4px;
width:335px;
height:30px;
border-bottom:1px solid #444;
}