@charset 'utf-8';
@import url("navigation.css");
/* Projektname: 
   Kunde: 
   Autor: 
*/
body {
	font-family: 'Lucida Grande', 'Lucida Sans',Arial, sans-serif;
	margin:0;
	background: url(style/bg-pages.png) repeat-x #4D4D4D;
	}
	
#content ul {
	padding:  0px 0px 0px 15px;
	
}

#content li {
	font-size: 13px;
	color: #555;
	line-height: 20px;
	text-shadow: 0px 1px 0px #FFF;
	list-style: circle;
	border-bottom: 1px solid #BBB;
	margin-bottom: 10px;
	padding-bottom: 5px;
}
/* ---------------------------------------------------------------------------------------------------------- PAGES */

table {
	background: none;
	float: left;
	font-size: 11px;
	text-shadow: 0px 1px 0px #FFF;
	margin: 10px 0px 10px 0px;
}

#pages {
	width: 960px;
	height: auto;
	margin: auto;
}
#mobile {
	display: none;
}

#pages #sidebar {
	background: none;
	padding: 15px 0px 0px 30px;
}
#pages #header {
	height: 120px;
	background: url(style/bg-header-img-pages-3.png) no-repeat left top;
	float: left;
	margin: 0;
}
#pages #header-info {
	background: url(style/bg-logo-pages.png) no-repeat left top;
	float: left;
	margin-left: 420px;
	
}

label {
	float: left;
	width: 200px;
	clear: both;
	margin-bottom: 10px;
}
#content input {
	float: left;
	width: 200px;
	clear: both;
	height: 20px;
	margin-bottom: 10px;
}
#content select {
	float: left;
	width: 200px;
	clear: both;
	margin-bottom: 10px;
}
#content textarea {
	float: left;
	clear: both;
	width: 100%;
	height: 200px;
}	
	
/* ---------------------------------------------------------------------------------------------------------- Schriften  --*/
h1 {font-size:24px; color:#FFF; margin:0; font-weight:normal; text-align:center; text-shadow: 0px 1px 0px #000;}
h2 {font-size:36px; color:#333; margin:5px 0 15px 0; font-weight:normal; text-shadow: 0px 1px 0px #FFF;}
h3 {font-size:22px; color:#FFF; margin:25px 0 15px 0; font-weight:lighter; text-shadow: 0px 1px 0px #000;}
h4 {font-size:16px; color:#333; margin:30px 0 0px 0; font-weight:bold; text-shadow: 0px 1px 0px #FFF; float:leftM}
h5 {font-size:14px; color:#AF9EB2; margin: 25px 0 10px 0; font-weight:lighter; text-shadow: 0px 1px 0px #000;}
h6 {font-size:18px; color:#FFF; margin: 0 0 20px 0; font-weight:lighter; text-shadow: 0px 1px 0px #000;}

#sidebar h3 {font-size:22px; color:#AF9EB2; margin:25px 0 15px 0; font-weight:lighter; text-shadow: 0px 1px 0px #000;}

a {font-size: ;color:#666; text-decoration:none;}
a:visited {color:#666;}
a:hover {color: #333; text-decoration:none;}
a:active {color: #333;}
a:focus {outline:none;}

#content a {font-size: ;color:#222; font-weight: bold; text-decoration:underline;}
p{
	font-size: 13px;
	color: #555;
	line-height: 20px;
	text-shadow: 0px 1px 0px #FFF;
}
#editorial p, #sidebar p, #sidebar a{
	color: #AF9EB2;
	font-size: 12px;
	text-shadow: 0px 1px 0px #000;
}



li{
	list-style: none;
}

.rechts {
	border:5px solid #FFF;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	float:right;
	margin:10px 0 20px 20px;
}
.links {
	border:5px solid #FFF;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
	margin:20px 20px 20px 0;
	float:left;
}
#content img {
	border:5px solid #FFF;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}
#header img {
	border:none;
	float: left;
}


#sidebar img {
	margin:0 5px -4px 0;
}
/* ---------------------------------------------------------------------------------------------------------- Schriften */

.box {
	width: 300px;
	height: auto;
	padding:10px 0px 10px 20px;
	float: left;
}

#index {
	width: 960px;
	height: auto;
	margin: auto;
}
#header {
	width: 960px;
	height: 210px;
	float: left;
	background: url(style/bg-header-img.png) no-repeat left top;
}
#header-info {
	width: 290px;
	height: 210px;
	float: right;
	background: url(style/bg-logo.png) no-repeat left top;
	
}
#header-info li{
	list-style: none;
	float: left;
	margin: 5px 5px 0px 5px;
	font-size: 11px;
	text-shadow: 0px 1px 0px #FFF;
}

#navigation {
	width: 960px;
	height: 38px;
	float: left;
	margin-left: -2px;

}
#mainbar {
	width: 650px;
	height: auto;
	float: left;
	
}
#editorial {
	width: 640px;
	height: 160px;
	float: left;
}

#content {
	width: 608px;
	height: auto;
	min-height: 500px;
	margin-top: 20px;
	padding: 20px;
	float: left;
	background: #FFF;
	-webkit-box-shadow: 0 0 15px #000;
	-moz-box-shadow: 0 0 15px #000;
	box-shadow: 0 0 15px #000;
	background: url(style/bg-content.png) repeat-x #DDD;
	border: 1px solid #FFF;
}
#sidebar {
	width: 280px;
	height: 400px;
	padding: 10px 0px 0px 30px;
	float: left;
	background: url(style/bg-sidebar.png) no-repeat;
}

#sidebar input {
	width: 200px;
	height: 25px;
	float: left;
	border: none;
	background: url(style/input.png) no-repeat;
	color: #AF9EB2;
	font-style: italic;
	padding: 1px 2px 2px 5px;
}

#footer {
	width: 100%;
	height: 20px;
	float: left;
	bottom: 0px;
	left: 0px;
	background: url(style/bg-footer.png) no-repeat #222;
	padding-top: 10px;
	position: fixed;
	text-align: center;
	color: #999;
	font-size: 10px;
	border-top: 1px solid #333;
	-webkit-box-shadow: 0 0 5px #000;
	-moz-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000;
}


.aktuelles-index {
	font-size: 11px;
	text-shadow: 0px 1px 0px #FFF;
	color: #666;
}
.aktuelles-index h5 a {
	margin:-10px 0px 0px 0px;
	color:#4B2B55;
	font-weight: bold;
	font-size: 20px;
	text-decoration:none;
	 text-shadow: 0px 1px 0px #FFF;}

#slider {
	float: right;
}