@charset "UTF-8";

body		{
	text-align:center;
	margin-left:auto; margin-right:auto; margin-top:3px; margin-bottom:0px; 
	font-family:verdana;font-size:11px;
	background-image:url('../images/bg_pferd.gif');
	background-repeat:repeat;
	width: 1500px;
	}
		
		
h1	{
	font-size: 36px;
	letter-spacing: 0.5em;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

	
h4	{
	font-size: 12px;
	font-weight: normal;
	margin-top: 5px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	}

	
#stuttgartlogo {
	float: right;
	}
	

#hintergrund {
	width: 800px;
	background-color: #fcfcfc;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	}
	
#hintergrund_stadtbezirke {
	width: 800px;
	height: auto;
	background-color: #fcfcfc;
	margin-left: auto; 
	margin-right: auto;
	text-align:center;
	}
	
.inhalt {
	margin-top: 20px;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
	}

	
.mainheadline	{
	width: 800px;
	font-weight:bold; 
	font-family:verdana;
	font-size:12px; 
	vertical-align: middle;
	margin-top: 60px;
	padding: 8px 0px;
	background-color:#ffffcc;
	background-image:url('../images/stuttgartde_verlauf.gif');
	margin: auto auto;
	}
	
	
#winner {
	background-image:url('../images/stuttgartde_verlauf_lang.gif');
}
	

.clear {
	clear: both;
	}

	
#impressum	{
	color:#666666;
	width: 700px;
	font-weight:normal;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	padding-top: 0px;
	background-color:#fcfcfc;
	border-top: 2px solid #DDD;
	}

	
#testmodus {
	width: 800px;
	height:90px;
	font-family:verdana;
	font-size:20px;
	color:#FFFFFF;
	background-image:url(../images/backgrd_red.png);
	border:1px solid red;
	position:absolute;
	top:0px;
	padding-top: 25px;
	margin:auto auto;
	z-index:1000;
}


.verstecken {
		display: none;
		}
	

/* Zelle Bild */	
.KReihe5	 {
		width: 775px;
		height: 255px;
		border: 0px solid green;
		background-color:#FFF !important;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}
		
		
.KReihe3	 {
		width: 465px;
		height: 255px;
		border: 0px solid green;
		background-color:#FFF !important;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		}
		
		
.kandidat {
		float: left;
		width: 145px;
		height: 240px;
		padding: 0px 0px;
		margin: 5px;
		border: none;
		background-color:#f5f5f5;
		}
		
		

div.werte { display:table; border-collapse:collapse; }
div.tr { display:table-row; }
div.td { display:table-cell; border:thin solid red; padding:5px; }


.portrai {
	width:90px;
	height:135px;
	border:8px solid white;
	background-image:url(../images/keinbild.gif);
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#f5f5f5;
	margin-top: 8px;
	padding: 0px 0px;
	text-align:center;
	margin-left: auto; 
	margin-right: auto;
		}
		
		
/* Zelle mit Kandidatenname */			
.name		{
	float:left;
	width: 145px;
	height: 18px;
	color:black;
	font-family:verdana;
	font-weight:normal;
	font-size:11px;
	text-align:center;
	list-style: none;
	background-color:transparent;
	margin-top: 6px;
	margin-bottom: 10px;
	padding: 0px;
	}

	
/* Zelle mit Parteiname */				
.partei		{
	width: 145px;
	height: 18px;
	text-align:center;
	list-style: none;
	background-color:transparent;
	color:black;
	font-weight:bold; 
	font-family:verdana;
	font-size:12px;
	padding-top: 10px;
	}

	
/* Zelle mit Prozentangabe */				
.proz		{
	width: 145px;
	height: 18px;
	text-align:center;
	list-style: none;
	background-color:transparent;
	color:#7e7e7e;
	font-weight:bold; 
	font-family:verdana;
	font-size:11px;
	margin: 0px 0px;
	padding: 0px;
	}
	
	
/* Zelle mit Prozentangabe */				
.wert		{
	width: 145px;
	height: 10px;
	text-align:center;
	list-style: none;
	background-color:transparent;
	color:#7e7e7e;
	font-weight:normal; 
	font-family:verdana;
	font-size:9px;
	margin: 0px 0px;
	padding: 0px;
	}