/* ----- universal settings -----*/
body {margin:0px; padding:0px; background: url(bg.jpg); font-family:verdana, san-serif; font-size: 8pt; color: #000;}
td {font-size: 8pt; color: #000;}
p {margin:0px; padding:0px;}


/* ----- typography / positioning ----- */
#magnet {padding-left:32px;}

#left {width:483px; float:left;}
#one {height:125px; width:125px; margin-top:5px; margin-left:130px; float:left;}
#two {height:125px; width:115px; margin-top:5px; float:right;}

#three {height:125px; width:125px; margin-top:5px; margin-right:18px; float:right;}

.content {padding:0px 15px 0px 15px;}
.welcome {padding:0px 15px 0px 15px;}
.eins {padding:0px 0px 0px 15px;}
.zwei {padding:0px 0px 0px 10px;}
.drei {padding:0px 0px 0px 10px;}
.vier {padding:0px 5px 0px 10px;}
.footer, .copyright {font-size: 8pt; color: #edd6b1;}

.title {font-size: 9pt; font-weight: bold; color:#500;}


/* ----- links ----- */
a:link {text-decoration: none; color: #700;}
a:visited {text-decoration: none; color: #700;}
a:hover {text-decoration: underline; color: #700;}
a:active {text-decoration: none; color: #700;}

.footer a:link, .copyright a:link {text-decoration: none; color: #edd6b1;}
.footer a:visited, .copyright a:visited {text-decoration: none; color: #edd6b1;}
.footer a:hover, .copyright a:hover {text-decoration: underline; color: #edd6b1;}
.footer a:active, .copyright a:active {text-decoration: none; color: #edd6b1;}


/* ----- backgrounds ----- */
.mid_layer1 {background: url(layer1_bg.jpg) center top;}
.mid_layer2 {background: url(layer2_bg.jpg) center top repeat-x;}
.layer3a {background: url(layer3a.jpg) right top no-repeat;}
.layer3b {background: url(layer3b.jpg) left top no-repeat;}
.mid_layer4 {background: url(layer4_bg.gif) center top repeat-y;}

.weather {background: url(weather_bg.jpg) center top no-repeat;}
.mags {background: url(mags.jpg) center top no-repeat;}

/* ----- other stuff ----- */
ul li {margin-left: -10px; list-style-image:url(bullet.gif);}
.content img {border:1px solid #500; margin:4px;}