/* Jeder Selektor wird hiermit auf 0 gesetzt */
* {margin:0;
padding:0;
}

body {
font:10px verdana;
color:#828282;
margin:25px;
background:url(../images/bck.jpg) top repeat-x #000;
}

#wrapper {
margin:0 auto;
background:#fff;
padding:5px;
border:10px solid #000;
width:900px;
}

#header {
height:200px;
background:url(../images/header.jpg) top repeat-x;
}

/* Das ist die Formatierung für eine Überschrift im Header */
#header h1 {
height:45px;
font:250% Trebuchet MS;
padding:30px 20px 10px 20px;
color:#fff;
}

/* Hier beginnt die Formatierung für das Navigationsmenü */
#nav { font-weight: 700; background-image: none; padding: 174px 0 0 50px; margin: 0; }
#nav li { font-weight: 700; list-style:none; display:inline; padding:80px 0; }
#nav li a { padding:6px; color:#ebeaea; font-weight: 700; background-image: none; background-repeat: no-repeat; text-decoration:none; }

#nav li a:hover { background-color: transparent; background-image: url(../images/navi-hover.png); background-repeat: repeat-x; background-position: 50% center; color:#fff; font-weight: 700; }

#seitenbox_links {
float:left;
width:278px;
height: 243px;
padding:0 10px;
background:#EBEAEA;
font:100% Verdana;
border-right:1px solid #CCC;
margin:0 0px 0 0;
}

#seitenbox_mitteunten {
float:left;
width:281px;
height: 243px;
padding:0 10px;
background:#EBEAEA;
font:100% Verdana;
border-right:1px solid #CCC;
margin:0 0px 0 0;
}

#seitenbox_rechtsunten {
float:right;
width:278px;
height: 243px;
padding:0 10px;
background:#EBEAEA;
font:100% Verdana;
border-right:1px solid #CCC;
margin:0 0px 0 0;
}

/* Überschriftformatierung für Seitenbox */
#seitenbox_links h2 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_mitteunten h2 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_rechtsunten h2 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_rechts {
float:left;
width:160px;
height:550px;
padding: 0 15px;
background:#EBEAEA;
font:100% Verdana;
border-right:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0px 0px 0px;
}

#seitenbox_rechts p{
font:100% Verdana;
margin:2px 0px 2px 5px;
}

#seitenbox_content {
float:right;
width:475px;
height:400px;
padding: 0 15px;
background:#fff;
font:100% Verdana;
margin:50px 0px 0px 20px;
}

#seitenbox_content_projekte {
float:left;
width:475px;
height:400px;
padding: 0 15px;
background:#fff;
font:100% Verdana;
margin:50px 0px 0px 20px;
}

/* Überschriftformatierung für Seitenbox */
#seitenbox_rechts h2 {
font:140% Arial;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}


/* Absatzformatierung. ACHTUNG: Line-Height ändert Zeilenabstand
der Seitenbox!! */
#seitenbox_links p {
line-height:20px;
}

#content {
padding:50px 260px 50px 50px;
font-size:120%;
}

#content_lebenslauf {
padding:50px 40px 70px 250px;
font-size:120%;
}

#content_mid {
padding:0 0px;
font-size:120%;
}

/* Überschriften im Content stylen */
#content h2 {
font:145% Trebuchet MS;
color:#f6f6f6;
background-color: #000;
padding: 1px 1px 1px 5px;
}
#content h3 {
font:140% Arial;
color:#669999;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

/* Überschriften im Content stylen */
#content_lebenslauf h2 {
font:145% Trebuchet MS;
color:#f6f6f6;
background-color: #000;
padding: 1px 1px 1px 5px;
}
#content_lebenslauf h3 {
font:140% Arial;
color:#669999;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}



/* Ein paar Selektoren des Contents gesammelt und formatiert */
/* ACHTUNG: Line-Height ändern auch hier den Zeilenabstand im
gesamten Text!! */
#content h1,h2,h3,h4,p,ul,ol {
margin:15px 0;
line-height:20px;
}

#footer {
margin:30px -5px -5px -5px;
padding:15px;
background:#f6f6f6;
border-top:2px solid #eee;
clear:left;
}


p {margin: 0 0 0px 5px }
td { }
a:link { color: #336666; font-weight: normal; text-decoration: none; }
a:visited { color: #373737; text-decoration: none; }
a:hover { color: #fff; background-color: #000; text-decoration: none; }
a:active { }

/* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/
body { word-wrap: break-word; }
.rahmen { border: solid 16px white; }