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

body {
font-size: 10px; 
font-family: "Roboto Condensed", sans-serif;
color:#828282;
margin:5px; margin-left: 25px;
background:url(../images/bck.jpg) top repeat-x #000;
}

#navbar { background-image: url(../images/navibar.png); background-repeat: no-repeat; background-position: center 214px; left: -250px; width: auto; height: auto; z-index: 3; overflow:visible; }

#wrapper 
{ background: transparent; width: auto; padding:5px; height: auto; margin: 0 auto; border: solid 0 #fff; }

#wrapper2
{ background:#fff; width: auto; padding:5px; height: auto; margin: 42px auto 0; border: solid 0 #fff; }

#header { background-image: url(../images/header3.png); background-repeat: no-repeat; background-position: center; width: auto; height:220px; overflow:visible; clear: none; }


/* Das ist die Formatierung für eine Überschrift im Header */
#header h1 {
height:45px;
font:250% "Titillium Web", sans-serif;
padding:30px 20px 10px 20px;
color:#fff;
}



/* Hier beginnt die Formatierung für das Navigationsmenü */

#nav { font-size: 14px; font-family: "Roboto Condensed", sans-serif;  text-align: center; background-position: center; z-index: 2; padding: 226px 0 0 0px; margin: 0; }
#nav li { font-size: 14px; font-family: "Roboto Condensed", sans-serif; list-style:none; display:inline; padding:80px 0; }
#nav li a { font-size: 14px; font-family: "Roboto Condensed", sans-serif; padding:6px; 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: 100% center; 
color:#fff; }

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

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

#seitenbox_rechtsunten {
float:left;
height: 243px;
padding:0 10px;
background:#ebeaea;
font:100% Verdana;
border-right:1px solid #ccc;
margin:0 0 0 0;
}
/* Überschriftformatierung für Seitenbox */
#seitenbox_links h2 {
font:175% 'Titillium Web', sans-serif;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_mitteunten h2 {
font:175% 'Titillium Web', sans-serif;
color:#222;
border-top:1px solid #f6f6f6;
border-bottom:1px solid #f6f6f6;
padding:5px;
}

#seitenbox_rechtsunten h2 {
font:175% 'Titillium Web', sans-serif;
color:#222; 
border-top:1px solid #f6f6f6; 
border-bottom:1px solid #f6f6f6; 
padding:5px; }

#seitenbox_rechts {
float:left;
width:33%;
height:auto;
padding: 0 15px 0 0;
background:#fff;
font-family:"Roboto Condensed", sans-serif, bold;
font-size: 13px;
border-right:0 solid #f6f6f6;
border-bottom:0 solid #ccc;
margin:60px 0 0;
}

#seitenbox_rechts p{
font-family:"Roboto Condensed", sans-serif;
margin:2px 0px 2px 5px;
}

#seitenbox_rechts a {
font-family: "Roboto Condensed", sans-serif; 
margin: 2px 0 2px 5px; 
color: #828282;}

#seitenbox_content { 
float: right; 
width:33%; 
height:auto; 
padding: 0 15px; 
font:100% Verdana; 
background: #fff 0 center; 
margin:50px 0 0 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% "Roboto Condensed", sans-serif;
color:#466074;
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 {
font:140%"Roboto Condensed", sans-serif;
padding:5px 260px 50px 50px;
}


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

/* Überschriften im Content stylen */
#content h2 {
font:200% "Titillium Web";
color:#749fc1;
padding: 1px 1px 1px 5px;
}
#content h3 {
font: 140% "Titillium Web", sans-serif;
color:#466074;
border-top:1px solid #EBEAEA;
border-bottom:1px solid #EBEAEA;
padding:5px;
}

/* Überschriften im Content stylen */
#content_lebenslauf h2 {
font:200% "Titillium Web", sans-serif;
color:#749fc1;
padding: 1px 1px 1px 5px;
}

#content_lebenslauf h3 { 
font:140% "Titillium Web", sans-serif;
color:#466074; 
background-position: 50% center; 
border-top:1px solid #EBEAEA; 
border-bottom:1px solid #EBEAEA; 
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 {
font-family: "Titillium Web", sans-serif;
margin:15px 0;
line-height:20px;
}

#footer {
font:"Roboto Condensed", sans-serif;
color: #466074;
font-size: 11px;
margin:30px -5px -5px -5px;
padding:5px;
background:#749fc1;
border-top:2px solid #eee;
clear:left;
text-align: center;
}

#footer a:link { 
font:"Roboto Condensed", sans-serif;
font-size: 11px;
color:#466074; }

#footer a:hover { 
font:"Roboto Condensed", sans-serif;
font-size: 11px;
color:#466074; }

p { font-size: 15px; font-family: "Roboto Condensed", sans-serif; margin: 0 0 0 5px  }
td { }
a:link { font-size: 14px; font-family: "Roboto Condensed", sans-serif; color: #466074; font-weight: normal; text-decoration: none; }
a:visited { color: #466074; text-decoration: none; }
a:hover { color: #fff; background-color: #696f74; 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; }