@charset "utf-8";
html {margin:0; padding:0;}
body {
margin:0;
padding:0;
font-size:62.5%;/* schriftgroesse relative machen, um spaeter mit em zu arbeiten */
background-color:#a03838;
font-family:verdana, arial, sans-serif;
text-align:center; /* vertikal zentrieren im IE6 */
}
/**********************************************************************/
/* Ebenen - Layout
Die in den Content divs eingetragenen Hoehen sollten, wenn inhalt da
ist wieder entfernt werden, damit die divs mitwachsen.
Allerdings kann es bei 2 Spalten zu problemen kommen, z.B. das
die eine Spalte nicht mitwaechst wenn die andere groesser wird...dies
kann z.B. ueber ein hintergrundbild im content_wrapper behoben werden.
*/
/**********************************************************************/
#wrapper {
width:900px;
margin:0 auto; /* vertikal zentrieren */
text-align:left; /* text wieder links positionieren */
background-color:#ffffff;
}
#header {
width:900px;
height:100px;
float:left;
background-color:#ffffff;
background-image:url(images/header.jpg);
background-repeat:no-repeat;
overflow:hidden;
}
#content_wrapper {
width:900px;
float:left;
}
#content_left, #content_left2, #content_left3 {
width:450px;
height:500px;
float:left;
background-color:#ffffff;
background-image:url(images/bg_c_left.jpg);
overflow:hidden;
}
#content_left_t2, #content_right_t2, #content_left_t3, #content_right_t3 {
border-top:1px dashed #cccccc;
}
#content_right, #content_right2, #content_right3 {
width:449px;
height:500px;
float:right;
background-color:#ffffff;
background-image:url(images/bg_c_right.jpg);
overflow:hidden;
}
#footer {
width:900px;
height:80px;
float:left;
background-color:#a03838;
background-image:url(images/footer.jpg);
background-repeat:no-repeat;
overflow:hidden;
padding-bottom:50px;
}
div.clear {
clear:both;
}
/**********************************************************************/
/* Ebenen - Text
Damit der text nicht am Rand klebt, gibt es in jedem div noch ein
div mit einem margin, und event. Textformatierungen.
Knnte auch in dem div darueber mit padding geloest werden, wird
aber von verschiedenen Browser unterschiedlich oder nicht
interpretiert.
*/
/**********************************************************************/
#header_t {
margin:20px;
font-size:1.2em;
color:#fff;
}
#content_left_t, #content_left_t2, #content_left_t3 {
margin:20px;
font-size:1.2em;
color:#000;
}
#content_right_t, #content_right_t2, #content_right_t3 {
margin:20px;
font-size:1.2em;
color:#000;
}
#footer_t {
margin:20px;
padding-top:25px;
font-size:1.2em;
color:#000;
}
a {
color:#000000;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}