/**
 * Master CSS
 *
 * @project		Dinkelacker
 * @author		Boris Bojic <bojic@devshack.biz>
 * @copyright	Copyright (c) 2009, Boris Bojic (DevShack)
 * @version		Thu, 03 Jun 2010 17:29:35 +0200
 *
 */

body
{
	margin:0; padding:0; 
}

body, p, form, table, td, th, div 
{ 
	color:#000000; font-family:Verdana,Arial,Helvetica,Sans-Serif; font-size: 11px;
}

form { margin:0; }
body#pop { margin:8px; padding:8px; }
body#mama { background-image:url(../shared_img/bg_body.gif); background-position:0 0; background-repeat:repeat-x; }
#bgmeta { background-image:url(../shared_img/bg_meta.jpg); background-position:0 0; background-repeat:no-repeat; }
#bgcontent { background-color:#ffffff; }
#bgcontent2 { background-color:#ffffff; }

a { color:#000000; font-family:Verdana,Arial,Helvetica,sans-serif; font-weight:bold; }

.abstand { line-height:17px; }
.small { font-size:9px; color:#666666; }
.premiereBox { width:518px; height:244px; margin-bottom:4px; }
.premiereBoxText1 { font-weight:bold; color:#000000; padding:38px 0 0 170px; font-size:10px; line-height:15px; }
.premiereBoxText2 { color:#000000; padding:82px 0 0 170px; font-size:10px; line-height:13px; }
.premiereBoxText3 { color:#000000; padding:97px 0 0 170px; font-size:10px; line-height:13px; }
.premiereBoxText4 { color:#000000; padding:79px 0 0 170px; font-size:10px; line-height:13px; }
.headline {font-weight: bold; padding}

a.link {font-size: 1.2em; color: #666666; text-decoration:none;}
a.link1 {font-size: 1.1em; color: #666666; text-decoration:none;}
a.link2 {font-size: 1em; color: #666666; text-decoration:none; font-weight:normal;}
a:hover.link2 {color: #000000;}

/* Neue, Textbasierte Navigation auf der oberen Seite */
ul#topnav{
	padding: 0 20px 0 0;
	margin: 0;
	font-size: 12px;
	font-family: "Georgia", "MS Trebuchet", Arial, sans-serif;
	font-weight: bold;	
	height: 46px;
	line-height: 46px;
}

	ul#topnav li{
		display: inline;
		padding-right: 20px;
	}

	ul#topnav li a{
		font-family: "Georgia", "MS Trebuchet", Arial, sans-serif;
		color: #777;
		text-decoration: none;
	}

		ul#topnav li a:hover,
		ul#topnav li a.aktivnav{
			color: #c00;
		}

/* Neue, Textbasierte Navigation auf der linken Seite */
ul#mainnav{
	width: 170px;
	padding: 0;
	margin: 0;
	font-size: 12px;
	font-family: "Georgia", "MS Trebuchet", Arial, sans-serif;
	font-weight: bold;
	line-height: 1.4;
}

ul#mainnav li{
	padding-bottom: 12px;
	list-style-type: none;
}

ul#mainnav li a{
	font-family: "Georgia", "MS Trebuchet", Arial, sans-serif;
	color: #000;
	text-decoration: none;
}

	ul#mainnav li a:hover,
	ul#mainnav li a.aktivnav{
		color: #c00;
	}

ul#mainnav li ul{
	width: auto;
	padding: 5px 0 0 0;
	margin: 0;
}

ul#mainnav li ul li{
	padding-bottom: 0;
}

ul#mainnav li ul li a{
	color: #555;
	font-size: 10px;
	font-weight: normal;
	padding-top: 8px;;
}

ul#mainnav li ul li.grey{
	color: #555;
}

/* === [ DIV Popups ] ============ */

table td .popbox{
	position: relative;	
}


	
table td .popbox .popup
{
	display:none;
	position: absolute;
	top: -250px;
	left: 60px;
	width: 301px;
	background-color: #fff;
	border: 1px solid #AA9B5F;
	padding: 3px 0 0 3px;
	line-height: 0.9em;
	text-align: left;
}

table td .popbox .popup img
{
	display: block;
	border: 0;
}

/* === Regionallampagne =============================================================== */
.regiotable
{
	display: block;
	margin: 10px 0;
}

.regiotable td p
{
	padding: 0 5px;
	margin: 0;
	line-height: 1.2;
}

ul.galerie
{
	margin: 0;
	padding: 20px 0;
	list-style-type: none;
}

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

	ul.galerie li
	{
		float: left;
		width: 123px;
		margin: 7px 7px 0 0;
	}

	ul.galerie li img
	{
		border: 0 none;
		display: block;
	}
	
	p.formmessage
	{
		font-size: 12px;
		font-weight: bold;
		color: #D9232B;
	}
	
ul.list
{
	margin: 0;
	padding: 20px 20px;
	list-style-type: bull;
}

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

ul.list li
{
	line-height: 1.5;
	padding-bottom: 10px;
}
	
input#neuer_ort,
input#abschicken
{
	display: block;
	width: 230px;
	border: 1px solid #888;
	background-color: #FFED82;
	font-size: 12px;
	padding: 2px;
}

input#abschicken
{
	width: 110px;
	background-color: #FFDC0B;
	font-weight: bold;
}

.stattable td
{
	border-bottom: 1px solid #999;
	padding: 5px 10px 5px 5px;
}

.stattable tr.alt
{
	background-color: #eee;
}

.stattable th
{
	text-align: left;
	padding: 5px 10px 5px 5px;
	border-bottom: 3px solid #999;
	background-color: #ccc;
}

/* === VfB Stuttgart =============================================================== */

table tr td a.kleineschrift {
	font-size: 0.8em;
	text-decoration:none;
}


/* === [ Public Viewing ] ============ */

#pview ul{
	padding: 0;
	margin: 0;
	font-size: 18px;
	line-height: 2;
}

#pview li{
	display: inline;
}

#pview p{
	font-size: 12px;
	padding: 0 0 20px 0;
	margin: 0;
}
	
	#pview .clearit{
		clear: both;
	}

#pview h3{
	color: #EF0000;
	font-size: 20px;	
	padding: 0 0 20px 0;
	margin: 0;
}

#pview h4{
	clear: both;
	color: #EF0000;
	font-size: 16px;
	padding: 0 0 10px 0;
	margin: 0;
}

#pview h5{
	color: #EF0000;
	font-size: 14px;
	padding: 0 0 10px 0;
	margin: 0;
}

#pview a{
	text-decoration: none;
	font-weight: normal;
}

#pview a:hover{
	color: #EF0000;
}

/* Boxen mit blauem Verlauf */
#pview div{
	border: 1px solid #E5E5E5;
	background: #fff url('/pics/public-viewing/pviewing-box.png') repeat-x;
	min-height: 150px;
	padding: 15px 15px 0 15px;
}


#pview div.halfbox{
	width: 230px;
	float: left;
	min-height: 215px;
	margin: 0 15px 15px 0;
}

#pview div p{
	padding: 0;
}
















/*  =================================================================================== */