@charset "utf-8";
/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic);
html {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	margin: 0;
	padding:0;
	height: 100%;
	background: #a5b29d;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2E1YjI5ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ2JSIgc3RvcC1jb2xvcj0iI2U2ZWZlNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top, #a5b29d 0%, #e6efe6 46%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5b29d), color-stop(46%,#e6efe6));
background: -webkit-linear-gradient(top, #a5b29d 0%,#e6efe6 46%);
background: -o-linear-gradient(top, #a5b29d 0%,#e6efe6 46%);
background: -ms-linear-gradient(top, #a5b29d 0%,#e6efe6 46%);
background: linear-gradient(to bottom, #a5b29d 0%,#e6efe6 46%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5b29d', endColorstr='#e6efe6',GradientType=0 );
	background-attachment:fixed;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.5em;
	font-size:0.9em;
}

#dunkel {
	position:absolute;
	background:#000;
	width:100%;
	height:200%;
	z-index:6;
	display:none;
}

#meldung {
	border:1px solid black;
	top: 30%;
	position: absolute;
	left:40%;
	margin: 0 auto;
	background:white;
	padding-bottom:10px;
	z-index:7;
	display:none;
	text-align:center;
}

#balken {
	position:absolute;
	width:100%;
	top:0;
	height:40px;
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #666666 50%, #333333 51%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#666666), color-stop(51%,#333333), color-stop(100%,#666666));
	background: -webkit-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: -o-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: -ms-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: linear-gradient(to bottom, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
	z-index:2;
}

#fotorahmen {
	position:fixed;
	background:url(images/bg_fotos.png);
	width:100%;
	height:100%;
	top:0;
	z-index:6;
	display:none;
	text-align:center;
	padding:0;
	color:#666666;
	padding-top:10px;
	overflow:auto;
}

#kopf_fotoalbum {
	position:relative;
	color: #FFFFFF;
	top:-10px;
	text-align:right;
}

#rueckmeldung {
	overflow:auto;
}

#fotorahmen a {
	color:#999999;
}

#container {
	position: relative;
	top:-200px;
	margin: 0 auto;
	width:950px;
	z-index:5;
}

#header {
	background:url(images/header.jpg);
	position: relative;
	margin: 0 auto;
	top:50px;
	width:950px;
	height:222px;
	border-radius:15px;
	z-index:3;
}

#firmenname {
	display:none;
	position:relative;
	top:100px;
	padding:10px;
	color:#FF0;
	font-size:3.0em;
	font-weight:bold;
	text-align:right;
	text-shadow:0 0 8px black;
}

#over_header {
	display:none;
	position: absolute;
	top:0;
	left: 10px;
	width: 930px;
	text-align:right;
	z-index:5;
}

#printheader {
	display:none;
}

#balken_bereiche {
	position: relative;
	display:table;
	height:40px;
	width:100%;
	top:-222px;
	z-index:4;
	line-height:1em;
}

#bereiche {
	display:table-row;
	list-style-type:none;
	height:40px;
}

#bereiche li {
	display:table-cell;
	background: #999999;
	background: -moz-linear-gradient(top, #999999 0%, #666666 50%, #333333 51%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(50%,#666666), color-stop(51%,#333333), color-stop(100%,#666666));
	background: -webkit-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: -o-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: -ms-linear-gradient(top, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	background: linear-gradient(to bottom, #999999 0%,#666666 50%,#333333 51%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#666666',GradientType=0 );
	/*border:1px solid black;
	border-right:none;*/
	text-align:center;
}

#bereiche li:hover {
	background: #84967f;
	background: -moz-linear-gradient(top, #84967f 0%, #586354 50%, #30352e 51%, #556050 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#84967f), color-stop(50%,#586354), color-stop(51%,#30352e), color-stop(100%,#556050));
	background: -webkit-linear-gradient(top, #84967f 0%,#586354 50%,#30352e 51%,#556050 100%);
	background: -o-linear-gradient(top, #84967f 0%,#586354 50%,#30352e 51%,#556050 100%);
	background: -ms-linear-gradient(top, #84967f 0%,#586354 50%,#30352e 51%,#556050 100%);
	background: linear-gradient(to bottom, #84967f 0%,#586354 50%,#30352e 51%,#556050 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#84967f', endColorstr='#556050',GradientType=0 );
	/*border-left:1px solid #030;
	border-right:1px solid #030;*/
	cursor:pointer;
}

#bereiche a {
	color:white;
	display:block;
	padding:10px;
}

#admintools {
	font-size:smaller;
	background:#CEF;
	border: 1px dashed darkblue;
	padding:5px;
}

#admintools h1 {
	color:darkblue;
	font-size:large;
}

#admintools h2 {
	color:darkblue;
	font-size:small;
}

#admintools input {
	font-size:smaller;
	border-radius:0;
	border: 1px solid #9CF;
}


#navigation {
	width: 150px;
}

#navigation ul {
	padding:0;
	margin-left:-20px;
}

#navigation ol {
	padding:0;
	margin:0;
	padding-left:10px;
}

#navigation li {
	list-style:none;
	background: none;
	font-weight:bold;
}

#navigation li:hover {
	background: #cccccc;
background: -moz-linear-gradient(top, #cccccc 0%, #aaaaaa 50%, #777777 51%, #aaaaaa 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cccccc), color-stop(50%,#aaaaaa), color-stop(51%,#777777), color-stop(100%,#aaaaaa));
background: -webkit-linear-gradient(top, #cccccc 0%,#aaaaaa 50%,#777777 51%,#aaaaaa 100%);
background: -o-linear-gradient(top, #cccccc 0%,#aaaaaa 50%,#777777 51%,#aaaaaa 100%);
background: -ms-linear-gradient(top, #cccccc 0%,#aaaaaa 50%,#777777 51%,#aaaaaa 100%);
background: linear-gradient(to bottom, #cccccc 0%,#aaaaaa 50%,#777777 51%,#aaaaaa 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccccc', endColorstr='#aaaaaa',GradientType=0 );
}

#navigation a {
	display:block;
	color:#300;
	padding:5px;
}

#navigation a:hover  {
	color: white;
}


#content {
	position: relative;
	width: 950px;
	margin-right: 15px;
	padding: 20px;
	padding-left:0;
	margin-top:0;
	margin-bottom:0;
	padding-bottom:0;
	min-height: 200px;
	/*background:#ffffff;*/
	z-index:2;
}

#cpr {
	top:0;
	color:gray;
}

#cpr a{
	color:orange;
}

#printfooter {
	display:none;
}

a:link {
	text-decoration: none;
	font-weight:bold;
	color:#006;
}

a:visited {
	text-decoration: none;
	font-weight:bold;
	color:#006;
}

a:hover {
	text-decoration: underline;
	font-weight:bold;
	color:#06F;
}

.button {
	font-weight:bold;
	border-color:#006;
	border-style:solid;
	border-width:1px;
	border-radius:15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	-khtml-border-radius: 15px;
}

.copy {
	text-align:right;
	font-size:small;
	font-style:italic;
}

#beschreibung {
	display:block;
}

#tech_date {
	display:none;
}

#bilder {
	display:none;
}

#footer {
	display:table;
	position:absolute;
	width: 910px;
	bottom: 10px;
}

.contcell {
	display:table-cell;
	padding:20px;
	background:white;
	top:200px;
	border-radius:20px;
	padding-top:0;
	width:100%;
}

.shopbalken {
	font-weight:bold;
	background: #003366; /* Old browsers */
background: -moz-linear-gradient(left, #003366 0%, #003366 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003366), color-stop(50%,#003366), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #003366 0%,#003366 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #003366 0%,#003366 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #003366 0%,#003366 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to right, #003366 0%,#003366 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003366', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
	margin-top:10px;
	margin-bottom:10px;
	margin-left:-20px;
	padding:3px;
	padding-left: 18px;
	color:white;
}

#over_header input {
	color: gray;
}

#over_header input:focus {
	color:yellow;
}

#over_header a:link {
	color: #003366;
}

#over_header a:visited {
	color: #003366;
}

#sidebar1 {
	display:none;
	width: 150px;
	padding-left:20px;
	padding-top:155px;
	margin-bottom:10px;
	line-height:1.1;
	background:lightgray;
	z-index:6;
}

#sidebar2 {
	display:none;
}

.dropdown {
	position:absolute;
	background:none;
	display:none;
	margin-left:-40px;
	/*top:40px;*/
	z-index:50;
}

#bereiche li .drop {
	display:block;
	background:#545f50;
	background:rgba(84,95,80,0.7);
	color:yellow;
}

#bereiche li .drop:hover {
	background:none;
	background:rgba(84,95,80,0.3);
}

#wappen {
	position:relative;
	margin:0 auto;
	background:url(images/kernen.png);
	transform:rotate(-15deg);
	-ms-transform:rotate(-15deg); /* für ältere IE Versionen */
  -moz-transform:rotate(-15deg); /* für ältere FireFox Versionen */
  -webkit-transform:rotate(-15deg); /* für ältere Safari und Chrome Versionen */
  -o-transform:rotate(-15deg); 
  	left:-470px;
	top:90px;
	width:159px;
	height:200px;
	z-index:80;
}

.fenster {
	position:absolute;
	top:250px;
	left:10px;
	width:910px;
	height:50%;
	overflow:auto;
	background:#FFFFCC;
	padding:10px;
	border:1px solid black;
	display:none;
	z-index:89;
}

@media only screen and
(max-width:950px)
{
	#container {
		width:100%;
	}
	#wappen {
	}
	#content {
		width:100%;
	}
	
}

.seiteAB {
	width:80%;
}