@charset "utf-8";
/* CSS Document */

html {
	margin:0px;
	padding:0px;
}

body {
	background-color:#000000;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}

html, body, textarea {
  scrollbar-base-color:#000;
  scrollbar-3d-light-color:#222;
  scrollbar-arrow-color:#000;
  scrollbar-darkshadow-color:#111;
  scrollbar-face-color:#111;
  scrollbar-highlight-color:#222;
  scrollbar-shadow-color:#111;
  scrollbar-track-color:#000;
}


img.bg {
	width: 100%;
	position: absolute;
	top: 180px;
	left: 0;
	z-index: 5000;
}

#website {
	position: absolute;
	width:940px;
	left:50%;
	margin-left:-471px;
	top:0;
	z-index: 8888;
}

#header {
	width:940px;
	height:140px;
	top:0px;
	padding:0px;
	position:relative;
	float:left;
}

#logo {
	background:url(logo_lichtstadt.jpg) no-repeat;
	width:382px;
	height:220px;
	position:relative;
	float:left;
}	

#navigation_main {
	width:515px;
	padding-top:40px;
	text-align:left;
	position:relative;
	float:right;
	clear:right;
}

ul {
	padding:0px;
	margin:0px;
}

#navigation_header {
	float:left;
	width:420px;
}

#navigation_header li {
	float:left;
	padding-right:40px;
	list-style:none;
	padding-top:0px;
	margin-top:0px;
}

#navigation_header a,
#navigation_header a:link,
#navigation_header a:active,
#navigation_header a:visited {
	color:#727272;
	font-size:11px;
	text-decoration:none;
	padding-top:0px;
	margin-top:0px;
}

#navigation_header li#current a,
#navigation_header a:hover {
	color:#fcf7c4;
}

a#logo_klein {
	display:block;
	background:url(logo_lichtstadt_klein.jpg) no-repeat;
	width:91px;
	height:28px;
	text-indent:-2000px;
	float:left;
	position:relative;
}

#content {
	width:950px;
	min-height:560px;
	padding:0px;
	float:left;
	position:relative;
}

#left_column {
	width:355px;
	padding-left:70px;
	padding-top:20px;
	text-align:left;
	position:relative;
	float:left;
	
}

a.bestellen {
	display:block;
	background:url(teaser_kalender.jpg) no-repeat;
	width:289px;
	height:166px;
	text-indent:-2000px;
	position:absolute;
	top:80px;
	margin:0px;
	padding:0px;
}

a.bestellenhover {
	display:block;
	background:url(teaser_kalender_aktiv.jpg) no-repeat;
	width:289px;
	height:166px;
	text-indent:-2000px;
	position:absolute;
	top:80px;
	margin:0px;
	padding:0px;
}

#main {
	width:520px;
	font-size:12px;
	line-height:18px;
	text-align:left;
	position:relative;
	float:left;
	color:#fcf7c4;
}

#main a,
#main a:link,
#main a:active,
#main a:visited {
	color:#727272;
	font-size:11px;
	text-decoration:none;
	padding-top:0px;
	margin-top:0px;
}

#main a:hover {
	color:#fcf7c4;
}

#main h1 {
	line-height:24px;
	font-size:18px;
	color:#fcf178;
	font-weight:normal;
}

#main h2 {
	line-height:20px;
	font-size:16px;
	color:#fcf178;
	font-weight:normal;
}

#download img {
	border:1px solid #727272;
}

#clearer {
	clear:both;
}

#footer {
	position:absolute;
	width:890px;
	padding-left:50px;
	left:50%;
	margin-left:-471px;
	bottom:20px;
	z-index: 9999;
	color:#222;
	font-size:10px;
}

#footer a,
#footer a:link,
#footer a:active,
#footer a:visited {
	color:#222;
	text-decoration:none;
}

#footer a:hover {
	color:#333;
}

#footer_left {
	padding-top:10px;
	padding-left:40px;
	position:relative;
	float:left;
}

#footer_middle {
	padding-top:10px;
	padding-left:40px;
	position:relative;
	float:left;
}

#footer_right {
	padding-top:3px;
	padding-right:100px;
	position:relative;
	float:right;
}

/***
	Kontaktformular
***/
		
		

		div#content input[type=text] {
			padding-left:2px;
			float: left;
			height:14px;	
			border: 1px solid #dcd7a6;
			background-color: #fcf7c4;
			font-size:10px;
			color: #000;
			width:110px;
		}

		div#content select {
			padding-left:2px;
			float: left;
			height:20px;	
			border: 1px solid #dcd7a6;
			background-color: #fcf7c4;
			font-size:10px;
			color: #000;
			
		}

		div#content input.button {
			width:195px;
			padding:2px;
			margin-top:5px;
			line-height:14px;
			text-align:center;
			position:relative;
			float:left;
			border: 1px solid #dcd7a6;
			background-color:#fcf7c4;
			font-size:10px;
			font-weight:bold;
			color: #000;
		}
		
		div#content input.button:hover {
			background-color:#fff275;
		}