html, body {
margin: 0px auto;
background: #033;
color: #000;
}

body {
padding: 1% 10%;
text-align: center;                 /* Zentrierung im Internet Explorer */
}

#container {

width: 800px;
margin: 0px auto;          /* standardkonforme horizontale Zentrierung */
}

#head {
width: 790px;
background: #033;
color: #f90;
overflow: visible;
margin-top: 20px;
border-bottom:1px solid #f90;
text-align: left;
font-family: 'Trebuchet MS',sans-serif;
font-size: 250%;
font-weight: 900;
}

#BoxImHead {
background: #033 ;
margin-top: 0px;
text-align: left;
margin-left:0px;
width: 150px;
height: 80px;
font-family: "Comic Sans MS", Verdana, sans-serif;
font-size: 11px ;
color: #FF9200;    /* gelb */
}

#main {
padding: 0;
background: #aaa;
border-right: 1px solid #FFF;
border-left: 1px solid #FFF;
width: 790px;
}

#content {
border: 1px solid #FFF;
font-family: 'Trebuchet MS',sans-serif;
text-align: left;
margin: 0px;
background: #639a9c;
padding: 20px;
color: #CEFFFF;
}
                                           /* Die Teaser-Box */
#t-box {
	float: right;
	display: block;
}

                      /* Der eigentliche Teaser (als Klasse!) */
.teaser {
width: 180px;
background-color: #033;
border: solid 1px #CEFFFF;
margin: 1px 10px 10px 0px;
}

.t-head {
width: 180px;
text-align: center;	
font-family: 'Trebuchet MS',sans-serif;
font-weight: 900;
background-color: #dedede;
color: #003030;
padding: 3px;
margin: 0;
}

.t-txt {
font-family: Arial,sans-serif;
color: #cff;
padding: 5px;
margin: 10px 5px 10px 10px;
line-height: 150%;
font-size: 90%;
}

.t-txt-center {
font-family: Arial,sans-serif;
color: #red;
margin: 10px;
}

/*                                        Der werbung Teaser (als Klasse!) */
.teaser-werbung {
	width: 180px;
	background-color: #033;
	border: solid 1px #CEFFFF;
	margin: 1px 10px 10px 0px;
}




a { font-size: 100%; text-decoration:underline;  }
a:link {color:#FFCB00;}                /*unbenutzter Link*/
a:visited {color:#dedede;}             /*mindestens 1 mal benutzter Link*/
a:hover{color:#FFCB00; font-weight: bold; } /*während der Anwender mit der Maus darüber fährt gelber Hintergrund*/
a:active {color:#FFCB00; }              /*für gerade angeklickte Links*/

.big      {
font-size: 18px;
font-weight: 900;
}
.small    { font-size: 14px;}
.mini     { font-size: 12px;}
.minimini { font-size:  8px;}