h1                        {color:#000000;}
h1.kolumnenrubrik         {color:#FFFFFF;}
h1.kolumnenrubriklinks    {color:#ffffff;}
h1.teaserrubrik           {color:#FFFFFF;}


h1.teasertitelkleinstart {font-size:1.1em;}
.mediathek                {background-color:#ff0099; color:#ffffff;}
body                      {background: url('../images/hintergrund_1x400_s tart.jpg') #552255 repeat-x;}


div.suchekurzerweg        {background-color: #003466;}
div.suchekurzerwegrandabstand {border-color: #003466;}
button.searchbutton {background-color:#003466;}

a.navigation              {color:#003466;}
a.navigationaktiv         {color:#003466;}
a.navigation:hover        {color:#003466;}
a.navigationaktiv:hover   {color:#003466;}
a.navheader               {color:#ffffff;}
a.navheader:hover         {color:#ffffff;}

/* Angaben fuer neue Listennavigation von Sven */

a.navigation div.lipunkt {position:relative; float:left;width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#C0C0C0; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}

div.navigation1 div.lipunkt {background-color:#EBCFD6;}
div.navigation2 div.lipunkt {background-color:#F5E7EA;}
div.navigation3 div.lipunkt {background-color:#FFFFFF;}
div.navigation4 div.lipunkt {background-color:#FFFFFF;}

a.navigation:hover div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#9A1031; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}
a.navigationaktiv div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#9A1031; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}
a.navigationaktiv:hover div.lipunkt {position:relative;float:left; width:6px; height:6px; margin: 6px 4px 0px 0px; background-color:#9A1031; line-height:5px; font-size:5px; cursor:hand; visibility:visible;}

li.navi, ul.navi {list-style-type:none;list-style-position:outside;margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}

div.leftcontent {
    position:relative;
    float:left;
    top:0px;
    width:420px;
    height:auto;
    font-size:0.75em;
    line-height:1.35em;
}
div.rightcontent {
    position:relative;
    float:left;
    top:0px;
    left:25px;
    width:330px;
    height:auto;
    font-size:0.75em;
    line-height:1.35em;
}

/* color:inherit funktioniert mit dem Mozilla nicht */

.teaser                   {background-color:#ffffff;}
.teaserLarge              {background-color:#ffffff;}

div.navigationhead        {background-color:#9A1031;}
div.navigation1           {background-color:#EBCFD6;}
div.navigation2           {background-color:#F5E7EA;}
div.navigation3           {background-color:#FFFFFF;}
div.navreiter             {background-color:#CC8798;}
div.navreiteraktiv        {background-color:#9A1031;}

/* Zitatkasten */
div.kasten                {border: 1px solid #9A1031; background-color:#FFFFFF;}
div.kastenkopf            {background-color:#9A1031;}
div.kastenreiter          {background-color:#003466;}

div.slang_box, div.slang_box_large             {border: 1px solid #CC8798; background-color:#EBCFD6;}
.freeBorder 			{border: 1px solid #9A1031;}
.freefreeBackground		{background-color:#EBCFD6;}
hr.freeHr				{size:1px; color:#9A1031; border:1px solid #9A1031;}

div.picgallery {background-color:#0000FF;}
.activeBorder {border: 2px solid #9A1031;} /* gleich wie kolumnenreiter */
.inactiveBorder {border: 2px solid #EBCFD6;} /* gleich wie slangbox */
.aBhoch {border: 2px solid #CC8798;}   /* gleich wie slangbox rand */
.aBquer {border: 2px solid #EBCFD6;}   /* gleich wie slangbox */

/* Kolumnen */
div.kolumne               {background-color:#CC8798;}
div.teaserkopf, div.kolumnenkopf          {background-color:#555555; color:#FFFFFF;}
div.teaserreiter, div.kolumnenreiter      {background-color:#555555;}

/* fuer die Bildergalerie */
div.picgallery {background-color:#CC8798;} /* Hintergrund der Hochkantbilder, wie Rand der Slangbox */
.activeBorder {border: 2px solid #9A1031;} /* gleich wie kolumnenreiter */
.inactiveBorder {border: 2px solid #EBCFD6;} /* gleich wie slangboxinhalt */
.aBhoch {border: 2px solid #CC8798;}   /* gleich wie slangbox rand */
.aBquer {border: 2px solid #EBCFD6;}   /* gleich wie slangbox */

/* neue Bildergalerie (mit grossen Bildern)*/
#picgallery {
    background-color:#E9E9E9;
}

#picgallerycolumn {
    background-color:#E9E9E9;
    color: #000000;
}

div.picgallerybutton {
	background-image: url('../images/pic_gallery_button.gif');
}

div.picgalleryheadnavi {
	background-image : url('../images/pic_gallery_back.gif');
    color:#555555;
}

div.picgallerythumbnail{
    background-color: #F9F9F9;
}
img.inactive {
	border: 2px solid #DDDDDD;
}
img.vertical {
	border: 2px solid #CC8798;
}
img.active {
	border: 2px solid  #555555;
}

/* Farbklassen f�r frei w�hlbare Hintergrundfarben */
#Hell                     {background-color:#FFFFFF;}
#Mittel                   {background-color:#e5c9cd;}
#Dunkel                   {background-color:#00FF00;}
#Weiss                    {background-color:#FFFFFF;}
#SportARD					{background-color:#5b8abe;color:#FFFFFF; font-size:11px;}
#SportARD a, #SportARD li a, #SportARD, div#SportARD li 					{color:#FFFFFF;}
#Spezial1 				{background-color:#a0b4c9;}
#Spezial2 				{background-color:#f8d7ad;}
#Spezial3 				{background-color:#808080;}
#Spezial4 				{background-color:#707070;}
.Spezial1 				{background-color:#f3f2a0;}
.Spezial2 				{background-color:#daf0f8;}
.Spezial3 				{background-color:#808080;}
.Spezial4 				{background-color:#707070;}


/* Angaben f�r neue Listennavigation von Sven */
div.navigation1 a.navigation li    {color:#EBCFD6;} /* inaktive Listenpunkte bekommen Farbe wie Hintergrund */
div.navigation2 a.navigation li    {color:#F5E7EA;} /* ein Ausblenden ist wegen der Browserkompatibilitaet */
div.navigation3 a.navigation li    {color:#FFFFFF;} /* nicht moeglich */
div.navigation4 a.navigation li    {color:#FFFFFF;} 

div.listnavi 			  {color:#003466;} /* Farbe des Textes muss in jeder Rubrik �berschrieben werden */
a.navigation ul li 		  {}	/* s.u. */
a.navigation:hover ul li  {color:#9A1031;} /* Farbe des aktiven Listenpunktes */
a.navigationaktiv ul li	  {color: #9A1031;} /* Farbe des aktiven Listenpunktes */
a.navigationaktiv:hover ul li {color: #9A1031;} /* Farbe des aktiven Listenpunktes */

/* Fuss */
div.footertop             {color: #9A1031;}
div.footertop a, div.footertop a:active, div.footertop a:focus, div.footertop a:hover, div.footertop a:link, div.footertop a:visited {color:#9A1031;}

/* Farben fuer Kopf */
div.navlinkcardkultur     {background-color: #9A1031; height:21px;}
.headnavtrail             {background-color: #9A1031;}

.themennavlink 				{color:#FFFFFF; font-weight:bold; text-decoration:none; font-size:10px; margin-top:10px;}
a.themennavlink				{color:#FFFFFF; text-decoration:none;}
a.themennavlink:hover		{color:#FFFFFF; text-decoration:underline;}

/* Navi */
div.navlinkcard {
    height: 23px;
    /*width: 78px;*/
    overflow: hidden;
    /*margin-top:1px;*/
    background-color: #003466;
    float: left;
    text-align: center;
}

div.themennavlinkcard {
    height: 23px;
    /*width: 78px;*/
    overflow: hidden;
    /*margin-top:1px;*/
    background-color: #E9E9E9;
    float: left;
    text-align: center;
}



ol.webdoev {
    margin:0px;
    padding:0px;
    text-indent:0px;

}
li.webdoev_item_normal, li.webdoev_item_odd {
    list-style-type:none;
    list-style-position:outside;
    margin:0px;
    position:relative;
    text-indent:0px;
}
.webdoev_date {
    font-weight:bold;
}

div.webdoev_item_normal{
  padding:5px;
  position:relative;
  background-color:#EBCFD6;
}

div.webdoev_item_odd {
  padding:5px;
  position:relative;
  background-color:#F5E7EA;
}
.headnavigationbox		{position:relative; left:0px; top:0px; width:931px; height:100px;}
.headnavemptybox		{width:931px; height:0px; margin-right:0px; margin-left:0px;}
.headclaimbox			{width:931px; height:50px; background-color:#FFFFFF;}
.headnavcardbox	{
	width:931px;
	height:22px;
	background-image:url(/website/images/kopfnavigation/nav_head_backround_cards.gif);
	background-repeat:repeat;
}


div.pagecontainer {margin-top:10px;background-color:#FFFFFF;padding:6px 6px 6px 6px;width:931px;}
.headnavtrail			{width:931px;}
div.surround			{width:931px;}
div.mainsurround		{position:relative;float:left;}
div.banneremptybox		{width:931px;}
div.footerall			{width:931px;}
div.footer 				{width:931px;}

/* tag clouds */
a.tagcloud              {line-height:25px;color:#FFFFFF;background-color:red;}
a.tagcloud:hover        {line-height:25px;background-color:#FFFFFF;color:red;}

#tagcloud_container_teens a.tagcloud {line-height:25px;color:#fafb07;background-color:#15b6bc;}
#tagcloud_container_teens a.tagcloud:hover {line-height:25px;color:#15b6bc;background-color:#fafb07;}

/* tag cloud container */
#tagcontainer {
    height: auto; /* war height: 166px; */
}
/* Wird nur von gekko und opera interpretiert.
   hack, damit das verhalten gleich ist wie im ie */
html>body #tagcontainer {
    height:auto;
    /* min-height:166px; */
}

/* aus Buchrezis Kulturrubrik: Aufklapp-Tagcloud */
div.tagCloud { width: 320px; /* wegen hasLayout im ie6 */ }
div.tagCloud div.nav { padding: 10px; }
div.tagCloud div.nav a { outline: none; }
div.tagCloud a.toggleButton { padding: 0; margin: 0; float: left; width: 20px; height: 19px; }
div.tagCloud h2 { padding: 0; padding: 3px 0 0 26px; color:#777980; }
div.tagCloud div.tags { padding: 0 10px 10px; }
div.tagCloud div.tags a { color: #fff; line-height: 25px; }
div.tagCloud div.tags a:hover { color: #9A1031; background-color: #fff; text-decoration: none; }

/* alphabetische Klicknavi Autoren */

div.autorenNav { background-color: transparent; position: relative; }
div.autorenNav h2 { padding: 10px 0 8px 10px; margin: 0; }
div.autorenNav ul { list-style: none; padding: 0 0 0 0px; height: 50px; }
div.autorenNav li { padding: 1px;  margin: 0; float: left; font-weight: bold;}
div.autorenNav li a {
	display: block;
	width: 20px;
	height: 19px;
	text-decoration: none;
	background: url('../images/tastaturnavi/taste.gif') #552255 repeat-x;
}
div.autorenNav li a.wide { width: 42px; background: url('../images/tastaturnavi/taste_wide.gif') #552255 repeat-x;}
div.autorenNav li a.wide:hover { background: url('../images/tastaturnavi/taste_wide_over.gif') #552255 repeat-x;}
div.autorenNav li a:hover { background: url('../images/tastaturnavi/taste_over.gif') #552255 repeat-x; }
div.autorenNav li a div {padding: 2px 3px 2px 5px;}
div.autorenNav li a.wide div {padding: 2px 3px 2px 10px;}



div.footerlineright		{width:716px; min-width:716px;}


#mitkasten a {font-weight:bold;font-size:11px;color:#FFFFFF;}

#nav a {
	display: block;
    color:#767676;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 21px;
    font-size:11px;
    font-weight:bold;
}

#nav li {
	float: left;

}

#nav li ul {
	position: absolute;
    z-index:100;
	width: 10em;
	left: -999em;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
    position: absolute;
    z-index:1000;
    background: yellow;
}

/* PaginationTeaser */
hr.paginationTeaser { size:1px; height: 2px; line-height: 1px; margin: 0px 10px 0px 10px; color:#ffffff; border:1px solid #ffffff; }
* html hr.paginationTeaser { margin: -0.6% 0; }

div.paginationTeaser .prev_img, div.paginationTeaser .akt_img, div.paginationTeaser .next_img { display: block; float: left; width: 60px; height: 40px; margin: 0px 10px; }
div.paginationTeaser .akt_img img { border: 1px solid #4B95C4; }
div.paginationTeaser .bewertungskasten { margin: 5px 0px 5px 0px; }
div.paginationTeaser .bewertungskasten img { width: 17px; height: 16px; }

div.paginationTeaser div.teaserbox { overflow: hidden; }
div.paginationTeaser div.teaser { padding: 5px 10px 0px 10px; height: 170px; max-height: 170px; overflow: hidden; }

#ajaxLoad {
	width				: 200px;
	height				: 120px;
	background			: transparent url(../images/ajax-reload.gif) no-repeat 154px 54px;
}

.navlinktrail 			{text-align:left;color: #999999; text-decoration:none; font-size:11px; margin:3px 0 3px 15px; float:left; display:inline;}
.navlinktrail a			{color: #999999; text-decoration: none;}
.navlinktrail a:hover	{color: #999999; text-decoration: underline;}


/* Kalender */
.kalenderreiter  		{width:48%;background-color:#6C7187;}
.reiter_l				{float:left;}
.reiter_r				{float:right;}

a#current {background-color:#FFFFFF;}
#klicknavi a.current {background-color:#FFFFFF; color:#7c829a;}

#kalenderreiteraktiv 	{background-color:#9A1031;border:1px solid #FFFFFF;}
#kalenderreiteraktiv a 	{color: #FFFFFF;}

table.kalender 							{width:230px;}
table.kalender th 						{color:#6C7187;width:30px;height:27px;text-align:center;vertical-align: middle;font-size:9px;font-weight:bold;}
table.kalender td						{color:#E0651F;background-color:#FFFFFF;width:30px;height:27px;text-align:center;padding-top:3px;font-size:12px;font-weight:bold;}
table.kalender td a  {color:#E0651F;}
table.kalender td.current,table.kalender td.current a 	{background-color:#E0651F;color:#FFFFFF;}
table.kalender td.weekend,table.kalender td.weekend a 	{color:#6C7187;}
table.kalender td.bm,td.bm a 	{color:#6C7187;background-color:#F0EfEF;}

.flashkarte {padding-bottom:8px;}


/* Suche-Design */
div.suchbox {
    /*width:330px;
    border:1px solid #7C829A;*/
    background-color:#BDC0CC;
    text-align:left;
    font-size:0.8em;
    padding-bottom:10px;
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}
div.suchmaske.left {
    float: left;
    width: 226px;
    height: auto;
    text-align: left;
    /*margin-top: 5px;*/
    padding-top:5px;
    /*border: 1px solid green;*/
}
div.suchmaske.right {
    float: left;
    text-align: left;
    width: 80px;
    height: auto;
    /*margin-top: 5px;*/
    padding-top:2px;
    /*border: 1px solid red;*/
}
div.suchmaske.left.small, div.suchmaske.right.small {
    height: 15px;
}
label.suchmaske {
    font-weight: bold;
    margin-right: 20px;
    line-height:1.3em;
}
input.suchmaske.text {
    width: 180px;
    height: 18px;
    margin: 0px 10px 5px 0px;
    border: 1px solid #7C829A;
    margin-right:2px;
    font-size:1em;
    background-color:#FFFFFF;
 }
input.suchmaske.radio {
    vertical-align:middle;
    margin: 0px 10px 0px 0px;
}
input.suchmaske.submit {
    width:25px;
    height:25px;
    /*border: 0px none black;*/
}
button {
    background-color:transparent;
}
button.suchmaske.submit {
    margin-top:-5px;
}
div.treffer {
    border-bottom:1px solid;
    border-color:#7C829A;
    padding:10px 0px 10px 10px;
}
div.trefferanzeige {
    background-color:#7C829A;
    color:#ffffff;
    padding-left:10px;
    margin-top: 20px;
    margin-bottom: 5px;
}
/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating 					{cursor:pointer; float:left; display:block; width:180px; text-align:center;}

div.rating:after 			{content:'.'; display:block; height:0; width:0; float:left; visibility:hidden}
div.star {
	float:left;
	width:17px;
	height:15px;
	text-indent:-999em;
	cursor:pointer;
	display:block;
	background:transparent;
	overflow:hidden
}
div.star,
div.star a 					{background:url(../../../images/stern-rot-hell.png) no-repeat;}
div.star a					{display:block; width:16px; height:100%; background-position:0 0px;}
div.star_on a 				{background:url(../../../images/stern-rot.png) no-repeat;}
div.star_hover a,
div.star_live a:hover 		{background:url(../../../images/stern-rot.png) no-repeat;}
/* Read Only CSS */
div.star_readonly a,
div.star_readonly a:hover	{cursor:default !important}
/* Partial Star CSS */
div.star 					{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */