/* ----------------------------------------------------------------------------------------------------------
Content Übersicht
---------------------------------------------------------------------------------------------------------- */

/* Übersicht: Headerbild mit Text */

   	#head-overview
    {
    float:left;
    width:540px;
	height:210px;
	margin-right:15px;
	background-color:#FFFFFF;
	border:0px solid #000000; 
	}

	.overview-pic 
	{ 
	float:left; 
	width:525px; 
	height:210px; 
	border:0px solid #000000;
	}

	.overview-pic h2
	{
	float:left;
    width:528px;
	padding: 157px 0 0 10px;
	font-size: 1.5em;
	color: #83b516; 
	font-weight: bold; 
	text-decoration:none;
	border:0px solid #000000;
	}

	.overview-pic p
	{
	float:left;
	width:528px;
	padding: 1px 0 0 10px;
	font-size: 1.0em;
	color: #83b516; 
	font-weight: bold; 
	text-decoration:normal;
	border:0px solid #000000;
	}

/* ----------------------------------------------------------------------------------------------------------
Übersicht: Teaser Boxen
---------------------------------------------------------------------------------------------------------- */

/* oben rechts unten links */

   	#teaser-overview   
	{ 
	float:left; 
	width:525px; 
	margin-top:15px; 
	border: solid 0px #000000; 
	}
	
	#teaser-left   
	{ 
	float:left; 
	width:252px; 
	margin: 0px 17px 0px 0px; 
	padding: 1px 1px 5px 1px; 
	background-color:#f3fae5; 
	border: solid 0px #000000;
	}
	
	#teaser-right   
	{ 
	float:left; 
	width:252px; 
	margin: 0px 0px 0px 0px; 
	padding: 1px 1px 5px 1px; 
	background-color:#f3fae5; 
	border: solid 0px #000000;
	}
	
	.teaserimageoverview img 
	{ 
	float: left; 
	display: inline; 
	width:248px; 
	height:120px;
	background: #f3fae5; 
	margin: 0px 10px 0px 0px; 
	padding-right: 2px; 
	padding-left: 2px;
	padding-bottom: 2px; 
	padding-top: 2px; 
	border-top: #d7dde1 0px solid; 
	border-right: #d7dde1 0px solid; 
	border-left: #d7dde1 0px solid; 
	border-bottom: #d7dde1 0px solid; 
	}
	
	.headlineoverview h1  { font-size: 1.2em; color: #83b516; font-weight: bold; padding-left:5px; }
		
	.teasertextoverview  { font-size: 1.0em; padding: 0 10px 0 5px; color: #000000; }
	.teasertextoverview a { background:url("../design/pfeil.gif") 1px 7px  no-repeat; display: block; padding: 0 10px 0 10px; font-size: 1.0em; color: #83b516; font-weight: bold; text-decoration:none; border: solid 0px #000000; }
	.teasertextoverview a:hover { background:url("../design/pfeil.gif") 1px 7px no-repeat; font-size: 1.0em; padding: 0 10px 0 10px; color: #83b516; font-weight: bold; text-decoration:underline; border: solid 0px #000000;	}


/* ----------------------------------------------------------------------------------------------------------
Übersicht: Themen
---------------------------------------------------------------------------------------------------------- */

	.overviewsubjectstitle
	{
  	float: left; 
  	width: 515px; 
  	height:23px;
 	background:url("../design/bg-overview-themen.jpg") no-repeat;
	margin-top:15px;
	margin-bottom:10px;
	padding-top:2px;
	padding-left:10px; 
  	font-size: 1.2em; 
  	color:#FFFFFF; 
  	border: #000000 0px solid;
	}

	#overviewsubjectslist
	{
	float: left; 
	width: 540px;
	background-color:#f3fae5; 
	padding-top:0px;
	border: #000000 0px solid; 
	}

	#overviewsubjects {
	float: left; 
	width: 515px;
	background-color:#FFFFFF; 
	padding: 0px 10px 10px 0px; 
	border: #000000 0px solid; 
	}

	.overviewsubjectpic img 
	{
	float: left; 
	width: 175px; 
	height:100px;
	}

	.overviewsubjecttext 
	{
	float: left; 
	width: 335px;
	border: #000000 0px solid;
	}

	.overviewsubjecttext h1 
	{
	padding-left: 9px;
	font-weight: bold; 
	font-size: 1.2em; 
	color: #83b516; 
	}
	
	.overviewsubjecttext p 
	{
	padding-right: 10px; 
	padding-left:10px; 
	padding-top: 1px; 
	}
	
	.overviewsubjecttext a 
	{
	background:url("../design/pfeil.gif") 10px 5px  no-repeat;
	padding-left:19px;
	font-size: 1.0em; 
	color: #83b516; 
	font-weight: bold; 
	text-decoration:none; 
	}
	
	.overviewsubjecttext a:hover 
	{
	background:url("../design/pfeil.gif") 10px 5px  no-repeat;
	padding-left:19px;
    font-size: 1.0em; 
	color: #83b516; 
	font-weight: bold; 
	text-decoration:underline; 
	}


/* ----------------------------------------------------------------------------------------------------------
Sonderthema
---------------------------------------------------------------------------------------------------------- */

	.sonderthemahead
	{
	font-size: 1.2em; 
	font-weight: bold; 
	color: #83b516; 
	}

	.sonderthema
	{
	float:left;
	width:525px; 
	margin-right:15px;
	border:0px solid #000000; 
	}
	
	.sonderthemasubline 
	{
	font-size: 1.0em; 
	font-weight: bold; 
	color: #a2a2a2; 
	padding-top:10px;
	border:0px solid #000000; 
	}
	
	.sonderthemaheadline 
	{
	font-size: 1.2em; 
	font-weight: bold; 
	color: #83b516; 
	border:0px solid #000000; 
	}
	
	.sonderthematext
	{
	font-size: 1.0em; 
	font-weight: normal; 
	color: #000000; 
	padding: 5px 5px 10px 0px;
	border:0px solid #000000; 
	}
	
	.sonderthematext a 
	{
	font-size: 1.0em; 
	font-weight: bold; 
	color: #83b516; 
	text-decoration:none; 
	}
	
	.sonderthematext a:hover 
	{
	font-size: 1.0em; 
	font-weight: bold; 
	color: #83b516; 
	text-decoration:underline; 
	}
	
	.sonderthemalinks 
	{
	float:left;
	width:500px;
	font-size: 1.0em; 
	font-weight: normal; 
	color: #000000; 
	text-decoration:none; 
	padding:5px 10px 10px 10px;
	border:0px solid #000000; 
	}

	.sonderthemalinksicon
	{
	float:left;
	width:15px;
	padding-right:10px; 
	border:0px solid #000000; 
	}
	
	.sonderthemalinkstext
	{
	float:left;
	width:470px;
	font-size: 1.0em; 
	font-weight: normal; 
	color: #000000; 
	text-decoration:none; 
	border:0px solid #000000; 
	}
	
	.sonderthemalinkstext a
	{
	font-size: 1.0em; 
	font-weight: bold; 
	color: #83b516; 
	text-decoration:none; 
	}

	.sonderthemalinkstext a:hover
	{
	font-size: 1.0em; 
	font-weight: bold; 
	color: #83b516; 
	text-decoration:underline; 
	}