/* Farbdefinitionen:

ROT : #db2227
ROT over: #7b0209
Hellbraum Verlauf Ende: #e6e3d2

GRAU für Striche #8e8e8e
*/


body { margin: 0 auto; text-align: center; padding:0px; background: white; height:100%;padding-bottom:5px; }
html { height: 100%; }
#xity {margin: 0 auto; text-align: left; background: #ffffff; width:810px; padding-top: 5px;padding-left: 0px;padding-right: 160px;padding-bottom: 20px;display:block; float:center;  }
html,p, div, td, ul { font-size: 12px;font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
div { z-index:0; }

* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	outline: 0;
	padding: 0;
	margin: 0;
	}
b { font-weight: bold; }
h1 { font-size: 18px; font-weight: bold; margin: 0 0 5px; color: #db2227; font-family: Verdana, Arial, Helvetica, sans-serif; }
/*h2 { font-size: 16px; font-weight: bold; margin: 0 0 5px; color: #db2227; font-family: Georgia, "Times New Roman", Times, serif; }*/
h2 {
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 5px;
	color: #db2227;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h3 { font-size: 13px; font-style: normal; margin: 0 0 5px; color: black; font-weight: bold; }
h4 { font-size: 12px; font-style: normal; margin: 0 0 5px; color: black; font-weight: normal; }

a { color: #db2227; text-decoration: none;  }


#clearall {clear: both; float: none}

/* DIVs ein und ausblenden */

.element_visible
{
     display: block;
}

.element_hidden
{
     display: none;
}


/* Startpage */

#startpage { width:505px; padding-top: 30px;}
#startpage #form {margin-top:30px;text-align:left; }
#startpage #logo {margin-top:30px;height: 120px; width:505px; font-size:14px;line-height:20px;}
#startpage #map {margin-top:30px; }
#startpage #showmap {text-align:center;margin-top:30px; width: 250px; border:solid 0 #db2227; height:20px; padding-right: 5px; padding-left: 5px; padding-top: 4px;}
#startpage #showmap a:link, #startpage #showmap a:visited, #startpage #showmap a:active, #startpage #showmap a:hover { color:black;  }
#startpage #markerlink a:link, #startpage #markerlink a:visited, #startpage #markerlink a:active, #startpage #markerlink a:hover { color:#db2227;  }

#startpage #markerlink {margin-top:30px;font-size:15px; }

#startpage #login { width: 250px;position: absolute;top: 5px; right:5px; }

/* Forms */

input, select, textarea { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; margin:0px; }
.textfield_middle { width:120px; margin: 1px; border: solid 1px #db2227; height:16px;}



.textfield_contentbig { width:320px; margin: 1px; border: solid 1px #8e8e8e; height:16px;}
.textfield_contentmiddle { width:150px; margin: 1px; border: solid 1px #8e8e8e; height:16px;}
.textarea_contentbig { width:320px; margin: 1px; border: solid 1px #8e8e8e; }
.textarea_contentmiddle { width:150px; margin: 1px; border: solid 1px #8e8e8e; }
.textfield_big { width:220px; margin: 1px; border: solid 1px #db2227; height:16px; float:left;}
.textfield_small { width:50px; margin: 1px; border: solid 1px #db2227; height:16px;}

/* label */
#adressen_labeldiv { line-height:18px;width:90px; float:left;clear: both; padding-bottom:5px; }
#adressen_inputdiv {  float:left;padding-bottom:5px; }


input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
#Button { background-color:#db2227; color:white; width: 150px; border:solid 0 #db2227; height:20px; padding-right: 5px; padding-left: 5px; }

.Button { background-color:#db2227; color:white; width: 150px; border:solid 0 #db2227; height:20px; padding-right: 5px; padding-left: 5px; }
.Button_small { background-color:#db2227; color:white; width: 100px; border:solid 0 #db2227; height:20px; padding-right: 5px; padding-left: 5px; }
.Button_small70 { background-color:#db2227; color:white; width: 70px; border:solid 0 #db2227; height:20px; padding-right: 5px; padding-left: 5px; }
.Button_middle { background-color:#db2227; color:white; width: 120px; border:solid 0 #db2227; height:20px;  }



/* Register */




#registerlist li
		{
			list-style: none;
			margin: 0;
			display: inline;
		}

#registerlist li a
		{
			padding: 3px 0.5em;
			margin-left: 0px;
			border: 1px solid #cbcbcb;
			border-bottom: none;
			background: #DDE;
			text-decoration: none;
		}

#registerlist li a:link { color: #db2227; }
#registerlist li a:visited { color: #db2227; }

#registerlist li a:hover
		{
			color: #000;
			background: #AAE;
			border-color: #cbcbcb;
		}

#registerlist li a#current
		{
			background-color: #e6e6e6;
			border-bottom: 1px solid #cbcbcb;
		}


/* Bilder */
#imgright { float: right; margin-left: 10px; padding-left: 10px;  }
#imgright div, #imgleft div {display: table;}
#imgright img, #imgleft img  { border:0px;}
#imgright label, #imgleft label  {  margin-top: 0px; margin-bottom: 5px; font-size: 9px; font-weight: lighter; text-align: left;display: table-caption;
 caption-side: bottom;
padding:3px;
 background-color:#E9E9E9;
 }





#imgleft {  float: left; margin-right: 10px; padding-right: 10px;  display: table;}

/* Content Darstellung */

#detailtext { font-size: 13px; margin-top: 10px;text-align: justify; }
#detailtext table, #detailtext tr, #detailtext td {border:0px; }

#videoplayer {margin-top:10px;margin-bottom:10px;float:left; }


#contentdetail { width: 580px; padding: 10px 4px; float: left; margin-right: 10px; }


#contentdetail #headerdiv { float:left;width: 580px;border-top: 1px solid #8e8e8e;border-bottom: 1px solid #8e8e8e;padding-top:2px;padding-bottom:2px;float:left; margin-bottom:10px;}
#contentdetail #headerdiv div {  margin-right: 4px;padding-right: 4px; font-size:11px; float:left;}
#contentdetail #headerdiv #date { float:left; border-right: 1px solid #8e8e8e;}
#contentdetail #headerdiv #category { float:left;}
#contentdetail #headerdiv #autor { float:left; border-right: 1px solid #8e8e8e;}

#contentdetail #headerdiv #rating {  color:#db2227;float:right;width: 180px;}
#contentdetail #headerdiv #articlerating  {  float:left;}
#contentdetail #headerdiv #rating_autor {  color:#db2227;float:right;}
#contentdetail #introtext {font-weight:bold; text-align: justify; font-size: 12px;}

#contentdetail #subline h3 { clear:both;float:left;border-right: 0px solid #8e8e8e;}

#contentdetail #article_actions { float:right; color:grey;}
#contentdetail #headertext { float:left; width:580px;}
#contentdetail h1 { font-size:18px; }
#contentdetail #imgleft label {
	font-size: 10px;
	margin-right: 11px;
	margin-left: 1px;
	margin-top: -5px;
 }

#detailtext p { padding-bottom:5px; }
#contentdetail #imgleft { float:left; max-width:300px;display: table;}
#imageslide { border: 1px solid #8e8e8e; padding:10px; }


/* Übersichtsseite */
#rating { float:right;}
#rating_autor { float:right;}

#headertext {  }
#subline {  margin-top: 4px; margin-bottom: 4px; }
#introtext { font-size: 12px; margin-top: 4px;  }
#readmore {
	float:right;
	color: #db2227;
	width: 100%;
	position: relative;
}
#readmore_alt { color: #db2227; font-size: 12px; margin-top: 10px; }


/* teaser */
#teaser {
	width: 575px;
	float: left;
	margin-right: 0px;
	border-bottom: 1px solid #8e8e8e;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 4px;
}
#teaser #imgright {
	width:155px;
	float: right;
	position: relative;
	margin-right: 2px;
}
#teaser #subline h3 { font-size: 12px;margin-top: 0px;}
#teaser #headerdiv {
	font-size: 10px;
	border-top: 1px solid #8e8e8e;
	border-bottom: 1px solid #8e8e8e;
	padding-top:2px;
	padding-bottom:2px;
	float:left;
	margin-bottom:10px;
	width:395px;
	float:left;
}

#teaser #headerdiv #infoline {  font-size:10px; color:black;float:left; width:280px; }
#teaser #introtext {
	float:left;
	font-size: 12px;
	margin-top: 4px;
	width:395px;
}

#teaser #headerdiv #rating {  color:#db2227;float:right;font-size: 10px;}
#teaser #headerdiv #rating_autor {  color:#db2227;float:right;font-size: 10px;}

/* teaser_text */
#teaser_text { width: 580px; margin-top:5px; }
#teaser_text div { border-right: 1px solid #8e8e8e; margin-right: 4px;padding-right: 4px; font-size:11px;display:inline;}
#teaser_text #dayname { float:left; width:15px;}
#teaser_text #date { float:left;width:40px;}
#teaser_text #time { float:left;width:40px;}
#teaser_text #category { float:left; }
#teaser_text #subline {  border-right: 0px solid #8e8e8e;}

/* autoren_teaser_text */
#autoren_teaser_text { width: 170px; margin-top:5px; float:left; font-size:10px; padding-left:5px; padding-right: 5px; padding-bottom:10px;}
#autoren_teaser_text a {
	clear: left;
	float: right;
	width: 115px;
	position: relative;
	margin-right: 20px;
	margin-bottom: -5px;
}
#autoren_teaser_text div {  margin-right: 4px;padding-right: 4px; font-size:11px;}
#autoren_teaser_text #dayname { float:left; width:15px; border-right: 1px solid #8e8e8e;}
#autoren_teaser_text #date { float:left;width:40px; border-right: 1px solid #8e8e8e;}
#autoren_teaser_text #time { float:left;width:40px;}
#autoren_teaser_text #category { float:left; }
#autoren_teaser_text #subline {  float:left;}

/* Highlight */

#highlightcontainer {  width: 580px; float:left;}
#highlightcontainer #registerlist
		{
			padding: 3px 0;
			margin-left: 0;
			margin: 0;
			border-bottom: 1px solid #cbcbcb;
			font-size: 15px;  font-weight: normal;


		}
#highlight { width:555px;background-color: #e6e3d2; background-color: #e0e0e0;float: left; padding: 10px 4px 10px 20px;  margin-bottom: 20px; border-right: 1px solid #919191; border-bottom: 1px solid #8e8e8e; border-left: 1px solid #cbcbcb; }
.anzeigentextber {
	width: 230px;
	float: right;
	position: relative;
	margin-right: 10px;
}
#highlight #headertext {
	font-size:  16px;
	line-height: 18px;
	width: 100%;
	float: right;
	position: relative;
}
#highlight #subline {
	font-size: 16px;
	line-height: 16px;
	margin-top: 4px;
	margin-bottom: 4px;
	float: right;
	position: relative;
	width: 100%;
}
#highlight #subline h3 { font-size: 14px;line-height: 16px; margin-top: 4px; margin-bottom: 4px; }
#highlight #introtext {
	font-size: 12px;
	margin-top: 4px;
	float: right;
	width: 100%;
	position: relative;
}
#highlight #imgleft img { }
#highlight #imgleft {
	float:left;
	width:300px;
	margin-left: -5px;
	float: left;
	font-size:10px;
	display: table;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#highlight #imgleft label {
 font-size: 10px;
}
#highlight #imgleft div {display: table;}


/* comments */


#commentscontainer {  width: 580px; float:left;margin-top:20px; }
#commentscontainer #registerlist
		{
			padding: 3px 0;
			margin-left: 0;
			margin: 0;
			border-bottom: 1px solid #cbcbcb;
			font-size: 12px;  font-weight: bold;
			font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;

		}
#comments { width:555px;float: left; padding: 10px 4px 10px 20px; margin-right: 20px; margin-bottom: 20px; border-right: 1px solid #919191; border-bottom: 1px solid #8e8e8e; border-left: 1px solid #cbcbcb; }
#comment { width:99%;float: left;  border-bottom: 1px solid #8e8e8e; padding-top: 10px; padding-bottom: 10px;  }
#comments input, #comments textarea { border: 1px solid grey; }



#comment #autor { font-weight:bold;float:left; padding-right:10px;display:inline}
#comment #datetime { float:left;display:inline; }
#comment #actions { float:right;display:inline; padding-right:10px;}
#comment #header { font-weight:bold;; font-size:15px;float:left;padding-top:10px;}
#comment #commenttext { float:left;font-size:11px; }


/* tellafriend */


#tellafriendcontainer {  width: 580px; float:left;margin-top:20px; }
#tellafriendcontainer #registerlist
		{
			padding: 3px 0;
			margin-left: 0;
			margin: 0;
			border-bottom: 1px solid #cbcbcb;
			font-size: 12px;  font-weight: bold;
			font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;

		}
#tellafrienddiv { width:555px;float: left; padding: 10px 4px 10px 20px; margin-right: 20px; margin-bottom: 20px; border-right: 1px solid #919191; border-bottom: 1px solid #8e8e8e; border-left: 1px solid #cbcbcb; }
#tellafriend { width:99%;float: left;  border-bottom: 1px solid #8e8e8e; padding-top: 10px; padding-bottom: 10px;  }
#tellafrienddiv  #teaser { width: 570px; padding: 10px 4px; float: left; margin-right: 10px; margin-bottom:20px; border-bottom: 0px solid #8e8e8e;}



/* abuse */


#abusecontainer {  width: 580px; float:left;margin-top:20px; }
#abusecontainer #registerlist
		{
			padding: 3px 0;
			margin-left: 0;
			margin: 0;
			border-bottom: 1px solid #cbcbcb;
			font-size: 12px;  font-weight: bold;
			font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;

		}
#abusediv { width:555px;float: left; padding: 10px 4px 10px 20px; margin-right: 20px; margin-bottom: 20px; border-right: 1px solid #919191; border-bottom: 1px solid #8e8e8e; border-left: 1px solid #cbcbcb; }
#abuse { width:99%;float: left;  border-bottom: 1px solid #8e8e8e; padding-top: 10px; padding-bottom: 10px;  }
#abusediv  #teaser { width: 570px; padding: 10px 4px; float: left; margin-right: 10px; margin-bottom:20px; border-bottom: 0px solid #8e8e8e;}






/*#wetter { position: absolute;top: 5px; left:570px;;height:52px;  overflow:hidden; z-index: 999; margin-bottom: 4px;}  */
#wetter { position: absolute;top: 5px; left:570px;;height:160px;  overflow:hidden; z-index: 999; margin-bottom: 4px;}


#wetterdummy { height:0px;  overflow:hidden; z-index: 999; margin-bottom: 4px;}
#wetter:focus {  }
#wetter:hover {  height:160px; }
#wetter:active {  }


			#wetterBoxDIV { float:left; width: 310px; background-color: white; padding:20px;float:left; }
			#wetterBox { float:left; width: 310px; background-color: white; padding:20px;float:left }
			#wetterBoxDIV-content { float:left; width: 310px; background-color: white; padding:20px;float:left }
			#currentWeather { float:left; width: 310px; height:60px; font-weight:bold;}
			#forecastWeather { float:left; width: 310px;height:60px;  }
			#icon { float:left; width: 50px;  }
			#weatherInfos { float:right; width: 250px;  }




#login {  margin-bottom: 4px;  }


/* Navigation */
#topnav { width:790px; clear: both; margin-bottom: 5px; }

#usernav { width:790px; height:22px;clear: both; margin-top: 5px; margin-bottom: 5px; background: #747478;}
#usernav a:link, #usernav a:visited, #usernav a:active, #usernav a:hover { color:white; }
#usernav div { color: white;height:22px; line-height:22px;}
#usernav #left { border-right: 1px solid white;float:left;padding-left:5px; padding-right:5px;}
#usernav #right { border-right: 1px solid white;float:right;padding-left:5px; padding-right:5px;}
#usernav #weatherLink { border-right: 1px solid white;float:right;padding-left:5px; padding-right:5px;}
#usernav .cityselector { border: 1px solid white; width:221px;height:20px; margin-top:1px; }
#usernav .usercity { font-weight:normal;margin-top:5px;margin-bottom:3px; }
#usernav optgroup,#usernav .mapoption { font-weight:bold; font-style: normal;font-size:12px;  color:black;}
#usernav .subcities { font-weight:normal;font-size:12px;}

/* Header */
#header { width: 790px;  clear: both; margin-bottom: 5px; z-index:0; }
#header #logo { width: 265px; height:75px;  float: left;  }
#headerrechts { width:160px; float:right;z-index:1;}
.searchfield { background-image: url(/xity_de/live/xity/_layoutpics/lupe.gif); background-repeat: no-repeat; background-position: right 0; width:155px; margin: 0px; border: solid 1px #747478; height:20px; padding-left:0px;}
#searchdiv { border-left:1px solid white; padding: 0px; margin:0px; float:right;}


/* Areas  */
#mainarea { width:790px;  margin-top: 20px; margin-bottom: 5px; }
#mainarea #left {width: 595px;float:left;}
#mainarea #rightdivblock {width: 180px; float:right; height:100%; }
#article_navi { width:580px; clear: both; margin-top: 5px; margin-bottom: 15px;border-bottom: 1px solid #8e8e8e;  }
#contentarea { width:595px;float:left; }
#detailcontentarea { width: 595px;float:left; }
#adsarea {   padding-left: 0px;width:180px;border: 1px solid #8e8e8e; margin-bottom:10px;}
#adsarea h3 { font-size: 11px; margin: 0 0 5px; color: #db2227; font-style: normal; text-align: left; padding-top: 4px; padding-bottom: 4px;  border-bottom: 1px solid #8e8e8e; }
#adsarea img { margin-bottom: 8px; }
#pageBrowse { width:610px; text-align: center;  font-size:10px;padding-top: 10px;}
#pathway { width:790px; clear: both; margin-top: 5px; margin-bottom: 5px; }


/* videoteaser */
#videoteaser {   padding-left: 0px;width:180px;border: 1px solid #8e8e8e;margin-bottom:10px; }
#videoteaser h3 { font-size: 11px; margin: 0 0 5px; color: #db2227; font-style: normal; text-align: left; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #8e8e8e;  }

/* localinfos */
#localinfos {   padding-left: 0px;width:180px;border: 1px solid #8e8e8e;margin-bottom:10px; }
#localinfos h3 { font-size: 11px; margin: 0 0 5px; color: #db2227; font-style: normal; text-align: left; padding-top: 4px; padding-bottom: 4px; border-bottom: 1px solid #8e8e8e;  }




/* search */

#searchresults {width:500px; }
#searchresults #query {font-weight:bold;}
#searchresults #header {font-weight:bold;color:#db2227; }
#searchresults #preview {margin-bottom:20px;}
#searchresults #header a:link, #searchresults #header a:visited, #searchresults #header a:active, #searchresults #header a:hover { color:#db2227; }
#searchresults #preview a:link, #searchresults #preview a:visited, #searchresults #preview a:active, #searchresults #preview a:hover { color:black; }


#searchresults #header a:visited { color: grey; }
#searchresults #preview a:visited { color: grey; }



/* ======= STAR-RATER ======== */
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
background: url(/xity_de/live/xity/_layoutpics/star.gif) left -1000px repeat-x;
}
.star-rating{
position:relative;
width:125px;
height:25px;
overflow:hidden;
list-style:none;
margin:0;
padding:0;
background-position: left top;
}
.star-rating li{
display: inline;
}
.star-rating a,
.star-rating .current-rating{
position:absolute;
top:0;
left:0;
text-indent:-1000em;
height:25px;
line-height:25px;
outline:none;
overflow:hidden;
border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
background-position: left bottom;
}
.star-rating .current-rating{
z-index:1;
background-position: left center;
}

.inline-rating{
display:-moz-inline-block;
display:-moz-inline-box;
display: inline-block;
vertical-align: middle;
}

.small-star{
width:50px;
height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
background-image: url(/xity_de/live/xity/_layoutpics/star_small.gif);
line-height: 10px;
height: 10px;
}



.small-starAutor{
width:50px;
height:10px;
}
.small-starAutor,
.small-starAutor a:hover,
.small-starAutor a:active,
.small-starAutor a:focus,
.small-starAutor .current-rating{
background-image: url(/xity_de/live/xity/_layoutpics/star_smallAutor.gif);
line-height: 10px;
height: 10px;
}
/* ======= /STAR-RATER ======== */




.element_visible
{
     display: block;
}

.element_hidden
{
     display: none;
}


fieldset {
	border: 0px ; padding: 0px; margin: 0px;
}




/*   Adressen */
#address_list {width:580px;border-bottom: 1px solid #8e8e8e;float:left;margin-bottom:10px;padding-bottom:10px;}
#address_detail h2 {font-size:12px; line-height: 12px; height:12px;padding:0px; margin:0px;}
#address_detail {float:left;width:580px;}
#address_detail #title {float:left;width:250px;}
#address_detail #address {float:left;width:150px;}
#address_detail #beschreibung {float:left;width:150px;}



/* Dates Auflisteung */


/* block rechts */
#blockrightdiv {width: 180px; float:left;}
#blockright #categoryright {background-color: #d8d9d7;color: black; float:left; padding: 2px;float:left; padding-left:5px;padding-right: 5px; width: 172px;}
#blockright #contentright { width:100%;border: solid 1px #d8d9d7;  margin-bottom: 10px; float:left;}
#teaser_right_text { float:left; width: 160px; padding-left:5px; padding-right: 5px; margin:0px;}
#teaser_right_text div { float:left; width: 160px; padding:0px;margin:0px;}
#teaser_right_text #header h3 { font-size: 12px; float:left;padding-right: 0px; }
#teaser_right_text #detailtext, #teaser_right_text #header { font-size: 11px; float:left; width: 160px;padding-right: 0px;}
#teaser_right_text #header { padding-bottom:5px; float:left;padding-right: 0px; }
#teaser_right_text #detailtext { margin-bottom: 10px;float:left;}


/* static */

#agbs ol li ol{ margin-top: 0; margin-bottom: 0; list-style-type: lower-alpha; }
#agbs p { font-weight: bold; padding:0;margin-bottom: 10px;}
#agbs li , #agbs ol{  margin: 1em 0 1em 20px; }

.facebook {
	float: right;
	position: relative;
	margin-top: 3px;
}