/* CSS Document */

html, body, input, textarea, select, option 
{
    font: 12px tahoma, verdana, arial, sans-serif;
}

body { 
	padding: 0; 
	margin: 0; 
	color: #000000;
	background: #3C3C3C;
	line-height: 1.5em; 
}

a {	color: #f9a11c;	}
a:active {	color: #f9a11c;	}
a:visited {	color: #f9a11c;	}
a:hover { color: #747474;}

form {
   display: inline;
   margin: 0;
}

li {
	list-style: none;
}

 ul, li {
	margin: 0;
	padding: 0;
	border: 0;
}

h3 {
	clear: both;
	width: 740px;
	float: left;	
	background: #DDD url('../images/corner.gif') no-repeat top right;
	color: #747474;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 0px 0;
}

/* Layout */

.header { 
   position: relative;
   overflow: hidden;
   width: 910px;
   height: 8.6em;
   margin: 0 auto;
   overflow: hidden;
 
}

.main {
	text-align: center;
 	clear: left;
	background: #FFF;
	border-top: 1px solid #ccc;
}

.container {
	width: 910px;
	overflow: hidden;
	padding: 0 10px 3em 10px;
	margin: 0 auto;
	text-align: left;
}

.inner_container {
 	width: 740px;
	float: left;
}

.content {
	width: 720px;
	float: left;
	padding: 10px;
	background-color: #FFFFFF;
}

.footer { 
	clear: both;
	text-align: center;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.3em;
}

/* Search Bar */


.SearchBar {
	clear: both;
	width: 740px;
	float: left;	
	padding: 8px 0px 8px 0px;
	margin: 0;
	text-align: center;
}

.SearchBar input {
	border: 1px solid #999999;
	padding: 4px;
}

.SearchButton {
	width: 80px;
}

/* Login Box */

.LoginBox {
	position: absolute;
	top: 0;
	right: 0;
	clear: right;
	color: #444444;
	margin-top: 5px;
	padding: 7px 20px 10px 20px;
	border: 1px solid #ccc;
	background-color: #f7f7f7;
}
	.LoginBox ul {
		float: left;
	}

	.LoginBox li {
  		float: left;
		width: 180px;
		font-size: 0.9em;
	}

	.LoginText {
		border: 1px solid #999999;
		margin: 1px;
		padding: 2px;
		width: 170px;
	}
	
	.LoginButton {
		border: 1px solid #999999;
		margin: 19px 1px 1px 1px;
		padding: 2px;	
		width: 80px;
		font-size: 0.9em;
	}

/* Menu */

#nav {
	position: absolute;
	bottom: -1px;
	left: 0;
	width: 910px;
	font-size: 1.2em;
	line-height: 2.07;	
}

	#nav li {
		float: left;
		margin-right: 5px;
	}

	#nav a {
			display: block;
			float: left;
			width: 7em;
			height: 2.07em;
			padding-bottom: 0.07em;
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-weight: bold;
			text-align: center;
			color: #f9a11c;
			border: 1px solid #ccc;
			text-decoration: none;
	}

	#nav .LocationEintragen a {
		background-color: #DDD;
		float: right;
		width: 12em;
	}
	
	#nav .LocationEintragen {
		float: right;
		width: 12em;
		margin-right: 0;
	}

	#nav a:hover, #nav a:active, #nav a:focus {
			text-decoration: none;
			background-color: #f9a11c;
			color: #fff;
	}

	#steuerzentrale a {
			display: block;
			float: left;
			width: 7em;
			height: 2.07em;
			padding-bottom: 0.07em;
			font-size: 11px;
			font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
			font-weight: bold;
			text-align: center;
			color: #f9a11c;
			border: 1px solid #ccc;
			text-decoration: none
	}

/* HoverDiv */
.HoverDiv  {
	background-color: #DDD;
	padding: 10px;
	font-size: 1.2em;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana;
	font-weight: bold;
	text-align: center;
	color: #f9a11c;
	border: 1px solid #ccc;
	text-decoration: none;
}

.HoverDiv:hover {
	text-decoration: none;
	background-color: #f9a11c;
	color: #fff;
}
	
/* Input Fields */

input[type=text], textarea, input[type=password], select {
	border: 1px solid #999999;
	margin: 1px;
	padding: 2px;
}

/* Messages */

#ErrorMessage {
	width: 700px;
	border: solid 1px #FF0000;
	margin: 0 auto;
	margin-top: 5px;
	padding: 5px;
	background: #FFCCCC;
	font-weight: bold;
	color: #FF0000;
	text-align: center;
	}
	
#SuccessMessage {
	width: 700px;
	border: solid 1px #00FF00;
	margin: 0 auto;
	margin-top: 5px;
	padding: 5px;
	background: #CCFFCC;
	font-weight: bold;
	color: #00CC00;
	text-align: center;
	}	

/* TagCloud */

.TagCloud { 
 	padding:10px 5px 10px 5px;
	}
 
.tag1{ font-size:1em; color:#555555; line-height:1em; }
.tag2{ font-size:1.2em; color:#606060; line-height:1em; }
.tag3{ font-size:1.4em; color:#808080; line-height:1em; }
 
.TagCloud a{ text-decoration:none; }
.TagCloud a:hover{ text-decoration:underline; }


/* Validation */

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF0000;
	color : #FF0000;
}

.validation-advice {
	margin: 3px 0;
	padding: 3px;
	background-color: #FF3300;
	color : #FFF;
	font-weight: bold;
	font-size: 9px;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color : #000;
}


/* Auto-Complete */
div.autocomplete {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}

div.autocomplete ul li.selected { background-color: #ffb;}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:20px;
  cursor:pointer;
}

/* Tables */

table {
	border-collapse: collapse;
}

thead, tfoot {
	background-color: #BBB;
}

td, th {
	padding: 0.5em;
	border: 1px solid #CCC;
}

.roweven {
	background-color: #DDD;
}

.rowodd {
	background-color: #FFFFFF;
}

.hover {
	background-color: #FFCC00;
}

.sortcol {
	cursor: pointer;
	padding-right: 20px;
	background-repeat: no-repeat;
	background-position: right center;
}

.sortasc {
	background-color: #DDFFAC;
	background-image: url(../images/up.gif);
}

.sortdesc {
	background-color: #B9DDFF;
	background-image: url(../images/down.gif);
}

.nosort {
	cursor: default;
}

/* Ads */

.right_ad {
    float: right;
    width: 160px;
	margin-top: 20px;
}

.top_ad {
	width: 910px;
    margin: auto;	
}


/* Form */

.Label {
	width: 23%;
	margin: 1px 0 4px 0;
	font-weight: bold;
	padding-right: 6px;
	text-align: right;
	float: left;
}

.FormElement {
	width: 75%;
	margin: 0 0 5px 0;
	float: left;
}

.Submit {
	border: 1px solid #999999;
	margin: 1px;
	padding: 2px;
	width: 150px;
}
/* Global */

.ContentLeft {
	float: left;
	width: 44%;
	padding-right: 10px;
	}
	
.ContentRight {
	float: left;
	width: 50%;
	}

/* MainIndex */

.MainCitiesLeft {
	width: 240px;
	padding-right: 10px;
	float: left;
	}
	
.MainCitiesRight {
	width: 460px;
	float: left;
	}	

.CitiesLeft {
	float: left;
	text-align: left;
	width: 50%;
	}
	
.CitiesRight {
	float: left;
	text-align: left;
	width: 50%;
	}

/* CityIndex */

.CityLeft {
	float: left;
	width: 44%;
	}
	
.CityRight {
	float: left;
	width: 50%;
	}
	
.CityLocation {
	padding: 3px;
	}
	
.CityLocationTags {
	color: #999999;
	}	
	
.CityEventTags {
	color: #999999;
	}			

.CityEvents {
	margin-bottom: 10px;
	}
	
.CityTopic {
	padding: 5px;
	}	

/* Search */

.SearchCity {
	float: left;
	width: 49%;
	}

/* Topic */

.TopicComment {
	padding: 5px;
	border-bottom: solid 1px #666666;
	}
	
.TopicCommentHead {
	border-bottom: solid 1px #DDD;
	}	

	
/* EventDetail */

.EventDetailLeft {
	float: left;
	width: 60%;
	}
	
.EventDetailRight {
	float: left;
	width: 38%;
	margin-left: 5px;	
	}	
	
.EventMenuLink {
	text-align: right;
	padding: 1px;
	margin: 1px;
	border-bottom: solid 1px #DDD;
}

.EventMenuLink:link .EventMenuLink:visited {
	background: #FFF;
}

.EventMenuLink:hover {
	background: #DDD;
}	
	
/* LocationDetail */

.LocationDetailLeft {
	float: left;
	width: 60%;
	}
	
.LocationDetailRight {
	float: left;
	width: 38%;
	margin-left: 5px;	
	}

.LocationLabel {
	width: 30%;
	padding-right: 10px;
	font-weight: bold;	
	text-align: right;
	float: left;
}

.LocationValue {
	width: 65%;
	float: left;
	padding-bottom: 5px;
}

.LocationMenu {

}

.LocationMenuLink {
	text-align: right;
	padding: 1px;
	margin: 1px;
	border-bottom: solid 1px #DDD;
}

.LocationMenuLink:link .LocationMenuLink:visited {
	background: #FFF;
}

.LocationMenuLink:hover {
	background: #DDD;
}

/* UserProfil */


.UserDetailLeft {
	float: left;
	width: 60%;
	}
	
.UserDetailRight {
	float: left;
	width: 38%;
	margin-left: 5px;	
	}	
	
.UserMenuLink {
	text-align: right;
	padding: 1px;
	margin: 1px;
	border-bottom: solid 1px #DDD;
}

.UserMenuLink:link .UserMenuLink:visited {
	background: #FFF;
}

.UserMenuLink:hover {
	background: #DDD;
}	
	


/* Calendar */

td.today {
	background: #EEE;
}

td.prev-next {
	background: #DDD;
}


/* LocationUpdate */

.LocationTagoffen {
	width: 80px;
	float: left;
}
.LocationZeitoffen {
	margin: 0 0 4px 0;
}