/* allgemeine angaben
-------------------------------------- */
/*farben
rot: bd0926
grau: 333
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font: inherit;
	vertical-align: baseline;        
}
html {height: 100%; font-size: 62.5%;}
html.ie9, html.ie8, html.ie7 {font-size: 10px;}

.print {overflow:hidden; height:0; width:0; position:absolute; top:-99999px; left:-99999px;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
a:focus {
	outline: none;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border:none;
}
p { 
    font-size: 1.4em;
    line-height: 1.3em;
    padding: 0.3em 0 0.6em 0;
    margin:0 0 0.6em 0;
}
b, strong {font-weight: bold;}
small {font-size: 0.8em;}
i,italic {font-style: italic;}
p + h1, p + h2, p + h3, p + h4, p + h5, p + h6 {padding-top: 1em;}
/*************************/

body {
        background-color: #fff;
        background-image: none;
        height: 100%;
        width: 100%;
        font-family: Arial, Verdana, Sans-Serif;
        line-height: 1.5em;
        color: #333;
        text-align: center;
        min-width: 600px;
}

h1, h2, h3, h4 ,h5, h6 {font-weight: bold; padding: 0.3em 0 0.8em 0;}

h1           {font-size: 2em; color: #fff; display: inline; line-height: 1.8em; padding: 0.3em 3em 0.3em 0;}
h2           {font-size: 2em; color: #333;}
h3           {background-color: #BD0926; color: #fff;}
h4      {font-size: 1.8em; color: #333;}
h5, h6   {font-size: 1.3em; color: #666;}

a, a:link, a:active, a:visited, a:hover {
        outline: none;
        text-decoration: none;
        color: #333;
}
a:hover { color: #bd0926;}

table, tr, td, th {
        font-size: 1.0em;
        vertical-align: top;
}

/* am Bildschirm verstecken */
.hide {display: none; visibility: hidden; height: 0; width: 0; overflow: hidden;}
.clear {height: 0; overflow: hidden; float: none; clear: both;}

/* bild links/rechts vom text */
.floatLeft, .rechtsUmfliessen {clear: left; float: left; margin: 5px 20px 10px 0;}
.floatRight, .linksUmfliessen {clear: left; float: right; margin: 5px 0 10px 20px;}

/*-------------------------------------------------------------------------------------*/

/*ecke oben*/
#header {display: none;}
header {display: none;}

/*nav*/
nav {font-size: 1.6em;}
nav li {display: inline; font-weight: bold;}
nav li a:hover {text-decoration: none; color: #BD0926;}
nav.unten li, nav.unten li a {color: #fff;}
nav.unten li a:hover {color: #bd0926;}

/*ecke unten*/
#footer {display: none;}
footer {display: none;}


/*main*/
main {display: block; max-width: 968px; height: 100%; margin: 0 auto; text-align: left; padding: 15px 80px 0 92px;} /*width: 980px*/
#logo {margin-left: -82px;}
#logo h1 {background: none;}

/*article*/
#article {position: relative; float: left; min-height: 400px; margin: 20px 0 0 0; padding-bottom: 80px; width: 100%;}

#kat_bild {position: absolute; top: -120px; right: -80px;}

/*Überschrift h1 mit rotem Hintergrund*/
.headline-box { height: 36px; width: 100%; margin-bottom: 10px;}
.headline-box-container {position: relative; width: 100%; height: 100%;}
.headline-box-bg {position: absolute; background-color: #bd0926; height: 100%; width: 100%; left: -100%;}
.headline-box-headline {background-color: #BD0926; display: inline-block; height: 36px;
    -moz-border-radius: 0 23px 23px 0;-webkit-border-radius: 0 23px 23px 0;
    border-radius: 0 23px 23px 0;}
html.ie7 .headline-box-headline, html.ie8 .headline-box-headline {behavior: url(css/PIE/PIE.htc);}

/*Überschrift h3 mit rotem Hintergrund Dreierbox*/
.box3 h3.headline_box3 { 
    height: 36px; width: 194px;  
    padding: 0 0 0 22px; 
    display: table-cell; vertical-align: middle;   
    font-size: 1.6em; line-height: 1.1em;
    background-color: #BD0926;
    -moz-border-radius: 0 23px 23px 0;-webkit-border-radius: 0 23px 23px 0;
    border-radius: 0 23px 23px 0;}
.box3:not(.js) h3.headline_box3 {
    -ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
html.ie7 h3.headline_box3, html.ie8 h3.headline_box3 {background-color: #BD0926; behavior: url(css/PIE/PIE.htc);}
/*.headline css3-container {z-index: 1 !important;}*/

/*Dreier-Box*/
.box3 {float: left; padding-top: 30px; margin-bottom: 30px; margin-right: 30px; width: 262px; height: auto;}
.box3 .shadow {background: transparent url('pics/box_schatten.png') no-repeat bottom right; width: 262px;}
.box3 .background {position: relative; background: transparent url('pics/box_hg.png') no-repeat top left; width: 241px; height: 166px; text-align: center;}
.box3 .background a {display: block; height: inherit;}

.box3 .subnavi_box3 {
    width: inherit;
    height: inherit;
    position: absolute;
    overflow: hidden;
    top: 0;
    left: 0;
}
html.ie7 .box3 .subnavi_box3 {
}
.box3 .subnavi_box3_content {
    position: absolute; 
    width: 160px;
    height: auto; 
    left: 10px;
    top: -120px; 
    text-align: left;
}
.box3:not(.js) .subnavi_box3_content {
    -ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
    transition: all 0.3s linear;}
.box3 .subnavi_box3_content a p {padding: 0; margin-bottom: 3px; line-height: 1.2em;}
.box3:not(.js):hover .subnavi_box3_content {top: 10px; 
            -ms-transition: all 0.7s linear 0.2s;-o-transition: all 0.7s linear 0.2s;-moz-transition: all 0.7s linear 0.2s;-webkit-transition: all 0.7s linear 0.2s;
            transition: all 0.7s linear 0.2s;}

.box3 .headline {position: absolute; top: 115px; left: 0; text-align: left;}
.box3 img {margin: 0; padding: 0;}
.box3:not(.js) img {-ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;}
.box3:not(.js):hover img {transform: translate(80px, 30px) scale(0.3,0.3);-o-transform: transform: translate(80px, 30px) scale(0.3,0.3);-moz-transform: translate(80px, 30px) scale(0.3,0.3);-webkit-transform: translate(80px, 30px) scale(0.3,0.3);
            transform: translate(60px, 40px) scale(0.2,0.2);}
.box3:not(.js) .headline {
            -ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;}
.box3:not(.js):hover .headline {
            -ms-transform: translate(0px, 15px);-o-transform: translate(0px, 15px);-moz-transform: translate(0px, 15px);-webkit-transform: translate(0px, 15px);
            transform: translate(0px, 15px);}
.box3:not(.js):hover h3.headline_box3 {
            -ms-transition: all 0.3s linear;-o-transition: all 0.3s linear;-moz-transition: all 0.3s linear;-webkit-transition: all 0.3s linear;
            transition: all 0.3s linear;
            -moz-border-radius: 0 23px 23px 10px;-webkit-border-radius: 0 23px 23px 10px;
            border-radius: 0 23px 23px 10px;
}
html.ie7 .box3:hover h3.headline_box3, html.ie8 .box3:hover h3.headline_box3 {behavior: url(css/PIE/PIE.htc);}


/*Überschrift h3 mit rotem Hintergrund in Viererbox und Lichtbox*/
h3.headline_box4 { 
    height: 22px; width: 198px;
    padding: 0 0 0 5px;
    display: table-cell; vertical-align: middle;
    font-size: 1.4em;
    background-color: #BD0926;
    -moz-border-radius: 0 23px 23px 0;-webkit-border-radius: 0 23px 23px 0;
    border-radius: 0 23px 23px 0;
}
html.ie7 h3.headline_box4, html.ie8 h3.headline_box4 {behavior: url(css/PIE/PIE.htc);}

/*Viererbox*/
.box4 {float: left; width: 200px; height: auto; margin: 10px 20px 0 0;}
.box4 img {margin: 0; padding: 0;}
.box4 .headline {}

.text_box4 {margin-top: 5px;}
.text_box4 p {font-size: 1.3em; padding: 0;}
.weiter_box4 {height: 20px; width: 186px; text-align: center; border-top: 1px solid #bd0926; border-bottom: 2px solid #bd0926;}
.weiter_box4 p {line-height: 0.8em;}
a .weiter_box4 {color: #333;}

.inlinetext_box4 {display: none;}
.pp_inline {margin-bottom: 40px;}
.pp_inline .headline h3 {display: block; padding: 0 0 0 20px; margin-left: -20px; line-height: 1.5em;}
.pp_inline .inlinetext_box4 {margin-top: 20px; display: block;}

.text_content {margin-top: 25px; margin-right: 10.8em;}
.text_content table {margin-top: 20px;}
.text_content a {text-decoration: underline;}
.dreierbox {margin-right: 14em !important;}

#adressblock {float: left; width: 100%; height: auto; margin: 10px 0; color: #777; }
#adressblock .spalte {float: left; width: 262px; margin-right: 30px;}


/*Google Maps*/
#map_canvas {-ms-box-shadow: 0 0 5px #777;-o-box-shadow: 0 0 5px #777;-moz-box-shadow: 0 0 5px #777;-webkit-box-shadow: 0 0 5px #777;
             box-shadow: 0 0 5px #777; margin-top: 50px;}
/*Infofenster*/
.gm-style-iw div {overflow: hidden !important;}
#gm-iw-content p {font-size: 1em; font-weight: bold; margin: 0; padding: 10px 0 10px 50px;}

/*Routenplaner*/
#googlemaps_rp {margin: 30px 0 0 0;}
#rp fieldset {margin-top: 20px;}
#rp legend {font-size: 1.8em;}
#rp .rp_content {margin: 20px 0;}
#rp .rp_content span {font-size: 1.4em;}
#rp input {margin-top: 10px;}
#rp .start {
    -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #777;
    padding: 5px;
    font-family: Arial, Verdana, Sans-Serif;
    font-size: 1.3em;
    color: #333;}
html.ie7 #rp .start , html.ie8 #rp .start  {behavior: url(css/PIE/PIE.htc);}
#rp .start:hover {background-color: #f8f8f8; border-color: #bd0926;}
#rp .submit {
    -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #777;
    background-color: #bd0926;
    color: #fff; font-family: Arial, Verdana, Sans-Serif; font-size: 1.4em; font-weight: bold;
    margin-left: 20px; padding: 5px;}
html.ie7 #rp .submit, html.ie8 #rp .submit {behavior: url(css/PIE/PIE.htc);}
#rp .submit:hover {border: 1px solid #bd0926; color: #bd0926; background-color: #eee;}



.line {background-color: #ccc; height: 4px; margin-top: 30px; margin-right: 10.8em;
    -ms-border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
}
.line dreierbox {margin-right: 14em;}