/* 
    Document   : Planungsbüro Fritzinger
    Created on : 10.04.2015
    Author     : Nathalie Wirths
    Description: Footer always at bottom. 

*blau: #0086be
*grau: #707173

*/


* {	margin: 0; padding: 0; }


html, body, #wrap {height: 100%;}

body {
 text-align: center;
}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 30px;}  /* Muss genau so hoch sein wie der Footer */

#main {
	width: 1200px;
	margin: 0 auto;
	padding-left: 20px;
	padding-right: 20px;
	min-height: 100%;
	text-align: left;
}

/* CLEAR FIX */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Bereich nicht fÃŒr IE-mac Anfang \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* Bereich nicht fÃŒr IE-mac Ende */



/* HEADER */

#header {
 position: absolute;
 margin: 0px auto 0px auto;
 height: 579px;
 width: 100%;
}
#header_inside {
 position: relative;
 margin: auto;
 top: 0px;
 width: 1200px;
 height: 579px;
 text-align: center;
}
#header_logo {
 position: absolute;
 overflow:visible;
 width: 170px;
 height: 127px;
 top: 18px;
 right: 25px;
 z-index: 13;
 text-decoration: none;
}
#header_bg {
 position: absolute;
 overflow:visible;
 width: 1200px;
 height: 150px;
 top: 0px;
 right: 0px;
 z-index: 1;
 text-decoration: none;
}

#bild {
 position: absolute; overflow:visible; top: 150px; width: 1200px; height: 429px; z-index:1;
}

#bildtext {
 position: relative;
 overflow: hidden;
 left: 0px;
 text-align: center;
 top: 300px;
 color: #FFFFFF;
 width: 1200px;
 z-index: 16;
 font-family: 'Arimo', sans-serif;
 font-size: 60px;
 font-weight: 400;
 text-transform: uppercase;
}


#box {
 position: relative; overflow:visible; width: 250px; height: 290px;
}
#boxtext {
 position: relative; overflow:visible; height: 120px; background: #0086be; padding: 15px;
}
#boxtext h1 {
 font-weight: 400; font-size: 20px; color: #FFFFFF; text-transform: uppercase;
}
#boxtext em {
 font-weight: 400; font-size: 13px; color: #FFFFFF; font-style: normal;
}
#boxtext a {
 font-weight: 700;
 text-decoration: none;
 color: #FFFFFF;
}
#boxtext a.active, #boxtext a:hover {
 color: #FFFFFF;
}
#boxbild {
 position: relative; overflow:visible; height: 150px;
}


/* menu styles */

#menu {
 position: relative;
 overflow: hidden;
 left: 25px;
 text-align: left;
 top: 85px;
 color: #707173;
 width: 700px;
 z-index: 16;
 font-family: 'Arimo', sans-serif;
 font-weight: 400;
 text-transform: uppercase;
}
#menu ul {
 list-style-type: none;
 display: inline;
 padding: 0 0 15px 0px;
 margin-top: 5px;
 margin-bottom: 10px;
}
#menu ul ul {
 list-style-type: none;
 padding: 0 0 0px 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}
#menu li {
 display: inline;
 font-size: 18px;
 line-height: 22px;
 font-weight: 400;
 padding: 0; 
 margin: 0px 0;
}
#menu li li {
 font-size: 12px;
 line-height: 20px;
 font-weight: 400;
 padding: 0; margin: 0 0 0 15px;
}
#menu a {
 display: inline;
 font-weight: 400;
 text-decoration: none;
 color: #707173;
}
#menu a.active, #menu a:hover {
 color: #0086be;
}


#submenu {
 position: relative;
 overflow: hidden;
 left: 25px;
 text-align: left;
 top: 20px;
 color: #707173;
 width: 200px;
 z-index: 16;
 font-family: 'Arimo', sans-serif;
 font-weight: 400;
 text-transform: uppercase;
}
#submenu ul {
 list-style-type: none;
 display: inline;
 padding: 0 0 15px 0px;
 margin-top: 5px;
 margin-bottom: 10px;
}
#submenu ul ul {
 list-style-type: none;
 padding: 0 0 0px 0px;
 margin-top: 0px;
 margin-bottom: 10px;
}
#submenu li {
 display: inline;
 font-size: 12px;
 line-height: 22px;
 font-weight: 400;
 padding: 0; 
 margin: 0px 0;
}
#submenu li li {
 font-size: 12px;
 line-height: 20px;
 font-weight: 400;
 padding: 0; margin: 0 0 0 15px;
}
#submenu a {
 display: inline;
 font-weight: 400;
 text-decoration: none;
 color: #707173;
}
#submenu a.active, #submenu a:hover {
 color: #0086be;
}


#content
{
 padding-bottom: 50px; /* hier ist die Mindest-Höhe des Content-Bereiches */
 padding-top: 590px;
 margin: 0 auto 0px auto;
}

#contentMain
{
 display: inline;
 text-align: center;
 width: 1050px;
}

#content_text {
 position: relative;
 width: 1050px;
 padding-left: 75px;
 padding-right: 75px;
 top: 30px;
 color: #58585a;
 font-size: 13px;
 text-align: left;
 line-height: 18px;
 font-family: 'Arimo', sans-serif;
 font-weight: 400;
}
#content_text h1, #content_text h3, #content_text p {
 margin-top: 0;
 margin-bottom: 20px;
}
#content_text ul, #content_text ol {
 margin-top: 0;
 margin-bottom: 0px;
}
#content_text td {
 padding: 5px;
}
#content_text ul, #content_text ul ul, #content_text ol {
 padding: 0 15px;
}
#content_text h1 {
 font-size: 18px;
 line-height: 20px;
 color: #0086be;
 font-weight: normal;
 text-align: center;
 text-transform: uppercase;
 padding-bottom: 0px;
}
#content_text h2 {
 font-size: 20px;
 line-height: 20px;
 color: #0086be;
 font-weight: normal;
 text-transform: uppercase;
 padding-bottom: 20px;
}
#content_text h3 {
 font-size: 16px;
 line-height: 18px;
 color: #0086be;
 font-weight: 400;
 margin-top: 0;
 margin-bottom: 10px;
}
#content_text h4 {
 font-size: 18px;
 line-height: 18px;
 color: #FFFFFF;
 font-weight: 400;
 margin-top: 0;
 margin-bottom: 10px;
 text-transform: uppercase;
}
#content_text a {
 color: #0086be;
 font-weight: bold;
 text-decoration: none;
}
#content_text a:hover {
 color: #707173;
}


/* FOOTER */

#footer {
	position: relative;
	margin-top: -30px; /* Negativer Wert der Footer-Höhe */
	height: 30px;
	clear:both;
}

#footer_inside {
 position: relative;
 margin: 0px auto 0px auto;
 bottom: 0px;
 height: 30px;
 width: 1200px;
 text-align: center;
}
#footer_text {
 position: absolute;
 bottom: 0px;
 left: 0px;
 width: 1200px;
 height: 30px;
 font-family: 'Arimo', sans-serif;
 font-weight: 400;
 color: #707173;
 font-size: 13px;
 line-height: 28px;
 text-align: center;
}

/* Du musst margin auf 0 fÃŒr alle Elemente setzen und immer padding statt margin
fÌr vertikale AbstÀnde (top und bottom) verwenden, anderenfalls werden diese margin-
Werte zur Gesamthöhe addiert und der Footer wird zu weit nach unten geschoben, was
vertikale Scrollbalken im Browser erzeugt. */

/* Aussehen Cookie Hinweis */
.cc_container .cc_btn {
background-color: #0086be !important; /* Farbe des Buttons */
color: #FFFFFF !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #ababab !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #FFFFFF !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #0086be !important; /* Textlink-Farbe "Mehr Infos" */
}