* {
/* Universal reset */
margin:0;
padding:0;
}
header, footer, article, section, hgroup, nav, figure {
/* Anzeige der HTML5 Elemente */

display:block;
}
article {
text-shadow: 1px 1px 0 black;
}
header {
position: absolute;
width: 320px;
left: 50%; 
margin-left: -160px;
z-index: 999;
top: 0px;
}
hgroup {
height: 126px;
width: 320px;
margin-top: 0px;
background: url(../../img/flamms-logo-320.png) repeat 0px -5px;
}
hr{
background-color:#ffffff;
color:#ffffff;
border:0px solid #ffffff;
width:100px;
height:1px;
margin:45px auto 0px;
}
body {
font-size:0.825em;
color:#fcfcfc;
background:#1A586F;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
/* Hyperlinks */

a, a:visited {
color:#C60;
text-decoration:none;
outline:none;
}
a:hover {
color: #FFF;
text-decoration:underline;
}
a img {
border:none;
}
/* Text */

h1, h2, h3, h4, h5 {
font-family: 'Architects Daughter', Arial, cursive;
font-weight: normal;
text-shadow: 0 1px 1px black;
font-style: italic;
letter-spacing: 0.02em;
}
h1 {
font-size: 2em;
padding: 0.8em 0 0 0em;
margin-top: 0.05em;
letter-spacing: 0.02em;
line-height: 1.1em;
}
/* h1 {
font-size: 2em;
padding: 0.8em 0 0 1.3em;
margin-top: 0.05em;
background: url(../../img/bullet_320.png) no-repeat 0px 17px;
letter-spacing: 0.02em;
line-height: 1.1em;
} */
h2 {
font-size: 2em;
padding: 0.8em 0 0 0em;
margin-top: 0.05em;
letter-spacing: 0.02em;
line-height: 1.1em;
}
h6 {
font-size: 1.5em;
padding-top:1em;
padding-bottom: 0.2em;
letter-spacing: 0.02em;
}
h3 {
font-size: 1.9em;
margin:0 0 0.2em;
letter-spacing: 0.02em;
}
h4 {
font-size:2.1em;
padding:0.5em 0 0 0;
margin-top: 0.5em;
letter-spacing: 0.02em;
}
h5 {
font-size: 1.5em;
margin:0 0 0.5em;
letter-spacing: 0.02em;
line-height: 1.1em;
}
p {
font-size:1.2em;
font-weight:normal;
line-height:1.3em;
}
.blue {
color: #1A586F;
}
.blue_dark {
color: #0F3746;
}
.line {
height:1px;
background-color:#24404c;
border-bottom:1px solid #416371;
margin:1em 0;
overflow:hidden;
}


/* The clearfix hack to clear the floats */

.clear:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}


/* Navigation */
nav {
position: absolute;
width: 310px;
top: 0px;
left: 0px;
padding: 5px;
text-align: center;
}
nav ul {
list-style: none;
}
nav li {
display: inline;
}
nav a, nav a:visited {
float: left;
color:#fff;
display: inline-block;
float: none;
font-size: 1em;
font-weight:bold;
margin:3px 2px;
padding:1px 5px;
text-decoration:none;
text-shadow:0 2px 0 black;
text-transform:uppercase;
background: #000;
}
nav a:hover, nav a:active {
text-decoration:none;
background: #900 url(../../img/nav-selected.gif);
}

nav a, figure, .slidingDiv {
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
}
.fb {
position: absolute;
display:block;
top:32px;
left:290px;
height: 17px;
width: 17px;
margin:0;
padding:0;
}
.fb a, .fb a:visited {
display:block;
background: url(../../img/fb-button-17-a.png) no-repeat;
color: #b21c0a;
text-decoration:none;
text-indent: -200px;
overflow:hidden;
}
.fb a:hover, .fb a:active {
background: url(../../img/fb-button-17-b.png) no-repeat;
}
img.right {
float: right;
height: 25px;
width: 25px;
margin: 0;
padding: 0;
}
/* Article styles: */

#page {
width: 320px;
margin: 0 auto;
position: relative;
}
article {
background-color: #000;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
}

#flamms, #service, #partner, #kontakt, #formular, #galerie {
-moz-border-radius:0px;
-webkit-border-radius:0px;
border-radius:0px;
-moz-box-shadow:0px 0px 0px #0F3746;
-webkit-box-shadow:0px 0px 0px #0F3746;
box-shadow:0px 0px 0px #0F3746;
}
#flamms {
height: 1110px;
background: url(../../img/bg-0-320.jpg) no-repeat 0px 105px #000;
padding: 110px 15px 0px 15px;
}
#flamms h1 {
font-size: 1.9em;
line-height: 1em;
padding:0.3em 0 0 0.5em;
margin-top: 0.1em;
margin-left: 0.1em;
background: none;
}
.panel_1 {
float: none;
width: auto;
height:auto;
background-color: #000;
padding:20px;
margin-right: 0px;
z-index: 2;
}
.panel_1 p {
font-size: 1.2em;
line-height: 1.4em;
}
.panel_2 {
width: 100%;
height:auto;
background-color: #000;
padding-top:20px;
padding-bottom:20px;
}
.panel_2_box {
float: none;
width: 100%;
height:auto;
background-color: #000;
padding-right: 0px;
}
.panel_1 img {
width: 1px;
height: 1px;
margin-bottom: 0px;
visibility: hidden;
}
.show_hide_1, .show_hide_2 {
display: block;
-moz-box-shadow:2px 2px 10px #000;
-webkit-box-shadow:2px 2px 10px #000;
box-shadow:2px 2px 10px #000;
}
a.show_hide_1, a.show_hide_2 {
color: #FFF;
padding: 2px 8px;
border-width: 0px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
display: block;
background: #333;
text-shadow: 0px 0px 0px;
}
a:hover.show_hide_1, a:hover.show_hide_2 {
text-decoration: none;
background: #900 url(../../img/nav-selected.gif);
}
.button_panel {
float:left;
width: auto;
margin-bottom: 0px;
}
#karte {
height: auto;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
-webkit-box-shadow:0px 0px 0px #20363F;
box-shadow:0px 0px 0px #20363F;
background: #000;
}
#karte_iframe {
width: 300px;
height: auto;
padding: 2px 10px 40px;
text-align: center;
background: #000;
}
.iframe01 {
width: 320px;
height: 200px;
border: none;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}
#karte_iframe h6 {
font-size: 1.65em;
font-style: italic;
padding: 0em 0 0.3em;
margin: 0.5em 0px 0em;
line-height: 1.75em;
color: #FFF;
font-weight: normal;
background: none;
border-bottom: 2px solid #24404c;
}
.karte_unten {
height: 1px;
background: #000;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-right-radius: 0px;
}
#service {
height: auto;
padding: 130px 15px 10px;
background: #000 url(../../img/bg1-320.jpg) no-repeat 0px 0px;
}
#partner {
height: auto;
padding: 130px 15px 10px;
background: #000 url(../../img/bg2-320.jpg) no-repeat 0px 0px;
}
#kontakt {
height: auto;
padding: 130px 15px;
background: #000 url(../../img/bg3-320.jpg) no-repeat 0px 0px;
}
#formular {
height: auto;
padding: 0px 15px 10px;
margin-bottom: 0px;
background: #000;
}
#galerie {
height: auto;
padding: 0px 15px 0px;
background: #000;
}
.img_left {
width: 290px;
height: auto;
margin-right: 15px;
margin-bottom: 15px;
}
.img_right {
width: 290px;
height: auto;
margin-bottom: 15px;
}
#galerie img {
img -moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}
.box_aktion {
float: left;
width: auto;
height: auto;
margin-top: 10px;
padding: 10px 7px 7px;
background: #83170D;
-moz-box-shadow:2px 2px 8px #000;
-webkit-box-shadow:2px 2px 8px #000;
box-shadow:2px 2px 8px #000;
border: 2px solid #BD6E37;
z-index: 1;
}
.box_aktion p {
float:left;
font-size: 1.2em;
padding-left:7px;
}
.box_aktion h5 {
font-size: 1.9em;
padding-left:7px;
}
.box_aktion img {
float:left;
width: 45px;
height: 45px;
margin: -2px 4px 0px -2px;
}
.box_flamms {
float: none;
width: auto;
height: auto;
margin-top: 20px;
margin-left: 0px;
}
.box_l {
float: none;
width: auto;
height: auto;
}
.box_txt_r, .box_txt_r_2 {
float:none;
width: auto;
margin-top: 0px;
margin-left: 0px;
}
.box_txt_r {
display: none;
margin-bottom: 0px;
}
.box_r {
float: none;
width: auto;
height: auto;
}
.iframe02 {
width: 290px;
height: 200px;
margin: 0;
border: 0;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
}

/* Formularseiten */

.box_form_1 {
float: none;
width: 525px;
margin-top: 7px;
}
.box_form_2 {
clear: both;
color: #FFF;
}
.reihe_l {
float: none;
width: auto;
padding: 2px 0px;
}
.reihe_r {
float: none;
width: auto;
padding: 2px 0px;
margin-left: 0px;
}
.reihe_m {
float: none;
width: auto;
padding: 2px 0px;
margin-left: 0px;
}
.reihe_last {
float: none;
width: auto;
padding: 2px 0px;
margin-left: 0px;
}
.reihe_last_2 {
float: none;
width: auto;
padding: 2px 0px;
margin-left: 0px;
}
.reihe {
float: none;
width: auto;
padding: 2px 0px;
}
.label {
float: none;
text-align: left;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
display: block;
font-size:1.1em;
font-weight:normal;
line-height:1.5em;
}
.feld {
float: none;
width: 100%;
text-align: left;
}
.radio {
font-size: 150%;
margin-top: 5px;
margin-bottom: 10px;
}
.knopf_2 {
float: right;
margin-bottom: 0px;
margin-top: 0px;
}
.button {
margin-top: 5px;
color:#fff;
background: #000000 url(../../img/nav-selected.gif) repeat-x left top;
font-size: 110%;
border-width: 0px;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
padding: 0.3em 2em 0.3em;
}
.defbreite, .defbreite_1 {
font: normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;
padding-top: 5px;
padding-right: 8px;
padding-bottom: 5px;
padding-left: 8px;
background-color:#F0A831;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border-style: none;
}
.defbreite {
width: 280px;
}
.defbreite_1 {
width: 280px;
max-width: 280px;
}

/* Footer */

footer {
height: 50px;
width: auto;
text-align: left;
padding-top: 5px;
padding-left: 15px;
padding-right: 15px;
font-size: 0.825em;
color: #2A6984;
background: #000;
}
footer a, footer a:visited {
color: #5E9FC3;
background-color:#000;
padding: 2px 0px;
border-width: 0px;
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
border-radius: 0px;
z-index: 100;
font-size: 1.2em;
}
footer a:hover {
text-decoration:none;
background-color:#0e3240;
color:#FFF;
}
footer a.up {
display: block;
float:none;
width: 320px;
height: 20px;
padding-top: 5px;
text-align: center;
}
.left {
float:none;
width: auto;
}
.right {
position: fixed;
float:none;
width: 320px;
bottom: 0px;
left: 50%;
margin-left: -160px;
}
.img_aktion{
float:left;
width: 50px;
height: 50px;
margin: -3px 5px 0px 0px;
}
article a.intern {
float:none;
}