@charset "utf-8";

* { margin:0; padding:0; }

#chat {
		text-align:left;
		background-image:url(../image/chat.png);
		margin-bottom: 10px;
		padding-top: 20px;
		height:		145px;
		width:		145px;
		}

#chatform {
		left: 		8px;
		height:		35px;
		}

#chatform input {
		color: #999999;
		}

.emBall {
	background-image: url(../image/ball.png);
	width: 25px;
	height: 21px;
	cursor:move;
	position:absolute;
}

.rot {
	background-image: url(../image/rot.png);
	width: 12px;
	height: 17px;
	cursor:move;
	position:absolute;
}

.gelb {
	background-image: url(../image/gelb.png);
	width: 12px;
	height: 17px;
	cursor:move;
	position:absolute;
}

#infoContentb {
		margin:auto;
		margin-bottom: 2px;
		text-align: left;
		font-size: 0.8em;
		width: 620px;
		font-family:Tahoma,Verdana,Arial,sans-serif;
		text-align:justify;
		}
	
	#infoContentb h2 {
		display: inline;
		font-size: 0.9em;
		color: #FFCC00;
		}
			
			
#infoContent {
margin: auto;
font-size:0.7em;
font-family:Tahoma,Verdana,Arial,sans-serif;
text-align:justify;
width:972px;
margin-top:20px;
border-top:1px solid #333;
clear:both;
padding: 10px 0px 10px 0px;
}			
			
#infoContent h2 {
		font-size: 0.9em;
		color: #FFCC00;
		}

body {
	font-family:Tahoma,Verdana,Arial,sans-serif;
	color: #CCCCCC;
	font-size:100.01%;
	text-align:center;
	background-color: #000000;
	background-image: url(../image/body_bg.png);
	background-repeat: repeat-x;
}

	a:link, a:visited {
	color:#FFCC00;
	}
		
	a:hover, a:active {
	color:#FFFFFF;
	}

	h5 {
	font-size:1.2em;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}

	h6 {
	font-size:0.7em;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}
	
	a:link img, a:visited img, a:active img {
	border:0;
	}

#wrapper {
width:972px;
margin-left:auto;
margin-right:auto;
text-align:left;
}

#header {
height:150px;
background-image: url(../image/logo_violett.png);
background-repeat: no-repeat;
background-position: 0px 20px;
position:relative;
}

#headerMaguh {
	position: absolute;
	top: 6px;
	left: 332px;
	}
	
	ul#nav {
	position:absolute;
	height:50px;
	list-style-type:none;
	bottom:0px;
	}
	
		ul#nav li {
		float: left;
		margin-right:5px;
		margin-top:5px;
		}
		
		ul#nav li a:link, ul#nav li a:visited {
		height:28px;
		display:block;
		}
		
		ul#nav li a:hover, ul#nav li a:active {
		border-bottom:2px solid #FFF;
		}
		
		ul#nav li.balken {
		position:relative;
		height:28px;
		background:url(../image/nav_balken.png) no-repeat;
		width:12px;
		top:2px;
		}
		
			ul#nav li.startseite a:link, ul#nav li.startseite a:visited {
			background:url(../image/nav_startseite.png) no-repeat;
			width:75px;
			}
				
			div.startseite ul#nav li.startseite a {
			border-bottom:2px solid #FFF;
			}
			
			ul#nav li.top10 a:link, ul#nav li.top10 a:visited {
			background:url(../image/nav_top10.png) no-repeat;
			width:74px;
			}
			
			div.top10 ul#nav li.top10 a {
			border-bottom:2px solid #FFF;
			}
			
			ul#nav li.meinbereich a:link, ul#nav li.meinbereich a:visited {
	background:url(../image/nav_meinbereich.png) no-repeat;
	width:104px;
			}
			
			div.meinbereich ul#nav li.meinbereich a {
			border-bottom:2px solid #FFF;
			}
			
			ul#nav li.neueswort a:link, ul#nav li.neueswort a:visited {
			background:url(../image/nav_neueswort.png) no-repeat;
			width:101px;
			}
			
			div.neueswort ul#nav li.neueswort a {
			border-bottom:2px solid #FFF;
			}
			
			ul#nav li.wortkaufen a:link, ul#nav li.wortkaufen a:visited {
			background:url(../image/nav_wortkaufen.png) no-repeat;
			width:108px;
			}
			
			div.wortkaufen ul#nav li.wortkaufen a {
			border-bottom:2px solid #FFF;
			}
		
	#header_login {
	background-image:url(../image/header_login.png);
	height:140px;
	width:149px;
	float:right;
	padding-left:11px;
	padding-top:10px;
	position:relative;
	}
	

	
		#header_login p {
		font-size:0.7em;
		color:#fff;
		padding-top:5px;
		padding-left:3px;
		padding-bottom:2px;
		}
		
		#header_login p a:link, #header_login p a:visited{
		font-size:0.9em;
		color:#333;
		text-decoration:none;
		}
	
		input.login {
		color:#009900;
		border:1px #38fa38 solid;
		padding:2px 3px;

		}

/* EDIT */

	#forgot_login p a:link, #forgot_login p a:visited{
	font-size:0.9em;
	color:#333;
	text-decoration:none;
	}

	#forgot_login {
	background-image:url(../image/header_pwlost.png);
	height:140px;
	width:154px;
	float:right;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	position:relative;
	}
	
	#forgot_login p {
	font-size:0.7em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	padding:2px 5px;
	text-align:center;

		}
		input.button{
		position:absolute;
		bottom:0;
		left:0;
		}
		
		input.lostpw {
		color:#0099CC;
		border:1px #00d2e5 solid;
		padding:2px 3px;
		margin-left:8px;
		margin-top:5px;
		}
	
/* EDIT */
	
#content {
width:972px;
/*min-height:610px*/
float:left;
padding-top:5px;
}

	#left {
	color:#999999;
	height:500px;
	width:145px;
	margin-right:15px;
	float:left;

	}
	
		#sponsorbox {
		background-image: url(../image/sponsorbox.png);
		width: 157px; 
		height: 88px; 
		}

	
		#suche {
		margin-bottom: 10px;
		text-align: left;
		background-image:url(../image/suche.png);
		height:40px;
		width:145px;}
	
		input#SearchInput {
		border:0;
		margin-top: 10px;
		margin-left: 15px;
		width:95px;
		font-family:Tahoma,Verdana,Arial,sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		color: #666666;
		}
	
		#left p{
		font-size:0.7em;
		margin:0px 10px 0px 10px;
		text-align: justify;
		}
	
	#main {
	/* min-height:610px; */
	width:810px;   
	float:left;
	position:relative;
	}

		.presented {
			background-image:url(../image/presented_bg_a.png);
			height:31px;
			padding-left:0px;
			position:relative;
			width:643px;
			}
		

		
			/* #sponsoren_logo {
			position:absolute;
			left:266px;
			top:0px;
			height:31px;
			width:120px;
			} */
			
			#sponsoren_logo {
			position: absolute;
			left:12px;
			top:18px;
			height:55px;
			width:120px;
			}
			
			

	/* #right {
	height:600px;
	width:1px;
	margin-top:10px;
	margin-left:10px;
	float:left;
	} */

#footer {
width:972px;
margin: auto;
margin-top:20px;
border-top:1px solid #333;
clear:both;
padding: 10px 0px 10px 0px;
}

	#footer p{
	font-size:0.6em;
	color:#666;
	}

	#footer p a:link, #footer p a:visited{
	color:#FF9900;
	text-decoration:none;
	}
	
	#footer p a:hover{
	color:#999;
	text-decoration:underline;
	}


/* BOX für Wörter - UNBEARBEITET !! */
.box {
	/*
	padding: 4px;
	background-color:#FFFFFF;
	border-color:#999999 rgb(51, 51, 51) rgb(51, 51, 51) rgb(153, 153, 153);
	border-style:solid;
	border-width:1px;
	*/
	padding: 3px;
	border: 1px solid #66CCFF;
	color:#FFFFFF;
	cursor:move;
	font-family:Arial;
	font-size: 14px;
	position:absolute;
	/* Gecko-based, Mozilla
	-moz-user-select:none;
	Safari 
	-khtml-user-select: none;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;  MOZILLA */
}

/* ADVERTON - UNBEARBEITET !! */
.advertOn {
	border: 0px dotted #000000;
	width: 200px;
	height: 20px;
	margin-left: auto;
	margin-right: auto;
}


/* EDIT AB HIER NEU */

	.inhalt {
	background:#333;
	/*height:535px;*/
	width:642px;
	float:left;
	position:relative;
	}

	.ecken_oben {
	float:left;
	height:15px;
	width:642px;
	background-image:url(../image/ecken_oben.png)
	}
	
	.ecken_unten {
	float:left;
	height:15px;
	width:642px;
	background-image:url(../image/ecken_unten.png)
	}
	
		#mag_bg {
		background-image:url(../image/mag_bg.png);
		padding: 2px 10px 2px 10px;
		width:790px;
		height:590px;
		margin-bottom:2px;
		margin-top:2px;
		}
			
			#magboard {
			width:790px;
			height:590px;
			position:relative;
			}
			

	.headline {
	text-align: center;
	float:left;
	background-image:url(../image/presented_bg_a_backup.png);
	height:28px;
	width:642px;
	position:relative;
	margin-bottom:10px;
	padding-top: 12px;
	background-repeat: no-repeat;
	}

			
		div.top10 .headline
		{
	height:28px;
	text-align:center;
	padding-top: 7px;
		}
		
		div.meinbereich .headline
		{
	height:28px;
	text-align:center;
	padding-top: 7px;
		}
		div.neueswort .headline
		{
	height:28px;
	text-align:center;
	padding-top: 7px;
		}
		
		div.wortkaufen .headline
		{
	height:28px;
	text-align:center;
	padding-top: 7px;
		}
			
			               /*table {
                    font: normal 0.8em "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
                    margin: 1em 0;
                    border-collapse: collapse;
                    border-spacing: 0;*/
               }
			   
/* BENNI */
.box2 {
	background-image: url(../image/unnuh.png);
	border-color:#999999 rgb(51, 51, 51) rgb(51, 51, 51) rgb(153, 153, 153);
	border-style:solid;
	border-width:1px;
	color:#000;
	cursor:move;
	font-family:Arial;
	font-size:0.6em;
	padding:0.1em 0.3em;
	position:absolute;
}

#headcenter  {
	text-align: center;

}

#pwforgot {
	border: 1px solid #FF0000;
	padding: 10px;
	text-align: center;
	}
	
#votedone {
	font-size: 12px;
	margin: 3px 40px 3px 40px;
	border: 1px solid #FFCC00;
	padding: 10px;
	text-align: center;
}

#votealready {
	font-size: 12px;
	margin: 3px 40px 3px 40px;
	border: 1px solid #FFCC00;
	padding: 10px;
	text-align: center;
}

.sitehead {
	background-image:url(../image/presented_bg_a.png);
	height:23px;
	width:492px;
	text-align: center;
	padding-top:12px;
	position:relative;
	}
	
.step1 {
	width: 575px;
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	}	
	
.stepcode {
	text-align: center;
	padding: 10px 0 10px 0;
	
	}	
	
.pos1 {
	font-size: 24px;
	}

.pos2 {
	font-size: 20px;
	}

.pos3 {
	font-size: 18px;
	}

#top10body {
		border: 1px solid #FFF;
		color: #FFF;
		padding:11px 10px 10px 10px;
		width:622px;
		min-height: 550px;
		margin-bottom:10px;
		margin-top:10px;
		}

#votebody {
		border: 1px solid #FFF;
		color: #FFF;
		padding:11px 10px 10px 10px;
		width:622px;
		min-height: 550px;
		margin-bottom:10px;
		margin-top:10px;
		}

#top10container {

	}

#top10container a:link, #top10container a:visited{
	font-size:1em;
	color:#FF9900;
	text-decoration:none;
	}
	
#top10container a:hover{
	color:#999;
	text-decoration:underline;
	}

#reg {
		border: 1px solid #FFF;
		color: #FFF;
		padding:11px 10px 10px 10px;
		width:622px;
		min-height: 550px;
		margin-bottom:10px;
		margin-top:10px;
		}
		
/* SVEN */

.alle_seiten_oben {
float:left;
height:19px;
width:642px;
background-image:url(../image/bg_top_rosa.png)
}

.alle_seiten_mitte {
float:left;
height:auto;
width:642px;
background-image:url(../image/bg_middle_rosa.png)
}

.alle_seiten_unten {
float:left;
height:19px;
width:642px;
background-image:url(../image/bg_bottom_rosa.png)
}

/*	-------------------------------------------------------------
	TABELLE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

    table#top10 {
	margin: auto;
	border-collapse: separate;
	border-spacing: 2px;
	font-family: "Lucida Sans Unicode", "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
    }
 
		
		table#top10 th {
		padding: 0.4em 0.8em;
		color: #000000;
		letter-spacing: 2px;
		text-align: center;
		background-color: #FFCC00;
		border: 1px solid #FFCC00;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		font-weight: bold;
		font-variant: small-caps;
		}
		
		table#top10 td  {
		padding: 0.4em 0em;
		color: #999999;
		}
		table#top10 colgroup#spalte1 {
		}
		table#top10 colgroup#spalte2 {
		width:200px;                  
		}
		table#top10 colgroup#spalte3 {                 
		}
		table#top10 colgroup#spalte4 {              
		}   
		
		table#top10 tr:hover  {
		background-color: #666666;
		cursor: pointer;
		}
		
		table#top10 tr:hover td{
		color: #FFFFFF;
		}
		
		
/*	-------------------------------------------------------------
	TOP10 NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
		
	div.top10 .headline {
	height:25px;
	text-align:center;
	padding-top: 10px;
	}
		
		div.top10 .headline a:link, div.top10 .headline a:visited {
		color:#FFCC00;
		}
		
		div.top10 .headline a:hover, div.top10 .headline a:active {
		color:#FFFFFF;
		}
		
	
/*	-------------------------------------------------------------
	VOTE NAVIGATION
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/		
		
	div.meinbereich .headline {
	height:25px;
	text-align:center;
	padding-top: 10px;
	}
		
		div.meinbereich .headline a:link, div.meinbereich .headline a:visited {
		color:#FFCC00;
		}
		
		div.meinbereich .headline a:hover, div.meinbereich .headline a:active {
		color:#FFFFFF;
		}
		
		
	div#left a:link, div#left a:visited {
	color:#FFCC00;
	font-size:1.2em;
	}
	
	div#left a:hover, div#left a:active {
	color:#FFFFFF;
	}
	

/* subContent für alle unterseiten */
	/* Vorschläge von Nutzern */
	#subContent {
	border-top: 1px solid #CCCCCC;
	padding-top: 15px;
	margin-top: 0px;
	margin-left: 30px;
	margin-right: 30px;
	margin-bottom: 10px;
	text-align: left;
	font-size: 0.8em;
	width: 580px;
	}
	

		#subContent h1 {
		font-size: 1.0em;
		color: #CCCCCC;
		}
		
		#subContent h2 {
		font-size: 0.9em;
		color: #FFCC00;
		}
		
		#subContent ul {
			list-style: decimal;
			margin-left: 25px;
			}
			
			#subContent li {
			}
		

.subContentText {
	margin-bottom: 25px;
	}
	
	.subContentText {
	margin-bottom: 25px;
	}


				.scKontaktFormElement {
					margin:2px 0;
					display:block;
					clear:both;
				}
				
				
				.scKontaktFormElement input {
					width: 200px;
					_width: 202px;
				}
				
				
				.scKontaktFormElementLabel {
					display:block;
					float:left;
					width:150px;
				}
/* ende */	
	
#subContent h3 {
	font-size: 0.7em;
}
#subContent h4 {
	font-size: 0.8em;
	font-weight: normal;
}
#loginIn {
	background-image:url(../image/loged_in.png);
	height:140px;
	width:154px;
	float:right;
	padding-left:3px;
	padding-right:3px;
	padding-top:10px;
	position:relative;
}