.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html .clearfix {height: 1%;}

body {
	background-color: #666666;
	background-image: url(/gfx/back.gif) ;
	background-repeat: repeat-x ;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px 0px 0px 0px ;
}

#kopf {
	width: 825px ;
	height: 200px ;
	background-image: url(/gfx/kopf2.gif) ;
	background-repeat: no-repeat ;
}

#rechts {
	float: left ;
	width: 185px ;
	background-image: url(/gfx/rucken.gif) ;
	background-repeat: no-repeat ;
	padding-top: 135px ;
	margin: 0px 0px 0px 0px ;
}
	
#main {
	float: left ;
	width: 586px ;
	background-color: #FFFFFF ;
	margin: 0px 10px 0px 43px ;
	background-image: url(/gfx/main_rund.gif) ;
	background-position: bottom ;
	background-repeat: no-repeat ;
	display: inline;
}

#main h1 {
	background-repeat: repeat-x ;
	display: block; 
	margin: 0px ;
	font-size: 14px ;
	font-weight: bold ;
	color: #666666 ;
	margin: 20px 30px 10px 30px ;
	border-bottom: 2px dotted gray ;
}

#main h2 {
	background-repeat: repeat-x ;
	display: block; 
	margin: 0px ;
	font-size: 14px ;
	font-weight: bold ;
	color: #666666 ;
	margin: 0px 0px 10px 0px ;
	border-bottom: 2px dotted gray ;
}

.mbox {
	color: #666666 ;
	margin: 0px 30px 10px 30px ;
}

.mbox h4 {
	display: block; 
	font-weight: bold ;
	margin: 0px 0px 0px 0px ;
	padding: 0px;
}

#main h3 {
	background-repeat: repeat-x ;
	display: block; 
	font-size: 12px ;
	font-weight: bold ;
	color: #666666 ;
	margin: 20px 0px 10px 0px ;
	text-decoration: none ;
}

.mbox2 {
	color: #666666 ;
}

.mboxb {
	color: #666666 ;
	margin: 0px 30px 10px 30px ;
	font-weight: bold ;
}

.rbox {
	color: #666666 ;
	background-color: #FFFFFF ;
	padding-bottom: 10px ;
	margin-bottom: 10px ;
	background-image: url(/gfx/rbox_rund.gif) ;
	background-position: bottom ;
	background-repeat: no-repeat ;
}

.bbox {
	margin: 20px 0px 20px 30px ;
}

.rbox h1 {
	background-image: url(/gfx/rbox_fade2.gif) ;
	background-repeat: repeat-x ;
	height: 26px ;
	display: block; 
	margin: 0px  0px  0px  0px ;
	font-size: 14px ;
	font-weight: bold ;
	color: #FFFFFF ;
	padding: 3px 10px 0px 10px ;
}

.rbox_txt {
	margin: 5px 10px 0px 10px  ;
}

.feld {
	margin-top:10px ;
	width: 157px ;
	padding-left: 5px ;
	border: 1px solid #EE0000 ;
	background-color: #EEEEEE ;
}

.feld:focus {
	background-color: #FFFFFF ;
	border: 1px dashed black ;
}	

.feld2 {
	padding-left: 5px ;
	border: 1px solid #EE0000 ;
	background-color: #EEEEEE ;
}

.feld2:focus {
	background-color: #FFFFFF ;
	border: 1px dashed black ;
}	

select {
	padding-left: 5px ;
	border: 1px solid #EE0000 ;
	background-color: #EEEEEE ;
}

select:focus {
	background-color: #FFFFFF ;
	border: 1px dashed black ;
}	

.knopf {
	margin-top:10px ;
	background-color: #65758B ;
	border: 1px solid gray ;
	background-image: url(/gfx/but_fade.gif) ;
	background-repeat: repeat-x ;
}	

.knopf_big {
	font-size: 16px ;
	margin-top:10px ;
	background-color: #65758B ;
	border: 1px solid gray ;
	background-image: url(/gfx/but_fade2.gif) ;
	background-repeat: repeat-x ;	
}	

#menu {
	margin-left: 60px ;
	padding-top: 141px ;
	font-size: 17px ;
	font-weight: bold ;
}

#menu a {
	margin-left: 13px ;
	color: #FFFFFF ;
	text-decoration: none ;
}

#menu a:hover {
	margin-left: 13px ;
	color: #DDDDDD ;
	text-decoration: none ;
}

form {
	margin: 0px ;
}

ul {
	list-style-image: url(/gfx/li.gif) ;
	margin: 10px 0px 0px 20px  ;
	padding: 0px ;
}

li {
	margin: 3px 0px 0px 0px  ;
}

b {
	font-weight: normal ;
}

.cl {
	clear: both;
}

#fuss {
	display: block; 
	margin: 0px 0px 20px 23px ;
}

#fuss h3 {
	display: block; 
	margin: 0px 30px 20px 30px ;
	font-size: 12px ;
	font-weight: bold ;
	color: #FFFFFF ;
}

#fuss h3 a {
	color: #FFFFFF ;
	font-weight: normal ;
	text-decoration: none ;
}

#fuss h3 a:hover {
	color: #FFFFFF ;
	font-weight: normal ;
	text-decoration: underline ;
}

.h20px {
	height: 20px ;
}

.h100px {
	height: 100px ;
}

a {
	color: #666666 ;
	text-decoration: underline ;
}

a:hover {
	color: #000000 ;
	text-decoration: underline ;
}

.mark {
	margin: 20px 0px 20px 0px ;
	color: #33aa33;
	font-weight: bold;
	text-align: center;
}

#err {
	margin: 20px auto 20px auto ;
	width: 350px ;
	border: 2px solid black ;
	background-color: #FF6633 ;
	padding: 20px 20px 20px 20px ;
}

.trenner {
	height: 0px ;
	margin: 15px 0px 15px 0px ;
	clear: both;
	border-top: 1px dashed gray ;
}

.fett {
	font-weight: bold ;
}

.cbox {
	color: #666666 ;
	border: 1px solid gray ;
	padding: 10px 0px 10px 0px ;
	text-align: center ;
	margin: 30px 30px 30px 30px ;
}

.cbox2 {
	background-color: #eeeeee ;
	padding: 10px 0px 10px 0px ;
	text-align: center ;
	margin: 10px 30px 10px 30px ;
}

a.flink {
	color: #666666 ;
	text-decoration: none ;
	font-weight: bold ;
}

a.flink:hover {
	color: #666666 ;
	text-decoration: underline ;
	font-weight: bold ;
}

a.none {
	color: #666666 ;
	text-decoration: none ;
	font-size: 11px ;
}

a.none:hover {
	color: #333333 ;
	text-decoration: none ;
	font-size: 11px ;
}

.fb {
	background-color: #EEEEEE ;
	margin: 10px 0px 10px 0px ;
	padding: 5px 5px 5px 5px ;
}

.chat {
	width: 156px;
	height: 94px;
	background-image: url(/gfx/chat.gif);
	float: right;
}

.chat:hover {
	cursor: pointer ;
}

.sbutton {
	background: url(/gfx/b19_1.gif) top left no-repeat;
}

.sbutton:hover {
	background: url(/gfx/b19_2.gif) top left no-repeat;
}

.infobox {
	background-color: #FFFF55 ;
	margin: 10px 0px 10px 0px ;
	padding: 15px 15px 15px 15px ;
	text-align:center ;
}

#index_button {
	background-color: #cccccc;
	margin: -10px 0px 10px 0px ;
	padding: 10px 15px 10px 15px ;
	text-align:center ;
	border-radius: 10px;
	font-size: 14pt;
	font-weight:bold;
	-moz-box-shadow: 3px 3px 3px #888888;
	-webkit-box-shadow: 3px 3px 3px #888888;
}

#index_button:hover {
	margin: -12px 0px 12px -2px ;
	-moz-box-shadow: 4px 4px 4px #888888;
	-webkit-box-shadow: 4px 4px 4px #888888;
}