/* CSS Document */

/*

orange: 		#EE7D00
hellgrau: 		#E4E4E4
dunkelgrau: 	#1E1E1E

border: 		#ACACAC

*/

@font-face 
{
    font-family: 'Open Sans';
    src: url('font/OpenSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face 
{
    font-family: 'Open Sans';
    src: url('font/OpenSans-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}


html
{
	height:100%;
	box-sizing:border-box;
}

body
{
	margin:0px;
	padding:0px;
	font-family:'Open Sans';
	font-size:12px;
	background-size:100%;
	background-repeat:no-repeat;
	background-attachment:fixed;
	position:relative;
	min-height:100%;
}

ul, li, h1,h2, p { margin:0px; padding:0px; }
h1 { font-size:20px; margin-bottom:15px; }
h2 { font-size:16px; margin-bottom:15px; }
p { margin-bottom:10px; line-height:1.6em; }
a { color:#1E1E1E; text-decoration:none; }
a:hover { color:#EE7D00; }

label { width:60px; display:inline-block; }

/************************************************************************************* CONTAINER */

#container
{
	margin:auto;
	background-color:#ffffff;
}

/************************************************************************************* HEADER */

#header_container
{
	background-color:#353C41;
	padding:10px 0px 0px 0px;
    height:80px;
}

#header
{
	width:1100px;
	margin:auto;
	position:relative;
    height:80px;
}

#logo { display:block; float:left; margin-top:10px;}
#logo img { height:55px; }

/************************************************************************************* MENU */

#menu
{
	margin:auto;
	text-align:center;
	float:left;
	margin-top:52px;
}

#menu ul li
{
	display:inline-block;
	padding:0px 20px 20px 20px;
}

#menu ul li a
{
	display:block;
	font-weight:bold;
	font-size:12px;
	color:#ffffff;
}

#menu ul li a.active, #menu ul li a:hover 
{	
	color:#EE7D00;
}

/************************************************************************************* SUBMENU */

#submenu
{
	position:absolute;
	width:1220px;
	opacity:0;
	transition:opacity 1s;	
	visibility:hidden;
	background-color:rgba(255,255,255,1.00);
	z-index:100;	
	margin-left:auto;
	margin-right:auto;
	left:0;
	right:0;
	top:79px;
	text-align: left;
	box-shadow: 1px 4px 15px 0px rgba(0,0,0,0.30);
	padding:2px 16px 12px 16px;
}

#menu ul li:hover #submenu, #submenu:hover { opacity:1; transition:opacity 0.3s; visibility:visible}
#menu ul li #submenu ul li { vertical-align: top; padding:0px; }
#submenu ul li a { border:none; color: #353C41; padding:8px 15px; border-bottom:1px solid #C5C5C5;}
#submenu ul li a:hover, #submenu ul li a.active { color:#EE7D00;}


#submenu2
{
	z-index: 102;
	background-color:#ffffff;
	text-align:left;
}

#submenu2 ul li
{
	display:block;
}

#submenu2 ul li a
{
	font-size:11px;
	font-weight:normal;
	padding:6px 15px;
	border:none;
}

#submenu2 ul li a:hover, #submenu2 ul li a.active
{
	background-color:#EE7D00;
	color:#ffffff;
}

#menu ul li:nth-of-type(7) #submenu { left: 720px; padding:0px; width:180px; }
#menu ul li:nth-of-type(7) #submenu ul li { display:block; }
#menu ul li:nth-of-type(7) #submenu ul li a { border:none; font-weight:normal}
#menu ul li:nth-of-type(7) #submenu ul li a:hover, #menu ul li:nth-of-type(7) #submenu ul li a.active { background-color:#EE7D00; color:#fff; } 

#submenu3 ul li a { color:#8D9296; padding-left:20px }
#submenu3 ul li a:hover, #submenu3 ul li a.active { background-color:rgba(255,150,35,0.8) }


#menu_mobile { display:none; }
#menu_button { display:none; }

#submenu.menu_small
{
	width:200px;
	text-align: center;
	right:inherit;
	left:320px;
}

#submenu.menu_small ul li a { border-bottom: none; padding-bottom:0px}


/************************************************************************************* CONTENT */

#content_container
{
	min-height:400px;	
}

#content
{
	width:1000px;
	margin:auto;
	padding:30px 0px;
	padding-bottom:250px;
}

#breadcrumb
{
	margin-bottom:20px;
	color:#6B6B6B;
}

.half
{
	width:490px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
}

.half img { max-height:400px; }
.half ul li { margin-bottom:8px;  }

.half_third 
{ 
    width:150px; 
    margin-right:20px; 
    float:left;
    text-align: center;
}

.quarter
{
	width:235px;
	margin-right:20px;
	float:left;
	margin-bottom:20px;
}

.quarter img { width:100%; }
.quarter a:hover, .half a:hover { color:#1E1E1E; }
.quarter h2 { font-size:20px; margin:0px; margin-bottom:20px;}

#content .list ul { margin-left: 0px; }
.list ul li
{
	display: inline-block;
	list-style-type: none;
	width:192px;
	margin-right:10px;	
	text-align: center;
}

.list ul li:nth-child(5n+0) { margin-right:0px; }

.img_bar
{
	width:100%;
	display:block;
	background-color:#E4E4E4;
	opacity:0.9;
	padding:4px 0px;
	font-weight:bold;
	text-align:center;
	margin-top:-29px;
	border-bottom:1px solid #ACACAC;	
}

#content ul { margin-left: 20px; margin-bottom:20px; }
#content a { color:#EE7D00; }
#content a:hover { color:#AF5C00}

.img_container
{
	position:relative;
	height:400px;
}

.img_thumbs
{
	width: 50px !important;
	height: 50px;
	float: left;
	margin: 0px 10px 10px 0px;
}

.container_bgimg_title {
    width: 238px;
    margin-bottom: 10px;
    border: 1px solid #353C41;
    float: left;
    margin-right: 10px;
}

.container_bgimg_title .bgimg_img{
	background-repeat: no-repeat;
	background-position: top;
	width: 238px;
	height: 150px;
}

.container_bgimg_title .bgimg_title{
    background-color: #353C41;
    color:white;
    padding: 8px 2px;
    text-align: center;
}

.text_vertical_center{
	float: left;
	padding: 15px 0 15px 0;
}

[class^="geschlossen"] { position:absolute; }
[class^="offen"] { position:absolute; visibility: hidden; }


#map { width:600px; height:450px; float:right; border:0; margin-bottom:20px; }

/************************************************************************************* FOOTER */

#footer_container
{
	width:100%;
	padding:50px 0px;
	background-color:#353C41;
	position:absolute;
	bottom:0px;
}

#footer {
	width: 1000px;
	margin: 0 auto;
}

#footer_left, #footer_right
{	
	width:50%;
	margin:auto;
	color:#ffffff;
	font-size:11px;
	float: left;
}

#footer_left {
	text-align:left;
}

#footer_right {
	text-align: right;
}

#footer_container span { font-size:12px; font-weight:bold; }
#footer_container p { line-height:2em; margin:0px; }
#footer_container a { color:#ffffff; }
#footer_container a:hover { color:#EE7D00; }

#footer_container ul {
	list-style-type: none;
}

#footer_container ul li {
	display: inline;
	margin-right: 10px;
}

#footer_container ul li:last-child {
	margin-right: 0px;
}

/************************************************************************************* CLASS */

.clear { clear:both; }
.no_margin { margin-right:0px; }


.defaultButton {
  font-size:12px;
  font-family:Arial;
  padding: 12px 11px;
  border-width:1px;
  color:#fff !important;
  border-color:rgba(238, 125, 0, 1);
  border-top-left-radius:7px;
  border-top-right-radius:7px;
  border-bottom-left-radius:7px;
  border-bottom-right-radius:7px;
  background:rgba(238, 125, 0, 1);
}

.defaultButton:hover {
  background: rgba(211, 111, 0, 1)
}

.center {
	text-align: center;
}

.havequestions {
	font-size: 14px;
}