/* set all to 0 */
* {	margin: 0; padding: 0; }

/* Standardelemente */
body
{
 font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:100.01%;
	background-color:#9fb7d9;
}

/*debug
div {	border:1px solid black; }*/

h1
{
	font-size:115%;
	margin-bottom:5px;
	color:#4c69a5;
	padding:2px 2px 2px 2px;
}

h2
{
	font-size:105%;
	margin-bottom:5px;
	color:#009933;
	padding:2px 2px 2px 2px;
}

h3
{
	padding:6px 2px 6px 2px;
	font-size:80%;
}

h4
{
	padding:4px 2px 4px 2px;
	font-size:80%;
	font-style:italic;
	font-weight:normal;
}

a { color:#336699; }

p 
{
	font-size:80%;
	padding:2px 2px 8px 2px;
}

td
{
	font-size:80%;
	text-align:left;
	padding:2px 2px 2px 2px;
}

strong	{	font-weight:bold;	} /* damit auf allen Browsern fett */
em	{	font-style:italic;	}	/* damit auf allen Browsern kursiv */

table.showTable
{
	border:1px solid #4c69a5;
	border-collapse:collapse;	
	empty-cells:show;	
	font-size: 90%;
	margin-top:5px;
	margin-bottom:20px;
}

table.showTable th
{
	color:#FFFFFF;
	background-color:#4c69a5;
	font-weight:bold;
}

table.showTable tr:hover {	background-color:#FFF8DC; }

table.showTable td
{	
	border:1px solid #4c69a5;
	padding: 2px 2px 2px 2px;
}

.imgFloatRight
{
	float:right;
	padding-left:10px;
}

.imgFloatLeft
{
	float:left;
	padding-right:10px;
}

/* Container */
#rahmen
{
	margin:0px auto;
	border:1px solid #4c69a5;
	text-align:left;
	margin-top:5px;
	width:61.2em;	
	min-height:37.2em;
	margin-bottom:5px;
	background-color:#FFFFFF;
}

#header
{
	background-image:url(../images/header2.jpg);
	height:200px;
}

#header p
{
	padding:5px 0 0 5px;
	font-size:80%;
}

/* Navigation links */
#naviLeft
{	
	float:left;
	width:11em;
	margin-top:10px;
}

#menuItems {	min-height:12em; }

#naviLeft ul { list-style-type:none; }
#naviLeft li { display:inline; }

#naviLeft a
{
 display:block;
 padding:5px 5px 5px 15px;
 font-size:80%;
 text-decoration:none;
	/*text-transform:uppercase;*/
	border-bottom:1px solid #4c69a5;
	color:#000000;
}

#naviLeft a:hover { text-decoration:underline;	}

#naviLeft a.aktiv
{
	background-repeat:no-repeat;
	background-position:5px 9px;
	background: #ffffff url("../images/pfeil.gif") no-repeat left center;
}

#naviLeft ul.subMenu {	font-size:80%;	}

#naviLeft a.subMenuItem
{
 padding-left:26px;
	background-color:#f2f3f4;
	text-transform:capitalize;
}

#naviLeft a.subMenuItemAktiv
{
 padding-left:26px;
	background-color:#f2f3f4;
	background-image:url(../images/pfeil.gif);
	background-repeat:no-repeat;
	background-position:15px 7px;
	text-transform:capitalize;
}

#fussball
{
	background-image:url(../images/fussball-deutschland.jpg);
	height:7.4em;
	margin-top:120px;
}

#breadCrumb
{
	height: 2em;
	padding: 3px 5px 0px 5px;
	color: #000000;;
	font-size: 70%;
}

#content
{
	float:left;
	width:32em;
	padding:15px 5px 25px 15px;
	min-height:32em;
	border-left:1px solid #4c69a5;
}

#content ul
{
	font-size:80%;
	padding-left:25px;
	padding-bottom:10px;
	list-style-type:square;
	color:#4c69a5;
}

#videoTabs ul
{
	list-style-type:none;
	padding:0;
	font-size:100%;
}

#content ol
{
	font-size:80%;
	padding-left:25px;
	padding-bottom:10px;
}

#content hr
{
	color:#4c69a5;
	background-color:#4c69a5;
	height:1px;
	border:none;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

#content span	{	color:#000000;	}	/* damit die Schriftfarbe schwarz bleibt */

.antwortText
{
	background-color:#4c69a5;
	color:#4c69a5;
	font-size:80%;
	padding:1px 2px 4px 2px;
}

#content .ads
{
	background-color: #ffffff;
	margin-bottom:5px;
	margin-top:8px;
	text-align:center;
}

/* Teaser rechts */
#teaser
{
	float:right;
	width:18.2em;
	margin-top:10px;
	margin-right:10px;
	font-size:85%;
}

#teaser .teaserBody
{
	padding:0 12px 5px 0;
	text-align:right;
}

#teaser .teaserBody input
{
	/* Abstand im Google Suchformular */
	margin:3px 0 3px 0;
}

/* Teaser-Kopfzeile */
#teaser h3
{
	padding:0px 16px 2px 0px;
	text-align:right;
}

#teaser p
{
	padding-bottom:0px;
}

#teaser hr
{
	color:#4c69a5;
	background-color:#4c69a5;
	height:1px;
	border:none;
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

/* wird gebraucht */
#footer
{
	clear:both;
	height: 1.5em;
	font-size: 70%;
	padding: 5px 5px 5px 5px;
	border-top: 1px solid #4c69a5;
}