/* Layout - Faehre-Daenemark.de */

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
h1, h2, h3, h4, h5, h6 {font-size:100%;}
ol, ul {list-style:none;}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight: normal;}
table {border-collapse: collapse;border-spacing:0;}
fieldset, img {border:0;vertical-align:bottom;}
caption, th {text-align:left;}

body {
min-width:300px;
max-width:1000px;
position:relative;
margin:10px auto 10px auto;
font-family:Arial,Verdana,Helvetica,Tahoma,sans-serif;
color:#000;
font-size:100%;
background-color:#FFFFFF;}

#wrapper {
width:100%;
color:#000;
background-color:#F2F2F2;
border:2px solid #000;
position:relative;
overflow:hidden;
border-top-left-radius:12px;
border-top-right-radius:12px;}
	
p {
font-size:0.875em;
line-height:1.5;
margin-bottom:1.5em;}

h1 {
font-family:Arial,Verdana,Helvetica,Tahoma,sans-serif;
font-size:1.5em;
font-weight:bold;
margin:1em 0 1em 0;}

h2 {
font-family:Arial,Verdana,Helvetica,Tahoma,sans-serif;
font-size:1.3125em;
font-weight:bold;
margin-bottom:1em;}

h3 {
font-family:Arial,Verdana,Helvetica,Tahoma,sans-serif;
font-size:1em;
font-weight:bold;
font-style:italic;
margin-bottom:1em;}

ul {
font-size:0.875em;
list-style-type:disc;
padding-left:1.5em;
margin-bottom:1.5em;}

ol {
list-style-type:decimal;
padding-left:1.5em;
margin-bottom:1.5em;}

li {line-height:1.5;}

a {
color:#0000ff;
text-decoration:underline;}

a:active {
color:#0000ff;
text-decoration:underline;}

a:visited {
text-decoration:underline;
color:#0000ff}

a:hover {
color:#0000ff;
text-decoration:none;}

#keyvisual {
background-image: url('/img/keyvisual/Keyvisual-Faehre-Daenemark.jpg');
background-repeat:no-repeat;
border:0px solid #000;
width:1000px;
height:150px;
top:0px;}

#logo {
position:absolute;
top:0px;
left:5px;}

#nav {
background:linear-gradient(0deg, #54a853 5%, #066b05 90%);
background-repeat:repeat-x;
line-height:2.5em;
vertical-align:middle;
width:100%;}

#nav ul {list-style:none;}

#nav ul li {
display:inline;
padding:0px 1.5em;}

#nav ul li a {color:#FFFFFF;}

main {
margin-left:auto;
margin-right:auto;
position:relative;
top:15px;
width:95%;}

article, section {
margin-bottom:1em;
clear:both;}

#karte {
float:right;
border:1px solid #000;
max-width:100%;
height:auto;
margin:1em;}

#wetter {
float:right;
width:30%;
color:#000;
font-size:0.875em;
background-color:#F2F2F2;
margin-bottom:1.5em;}

#afiframe {
width:100%;
height:300px;
border-style:none;
z-index:1;}

.photoInGallery {
border:1px solid black;
display:block;
margin-left:auto;
margin-right:auto;
max-width:100%;
height:auto;}

.reedereilogos {
float:right;
border:1px solid #000;
margin-bottom:0.5em;}

#social {
width:75%;
margin:0 auto 1.5em auto;
text-align:center;}

footer {
text-align:center;
margin:0em auto 1em auto;}

.adResponsive {
margin-left:auto;
margin-right:auto;
width:728px;
height:90px;}

@media screen and (max-width:63.875em) {
body {
background-color:#F2F2F2;
margin:0 auto 5px auto;}

#wrapper {
border:none;
border-top-left-radius:0;
border-top-right-radius:0;}
}

@media screen and (max-width:52em) {
.adResponsive {
margin-left:auto;
margin-right:auto;
width:75%;
min-height:90px;}
}

@media screen and (max-width:40em) {

#keyvisual {background-image:none;}

#karte {
display:block;
float:none;
left:0;
margin:0 0 1em 0;}

#wetter {display:none;}

#afiframe {width:90%;}
}