
body{
	background-color:#FFFFFF;
	color:#000000;
	margin:0px;
	padding:0;
	text-align:center;
	font-family:Arial,Sans-Serif;
	
}

#holder{
	margin:auto; /*zentrieren des div-tags*/
	background-image: url(../images/background.jpg);
	background-repeat:no-repeat;
	width:1100px;
	height:800px;
 	
}

.google_input{
	height:20px;
	width:200px;
}

.google_input_button{
	height:20px;
	width:120px;
}

#google160{
	float:right;
	position:relative;
	/*background-image: url(../images/google_banner.jpg);*/
	width:160px;
	height:600px;
	top:70px;
	right:0px;
 	
}


#login{
	float:left;
	position:relative;
	text-align:left;
	left:0px;
	top:50px;
	font-size:11px;
	font-weight:bold;
	width:400px;
	height:60px;
	
}

#google468{
	float:right;
	position:relative;
	/*background-image: url(../images/google_468.jpg);*/
	width:468px;
	height:60px;
	top:50px;
	right:0px;
 	
}

#headerKategorien{
	
	position:relative;
	left:0px;
	top:0px;
	width:178px;
	height:24px;
	background-image: url(../images/kategorien.jpg);
	/*background-color:#595959;*/
}

#headerPartner{
	
	position:relative;
	left:0px;
	top:15px;
	width:178px;
	height:24px;
	background-image: url(../images/partner.jpg);
	/*background-color:#595959;*/
}


#smilieLinks{
	position:relative;
	text-align:left;
	color:#ECBE06;
	left:0px;
	top:0px;
	font-size:11px;
	font-weight:bold;
	border-width:1px;
	border-left-style:solid;
	border-left-color:#D9D9D9;
	border-right-style:solid;
	border-right-color:#c9c9c9;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E1E1E1;
	border-bottom-width:1px;
	width:176px;
	height:300px;
	overflow:auto;
}

#ip{
	position:relative;
	text-align:center;
	color:#595959;
	left:0px;
	top:25px;
	font-size:12px;
	font-weight:bold;
}

#partnerLinks{
	position:relative;
	text-align:center;
	color:#ECBE06;
	left:0px;
	top:15px;
	font-size:11px;
	font-weight:bold;
	border-width:1px;
	border-left-style:solid;
	border-left-color:#D9D9D9;
	border-right-style:solid;
	border-right-color:#c9c9c9;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#E1E1E1;
	border-bottom-width:1px;
	width:176px;
	height:236px;
	overflow:auto;
}


#kategorien{
	float:left;
	position:relative;
	left:0px;
	top:70px;
	
}

.links_kategorien{
	color:#595959;
	padding:4px;
	cursor:pointer;
}

.links_kategorien_aktiv{
	color:#ECBE06;
	padding:4px;
	cursor:pointer;
}

#schattenOben{
	position:relative;
	width:496px;
	height:12px;
	top:70px;
	left:25px;
	background-image: url(../images/schatten_oben.jpg);

}
#smilies{
	position:relative;
	vertical-align:middle;
	text-align:left;
	overflow:auto;
	color:#595959;
	left:25px;
	top:70px;
	font-size:11px;
	font-weight:bold;
	width:698px;
	height:480px;
	
}

#footer{
	position:relative;
	vertical-align:middle;
	color:#ECBE06;
	left:25px;
	top:80px;
	font-size:11px;
	font-weight:bold;
	width:698px;
	height:140px;
	/*border-width:1px;
	border-left-style:solid;
	border-left-color:#FFFFFF;
	border-right-style:solid;
	border-right-color:#c9c9c9;
	border-right-width:1px;
	border-top-style:solid;
	border-top-color:#c9c9c9;
	border-top-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#FFFFFF;
	border-bottom-width:1px;*/
}

#containerTop{
	height:60px;
	margin:auto;
	width:890px;
}

#containerBottom{
	margin:auto;
	width:890px;
}

#containerMiddle{
	float:left;
	margin:auto;
	top:60px;
	width:496px;
}


.raster{
	color:#595959;
	font-weight:normal;
	float:left;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	width:160px;
	height:160px;
	background-image: url(../images/kachel_grau.jpg);
}

.raster_gelb{
	color:#595959;
	font-weight:normal;
	float:left;
	text-align:center;
	vertical-align:middle;
	padding:0px;
	width:160px;
	height:160px;
	background-image: url(../images/kachel_gelb.jpg);
}
input{ 
	width:80px;
	height:16px;
	font-size:11px;
	font-weight:normal;
        background-color:#f2f2f2;
        color:#595959;
        border: 1px solid #c9c9c9; 
}

.inputAnmeldung{ 
	width:140px;
	height:16px;
	font-size:11px;
	font-weight:normal;
        background-color:#ffffff;
        color:#595959;
        border: 1px solid #c9c9c9; 
}
.textLogin{
	float:left;
	width:80px;
	color:#595959;
}

.textAnmeldung{
 	position:relative;
	float:left;
	font-size:12px;
	width:300px;
	color:#333333;
}

.textUsername{
	font-size:11px;
	font-weight:normal;
	width:300px;
	color:#333333;
}

#buttonLogin{
	margin-top:24px;
	float:left;
	position:relative;
}

#buttonLogout{
	margin-top:28px;
	margin-bottom:0px;
	position:relative;
	float:left;
}

#formLogin{
	float:left;
	position:relative;
	width:204px;
	color:#595959;
}

#formLogout{
	float:left;
	position:relative;
	color:#595959;
}
.spacer{
	float:left;
	width:1px;
}


#container { 
   	width:600px;
	position:absolute;
	border: 1px solid #595959;
   	background-color: #f7f7f7;
	display:none;
	z-index:3;
	opacity: .95;
   	filter: Alpha(opacity = 95);
}

#debug{
	position:absolute;
	text-align:left;
	left:5px;
	top:5px;
	padding:5px;
	width:280px;
	height:100px;
	font-size:11px;
	font-weight:bold;
	color:#595959;
        background-color:#e9e9e9;
	border-width:1px;
	border-left-style:solid;
	border-left-color:#595959;
	border-right-style:solid;
	border-right-color:#595959;
	border-right-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#595959;
	border-bottom-width:1px;
	border-top-style:solid;
	border-top-color:#595959;
	border-top-width:1px;
}

.linkurl{
	width:580px;
	font-size:10px;
	font-weight:normal;
	text-align:center;
}

.linkurlText{
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
}

.login_ok{
	font-size:11px;
	font-weight:bold;
}

a,a:hover{
	text-decoration:none;
	font-size:14px;
	color:#595959;
}

#achtung{
	font-size:11px;
	font-weight:bold;
	color:#595959;
}

#meldung{
	text-align:center;
	padding:10px;
	font-size:14px;
	font-weight:bold;
}

#navigation{
	
	position:relative;
	text-align:left;
	color:#ECBE06;
	left:150px;
	top:10px;
	font-size:11px;
	font-weight:bold;
	
}

.menuepunkt{
	font-weight:normal;
}

.menuepunkt_aktiv{
	font-weight:bold;
}

.tooltip {
	font-size: 12px;
	font-weight: bold;
	color:#000000;
	position: absolute;
	display: none;
	width:200px;
	height:150px;
	padding:5px;
	border:solid 1px #595959;
	background-color: #f7f7f7;
	-moz-opacity: 0.8;
	filter: alpha(Opacity=80);
}

.formularinput{
	background:#f7f7f7;
	padding:0px;
	color:#595959;
	font-size: 11px;
	font-weight:normal;
	border:1px solid #595959; 
}

#fehler{
	text-align:center;
	font-size:12px;
	font-weight:bold;
	color:#E84949;
}

#useronline{
	float:right;
	position:relative;
}

.usernameonline{
	color:#595959;
	font-weight:bold;
}

.usernameoffline{
	color:#c9c9c9;
	font-weight:bold;
}
    option[value=online]:before { content:url("../images/online.jpg"); }
    option[value=offline]:before { content:url("../images/offline.jpg"); }
