html,body {  
  height:100%;  																		 									
  text-align:center;  
}  
 
body {
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
  font-style:normal;      	
  font-weight:300;
  font-size:14px;
  text-align:center;																									
  color:#fff;		
  line-height:20px;	
  background-color:#434343;
  height:100%;
  background:url('../pics/tile_bg.png') repeat;
}

#rayz {
	background-image:url("/pics/rayz.png");
	background-repeat:no-repeat;
	background-position:center;
	width:100%;
	height:685px;
	position:absolute;
	z-index:-1;
}

#main_wrapper {
  width:960px;	
  margin:auto auto auto auto;
  text-align:justify;
  -moz-box-shadow:0px 3px 5px #000;
  -webkit-box-shadow:0px 3px 5px #000;
  box-shadow:0px 3px 5px #000;
}

#header {
  height:140px;
  background-color:#161616;
	background-image:url("/pics/header_bg.png");
	background-repeat:no-repeat;
	background-position:center;
}

#header p {
  text-align:left;
	width:230px;
	position:relative;
	left:320px;
	top:-20px;
  margin:auto auto auto auto;
	font-size:12px;
	line-height:14px;
}

#header p span#icon_karte {
  margin-left:20px;
	padding-left:17px;
	background-image:url("/pics/icon_karte.png");
	background-repeat:no-repeat;
}

#blue_divider {
  height:5px;
	line-height:0px;
	font-size:0px;
  background-color:#0ab4e1;
}

#menu_wrapper {
  width:960px;	
  margin:auto auto auto auto;
  text-align:left;
}

#logo {
	background-image:url("/pics/logo.png");
	background-repeat:no-repeat;
	width:316px;
	height:32px;
	position:relative;
	top:34px;
	left:10px;
}

#menu {
	margin-top:-30px;
}

#menu li {
	position:relative;
	top:86px;
	float:left;
	width:166px;
	height:52px;
	display:block;
  text-align:center;
	background-image:url("/pics/but_menu.png");
	background-repeat:no-repeat;
	margin:0px -3px 0px -3px;
}

#menu li.but_menu_active {
	background-image:url("/pics/but_menu_active.png");
}

#menu li a {
  display:block;
	padding-top:16px;
	padding-bottom:14px;
	margin-left:3px;
	margin-right:3px;
	margin-top:2px;
	color:#fff;
}

#menu li li {
  background-image:none;
	background-color:#131313;
	top:5px;
	margin:0px;
	text-align:left;
	padding-bottom:2px;
	display:none;
}

#menu li li a {
	padding-left:20px;
}

#menu li li a:hover {
	background-color:#3d3d3d;
}

#in_page_navi {
	position:fixed;
	width:150px;
	height:auto;
	background-color:#131313;
	left:50%;
	top:216px;
	margin-left:255px;
	padding-left:15px;
	padding-top:10px;
	-webkit-box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 5px 2px rgba(0, 0, 0, 1);
}

#in_page_navi ul {
	margin-left:0px !important;
	margin-top:10px;
}

#in_page_navi ul li {
	margin-left:0px !important;	
}

#in_page_navi ul li a.active {
  background-color:#333;	
}

/*------------------------------------------------------------------ 
[CONTENT] 
-------------------------------------------------------------------*/ 
#content {
  background-color:#262626;
  padding:70px;
}

#content p {
  margin-bottom:20px;	
}

#content img {
  float:right;
  margin-left:35px;
  margin-bottom:30px;
  border:5px solid #1d1d1d;
}

#content p img {
  margin-left:11px;
	margin-right:12px;
  margin-bottom:15px;
}

#content p.product_showcase img {
  margin-left:5px;
	margin-right:5px;
  margin-bottom:10px;
}

#content #map_canvas {
  margin-top:70px;
	border-top:1px solid #000;
	border-bottom:1px solid #434343;
}

#content #map_canvas img {
  float:none;
  margin:0px;
  border:none;
}

#content #map_info_window_content {
  background-color:#262626;
  padding:30px;
	overflow:hidden;
}

div.sub_content {
	background-color:#131313;
	margin:35px -70px 35px -70px;
	padding:35px 0px 35px 70px;
	border-top:1px solid #000;
	border-bottom:1px solid #434343;
	-webkit-box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 1);
}

div.content_highlighter {
	background-color:#131313;
	border-top:1px solid #000;
	margin-bottom:35px;
	padding-left:35px;
	padding-top:20px;
	padding-bottom:15px;
	padding-right:35px;
	border-bottom:1px solid #434343;
	-webkit-box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 1);
	box-shadow: inset 0px 0px 15px 2px rgba(0, 0, 0, 1);
}

/*------------------------------------------------------------------ 
[FOOTER] 
-------------------------------------------------------------------*/ 
#footer {
  /*width:960px;
  height:59px;*/
  border-top:1px solid #434343;
  margin:auto auto auto auto;
  background-color:#262626;
  text-align:center;
  font-size:12px;
}

#footer p {
  padding-top:18px;	
}

#footer p span {
	display:block;
	margin-bottom:20px;
	height:50px;
}

/*------------------------------------------------------------------ 
[UEBERSCHRIFTEN] 
-------------------------------------------------------------------*/ 
h1 {
  font-size:24px;
  font-weight:normal;
  margin-bottom:35px;
}

h2 {
  font-size:20px;
  font-weight:normal;
  margin-bottom:35px;
}

h3 {
  font-size:16px;
  font-weight:normal;
  margin-bottom:10px;
}

h4 {
  margin-bottom:10px;
}

/*------------------------------------------------------------------ 
[LINKS] 
-------------------------------------------------------------------*/ 
a {  
  text-decoration:none;
  outline:none;													 								/* entfernt die gepunktete Linie um Links */
	border: none;
} 

div#content p a, div#in_page_navi a, #header p a, div#content ul li a {  
  font-weight:bold;
  color:#0ab4e1;
	/*text-decoration:underline;*/
} 

div#content p a:visited, div.sub_content a:visited, div#footer p a:visited, div#in_page_navi a:visited, #header p a:visited, , div#content ul li a:visited {  
  color:#9aeaff !important;
} 

div#content p a:hover, div#in_page_navi a:hover, #header p a:hover, div#content ul li a:hover {  
  color:#fff;
	text-decoration:none;
  background-color:#0ab4e1;
  cursor:pointer; /* Handsymbol auch dann anzeigen, wenn kein href auf einem Link */
}

div.sub_content a, div#footer p a {
  color:#0ab4e1;
}

div.sub_content a:hover, div#footer p a:hover {
  color:#fff;
	text-decoration:none;
  background-color:#0ab4e1;
}

div#footer p a {
  margin:0px 6px 0px 6px;	
}

/*------------------------------------------------------------------ 
[LISTEN] 
-------------------------------------------------------------------*/ 
div#content ul, div#content ol {
  padding-bottom:7px;
  margin-left:10px;
}

div#content ul li {
  list-style:disc;
  list-style-position:outside;
  margin:0px 0px 10px 20px;
}

div#content ol li {
  list-style-type:decimal;
  list-style-position:outside;
  margin:0px 0px 10px 20px;
}
 
div#content ul li ul, div#content ol li ol {
  margin:10px 0px -10px 10px;
}

div#content ul li ul li {
  list-style:circle;
}
 
div#content ol li ol li {
  list-style:lower-alpha;
}

div.sub_content ul {
	font-size:12px;
  margin-left:0px !important;
	margin-top:30px !important;
	text-align:left;
}

div.sub_content ul li {
	list-style:none !important;
	margin:0px !important;
	float:left;
	width:160px;
	margin-right:135px !important;
}

.list_style_none li {
  list-style:none !important;  
}

/*------------------------------------------------------------------ 
[FORMS] 
-------------------------------------------------------------------*/
form input.input_text {
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
  font-style:normal;      	
  font-weight:300;
  font-size:14px;
  color:#fff;		
  background-color:#222;
	border:none;
	padding:5px;
  border:1px solid #333;
	
	float:right;
	width:290px;
	margin-right:20px;
	margin-top:-5px;
	height:23px;
	
	-moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  box-shadow: 0 0 6px rgba(10, 180, 225, 0);
  -webkit-box-shadow: 0 0 6px rgba(10, 180, 225, 0);
  -moz-box-shadow: 0 0 6px rgba(10, 180, 225, 0);
}

form input.input_text:focus, form textarea:focus {
  border:1px solid #0ab4e1;
  outline:none;
  box-shadow: 0 0 6px rgba(10, 180, 225, 1);
  -webkit-box-shadow: 0 0 6px rgba(10, 180, 225, 1);
  -moz-box-shadow: 0 0 6px rgba(10, 180, 225, 1);
}

form label {
  float:left;
	width:410px;
	margin-bottom:20px;
	margin-top:10px;
}

form label.nachricht {
  float:left;
	width:800px;
	margin-bottom:30px;
}

form textarea {
  width:710px;
	height:100px;	
  font-family:"Open Sans", Arial, Helvetica, sans-serif;
  font-style:normal;      	
  font-weight:300;
  font-size:14px;
  color:#fff;		
  background-color:#222;
	border:none;
	padding:5px;
  border:1px solid #333;
	overflow:hidden;
	resize:none;
	float:right;
	-moz-border-radius: 6px; 
  -webkit-border-radius: 6px;
  transition: all 0.5s ease-in-out;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  box-shadow: 0 0 6px rgba(10, 180, 225, 0);
  -webkit-box-shadow: 0 0 6px rgba(10, 180, 225, 0);
  -moz-box-shadow: 0 0 6px rgba(10, 180, 225, 0);
}

.round_button {
  float:right;
	width:120px;
	margin-right:20px !important;
	margin-bottom:20px !important;
}

/*------------------------------------------------------------------ 
[REST] 
-------------------------------------------------------------------*/
.clear {  
	clear:both;  
	visibility:hidden;  
	display:block;
} 
 
sub { /* Text tiefgestellt */
	vertical-align:sub;
	font-size:11px;  
}

sup { /* Text hochgestellt */
	vertical-align:super;
	font-size:11px;  
}

hr {
	border:0px;
	border-top:solid 1px #111;
	border-bottom:solid 1px #333;
	margin-bottom:20px;
	margin-top:10px;
	clear:both;
}

#error_message {
  display:none;
  position:relative;
  top:0px;
  left:0%;
  width:100%;
  height:50px;
  background-color:#e10000;
  padding:15px 15px 1px 15px;
  font-weight:bold;
  color:#fff;
	margin-bottom:20px;
}

#success_message {
  position:relative;
  top:0px;
  left:0%;
  width:100%;
  background-color:#3F0;
  padding:15px 15px 1px 15px;
  font-weight:bold;
  color:#000;
	margin-bottom:20px;
}

.versteckt {
  display:none;	
}