@media screen and (max-width: 760px) {

html,body { 
  margin:0; 
  background-color:lightblue; 
}
#layout {
	background-color:white;
	margin:auto; margin-bottom:-10px;
	color:#333333;
	width:100%;
}
#topmenu { background-color:white; height:100px; width:100%; }
img { border:0; }
#logo { width:50%; height:100px; float:left; }
#logo img { width:132px; height:100px; margin-left:0px; }

#nav { display:none; }

#siteicon { width:50%; float:left; text-align:right; }
#siteicon img { width:40px; height:40px; margin-top:30px; margin-right:25px; }

#header { background-color:white; height:auto; width:100%; border-bottom:16px solid white; }
#sitetype { display:none; }


#fotohead { width:100%; height:auto; }
#fotohead img { width:100%; height:auto; }
#slogan { width:100%; height:auto; background-color:#296593; color:white; border-top:1px solid white; margin-top:-4px; }
#text1 { padding:36px; padding-left:20px; padding-top:26px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:20px; line-height:24px; margin:0; }
#text1 h1 { font-size:32px; line-height:36px; margin:0; margin-bottom:16px; text-transform:uppercase; font-family:'Athiti'; }
#text1 h2, #text1 h3 { font-size:24px; line-height:28px; margin:0; margin-bottom:10px; font-family:'Kalam'; font-style:italic; font-weight:normal; }
#text1 h2 { margin-bottom:12px; }

body.home #slogan { margin-top:0px; }

.headerright, .headerleft { background-color:white; height:auto; width:100%; border-bottom:16px solid white; margin-left:0px;}
.slogan { width:100%; height:auto; background-color:#296593; color:white; border-top:1px solid white; float:left; margin-top:-4px;  }
.fotohead { width:100%; height:auto; float:left; }
.fotohead img { width:100%; height:auto; border:0; }
.headerright .fotohead img { width:100%; height:auto; border:0; }
.headerleft .fotohead img { width:100%; height:auto; border:0; }
.text1 { padding:36px; padding-left:20px; padding-top:26px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:20px; line-height:24px; margin:0; }
.text1 h1 { font-size:32px; line-height:36px; margin:0; margin-bottom:16px; text-transform:uppercase; font-family:'Athiti'; }
.text1 h2, .text1 h3 { font-size:24px; line-height:28px; margin:0; margin-bottom:10px; font-family:'Kalam'; font-style:italic; font-weight:normal; }
.text1 h2 { margin-bottom:12px; }

#content { margin-left:0px; width:100%; background-color:white; }
body.site_logbuch #content { width:100%; margin-right:0; }
body.site_logbuch #content #logbuch_content { padding-left:20px; padding-right:20px; padding-top:20px; }
body.site_logbuch #content #logbuch_content { padding-top:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:18px; line-height:24px; }

#leftcontent { width:100%;  }
#text2 { padding-top:20px; padding-bottom:20px; padding-left:20px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:18px; line-height:24px; margin:0; }
#text2 h1, #text2 h2, #text2 h3 { font-size:26px; line-height:30px; margin:0; margin-bottom:15px; font-family:'Courgette'; font-weight:normal; color:#296593; }

#weitereinfo { padding-left:20px; padding-bottom:0px; padding-right:20px; padding-top:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:18px; line-height:24px; margin:0; }
#weitereinfo h1, #weitereinfo h2, #weitereinfo h3 { font-size:24px; line-height:32px; margin:0; margin-bottom:15px; font-family:'Courgette'; font-weight:normal; color:#296593; }
#weitereinfo ul { list-style-type:none; list-style-image:url('/pix/pfeil.gif'); }
#weitereinfo ul li { margin-top:15px; margin-bottom:15px; }

#content a { color:#0395D1; text-decoration:underline; font-weight:bold; }
#content a:hover { text-decoration:none; }
#content #weitereinfo a { font-style:italic; }

#cfotostrecke { font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:18px; line-height:24px; margin:0; padding-left:20px; padding-right:20px;  }
#cfotostrecke img, img.inneracc { width:171px; height:114px; margin-right:3px; margin-bottom:3px; }
#cfotostrecke h1, #cfotostrecke h2, #cfotostrecke h3 { font-size:24px; line-height:36px; margin:0; margin-bottom:15px; font-family:'Courgette'; font-weight:normal; color:#296593; }


#rightcontent { width:100%; padding-top:20px; padding-bottom:20px; }
#fotostrecke { padding-left:20px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:18px; line-height:24px; margin:0;  }
#fotostrecke img { width:171px; height:114px; margin-right:3px; margin-bottom:3px; }
#fotostrecke h1, #fotostrecke h2, #fotostrecke h3 { font-size:26px; line-height:30px; margin:0; margin-bottom:15px; font-family:'Courgette'; font-weight:normal; color:#296593; }

#revierinfo { margin:0; margin-top:30px; margin-bottom:30px; padding-left:20px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; font-size:14px; line-height:20px;  }
#revierinfo h1, #revierinfo h2, #revierinfo h3 { font-size:24px; line-height:32px; margin:0; margin-bottom:15px; font-weight:bold; color:#296593; }
#revierinfo h4 { font-size:16px; line-height:20px; margin:0; font-weight:bold; color:#296593; margin-top:15px; }
#revierinfo h4 img { margin-top:4px; }
#revierinfo p { margin:0; margin-bottom:15px; }
img.hafen { width:171px; height:114px; margin-right:10px; margin-bottom:10px;  }

.abstand { clear:both; }

#segeltoerns { margin-top:30px; padding-left:20px; padding-right:20px;   }
#segeltoerns h2 { font-size:24px; line-height:32px; margin:0; margin-bottom:5px; font-family:'Courgette'; font-weight:normal; color:#296593; }

#prefoot { width:auto; padding-left:20px; padding-right:20px; margin:auto; margin-top:50px; margin-bottom:40px; font-size:18px; line-height:24px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; }
#prefoot b { font-size:18px; font-style:italic; color:#296593; }
#prefoot a { color:#0395D1; text-decoration:underline; font-weight:bold; }
#prefoot a:hover { text-decoration:none; }

#footer { color:#9c7842; margin:0; } 
#footer img { width:100%; height:auto; margin-bottom:-6px; }

#welle { position:absolute; margin-left:0px; top:100px; z-index:99; }

#contactfoot { display:none; }

#footnav { width:auto; background-image:url('/pix/sand.jpg'); background-size:100% 256px; background-repeat: repeat-y; margin-top:0; padding-bottom:10px; text-align:center; line-height:36px; font-weight:bold; font-size:18px; z-index:97px; font-style:italic; font-family:Abel,Calibri,Arial,Helvetica,sans-serif;}
#footnav a { margin-left:10px; margin-right:10px; color:#a17f47; text-decoration:none; }
#footnav a:hover { color:#a17f47; text-decoration:underline; }

#accordion h3 { margin-top:20px; margin-bottom:20px; border-radius:11px 11px 0px 0px; border:1px solid #0395D1; font-size:21px; line-height:40px; color:white; padding-left:68px; padding-right:16px; background-color:#0395D1; background-image:url('/pix/anker.gif'); background-position:18px 0px ; background-repeat:no-repeat; }
#accordion h3:hover { text-decoration:underline; }
#accordion div { padding-bottom:20px; }

.ui-accordion .ui-accordion-header { cursor: pointer; }
.ui-accordion .ui-accordion-content {  }

#wwwsegeln { margin-top:10px; margin-bottom:10px; background-color:#F8F8F8; padding-bottom:30px; border-top:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1; }
#wwwsegeln .kreis { float:left; margin-left:8%; text-align:center;  }
#wwwsegeln .kreis img { width:120px; border-radius:60px; border:0px; margin-top:40px;  }
#wwwsegeln a { font-size:18px; line-height:24px; font-family:Abel,Calibri,Arial,Helvetica,sans-serif;  }

#fragen { background-color:#FCFCFC; box-shadow: 0px 6px 6px #e2e2e2; color:#0395d1; font-size:16px; line-height:21px; padding:15px; padding-bottom:10px; text-align:center; font-weight:bold; margin-bottom:30px; font-family:Athiti,Calibri,Arial,Helvetica,sans-serif;  }
#fragen a { color:#0395d1; font-size:30px; line-height:48px; text-decoration:none; font-family:Arial,Helvetica,sans-serif; }
.orange { color:#ea8e00; }

#vorteile { padding-left:20px; padding-right:20px; font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif; margin-bottom:20px; }
#vorteile div { font-size:18px; line-height:24px;  }
#vorteile div img { margin-left:10px; margin-right:15px; margin-bottom:15px; margin-top:6px; } 

.segeltoern { width:100%;float:left;font-family:'Athiti',Calibri,Arial,Helvetica,sans-serif;margin-right:30px;margin-top:30px; }
.toernhead { background-color:#4a5864;color:white;font-size:17px;line-height:25px;font-weight:bold;font-style:italic;text-transform:uppercase;padding-top:5px;padding-bottom:5px; }
.toernhead div { height:50px; padding-left:10px;padding-right:10px; display:table-cell; vertical-align:middle; }
a:hover .toernhead { background-color:#0395d1; }
.segelfoto img { width:100%; height:auto; border:0; border-top:1px solid white; border-bottom:1px solid white; }
.toerninfos { border:1px solid #d0d4d7;margin-top:-7px;padding-top:10px;line-height:24px; }
.segeltyp { padding-left:10px;padding-right:10px;color:#04a8db;font-size:14px;height:48px;font-style:italic;text-transform:uppercase;font-weight:bold; }
.segeltermine { padding-left:10px;padding-right:10px;font-size:14px;height:48px;color:#333333;font-family:Arial,Helvetica,sans-serif;font-weight:normal; }
.preis { padding-left:10px;padding-right:10px;color:#999999;font-size:14px;line-height:32px;font-family:Arial,Helvetica,sans-serif; }
span.big { font-size:18px; font-weight:bold; }
span.small { font-size:11px; font-weight:normal; }
.toerndetails { text-align:right;margin-bottom:-6px;margin-top:20px; }
.toerndetails img { border:0; width:216px; height:32px; }
.lastminute { width:75px; height:17px; margin-top:2px; }

#mobilmenu { display:none; width:100%; margin-left:0; background-color:white; background-color:rgba(255,255,255,0.95); color:#0395D1; font-size:24px; font-style:italic; line-height:48px; position:absolute; top:100px; margin-right:0; z-index:100; font-family:Abel,Calibri,Arial,Helvetica,sans-serif; }
#mobilmenupad { padding:25px; padding-top:25px;   }

#mobilmenupad a { text-decoration:none; color:#0395D1; display:block; }
#mobilmenupad a:hover { color:#1F4C6F; } 
#mobilmenupad div { text-align:center; border-bottom:1px dotted lightblue; }
#mobilmenupad div:last-child { border-bottom:0; }
.contactfoot_mobil { display:block; margin-top:30px; margin-bottom:-10px; width:100%; text-align:center; background-color:rgba(255,255,255,0.6); }
.mitsegeln { font-size:30px; line-height:36px; color:#296593; font-weight:bold; font-family:'Courgette',Calibri,Arial,Helvetica,sans-serif; margin-bottom:0px;  }
.anrufen { padding:12px; font-size:24px; line-height:36px; color:#EA8E00; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:italic;  }
.tel { font-size:27px; line-height:54px; color:#0395D1; font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-style:normal;  }
.tel a { color:#0395D1; text-decoration:none; }

#slogan.bgcolor_standardblue { background-color:#296593; }
#slogan.bgcolor_tuerkis { background-color:#36a2ae; }
#slogan.bgcolor_smaragd { background-color:#2f6d6b; }
#slogan.bgcolor_orange { background-color:#ea8e00; }
#slogan.bgcolor_anthrazit { background-color:#4a5864; }
#slogan.bgcolor_lightblue { background-color:#87D5EE; }	/* #0EC3DE #00AAD1 orig.#75b9db */
/*a:hover #slogan { background-color:#0395D1; }*/

.bgcolor_standardblue { background-color:#296593; }
.bgcolor_tuerkis { background-color:#36a2ae; }
.bgcolor_smaragd { background-color:#2f6d6b; }
.bgcolor_orange { background-color:#ea8e00; }
.bgcolor_anthrazit { background-color:#4a5864; }
.bgcolor_lightblue { background-color:#87D5EE; }	/* #0EC3DE #00AAD1 orig.#75b9db */
/*a:hover .slogan { background-color:#0395D1; }*/

img.karte { width:540px; height:auto; border:0; display:block; margin:auto; }
img.logbuch { width:270px; height:auto; border:0; margin-left:10px; margin-bottom:10px; }
div.toernplan_termine { font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:21px; }

#keywordfooter { margin-top:0; } 	


}

@media screen and (min-width: 480px) and (max-width: 600px) {

#wwwsegeln .kreis { margin-left:2%;  }
#wwwsegeln .kreis img { width:100px; border-radius:50px;  }

}

@media screen and (min-width: 600px) and (max-width: 760px) {

#wwwsegeln .kreis { margin-left:4%;  }
#wwwsegeln .kreis img { width:120px; border-radius:60px;  }

}

@media screen and (min-width: 480px) and (max-width: 760px) {

.toernhead { font-size:21px;line-height:25px; }
.segeltyp { font-size:18px; }
.segeltermine { font-size:18px; }
.preis { font-size:18px; }
span.big { font-size:21px;  }
span.small { font-size:14px; }
.lastminute { width:auto; height:27px; margin-top:1px; }

#cfotostrecke img { width:135px; height:90px;  }
#fotostrecke img { width:135px; height:90px; }
img.hafen { width:135px; height:90px; }

}

@media screen and (max-width: 400px) {

#cfotostrecke img { width:135px; height:90px;  }
#fotostrecke img { width:135px; height:90px; }
img.hafen { width:105px; height:70px; }
#revierinfo h4 { font-size:14px; }

}

@media screen and (max-width: 540px) {
	
img.karte { width:90%; height:auto; border:0; margin:auto; }
img.logbuch { width:100%; height:auto; border:0; margin-left:0; }

}