@media (max-width:740px)
{
	#main1, #main3, #Start div.pict {margin:5% 2px 0 1px;}
	#logoklein {font-size:28px;}
	#logoklein img {top:38px;right:50px;width:34px;height:35px;}
}
@media (max-width:700px)
{
.ttyh {display:unset !important;}
.ttyc {display:none !important;}
img.showInfo_extend {display:none;}
body {font-size:18px;line-height:150%;}
.pre {font-weight:bold;}
tr {line-height:130%;}
img {max-width:100%; height:auto;}
img.quer {max-width:95%; height:auto;}
img.hoch {max-height:90%; width:auto;}
strong {font-weight:900;}
a {font-size:120%;}
a.small {font-size:110%;}
a.showInfo {top:0 !important;float:none !important;}
a.showdetail_link {font-size:100%; font-weight:bold;}
table.smain {text-align:center;}

#bottom {display:none;}
#Select {position:absolute;top:0;width:0%;border-width:0;z-index:2;background-color:#fff;overflow:hidden;}
#Select, div.sub {display:block;}
a.select {display:block !important;width:100%;margin:15px 0;}
.hbutton {display:block;}
h3.hbutton {width:230px;font-size:17px;}
h4.hbutton {width:190px; font-size:15px;}
#werftmenu a,#wilamenu a,#aboutmenu a {display:block;}
#hh {display:block;}
#backnav {
	cursor:pointer;
	visibility:visible;/*Signal für Script*/
	display:block; z-index:8;
	position:fixed;top:0;left:0;
	font-weight:800;font-size:130%;text-align:left;
	width:calc(100% - 44px); max-width:calc(100% - 44px); height:40px; overflow: hidden;
	background-color:#eee;
	padding:15px 0px 15px 42px;
	color:#333;
	border:1px solid var(--buttonfarbe);
	}
#navicon {
 position:fixed;
 top:10px; right:20px;
 z-index:3;
 width:35px;
 height:35px;
 padding:1px 0px 0px 9px;
 border:2px solid var(--grundfarbe);
 border-radius:15%;
 display:block;
 opacity:.7;
}
div.navicon {
 width:25px;
 margin-top:7px;
 height:2px;
 background-color:var(--grundfarbe);
}
#backnavlogo {
	position:absolute; top:10px; left:20%;text-align:center; z-index:9;
	font-size:110%;color:var(--grundfarbe);font-family:'Arial Black',Arial;font-weight:900;line-height:120%;letter-spacing:0.03em;
}

#Start div.pict {text-align:center;margin-top:5%;max-width:330px;}
#logottyh {top:10px;height:100px;line-height:120%;}
@media (max-width:730px) or (max-height:630px)
{
	#Start div.pict {margin-top:3%;}
	#logotext1 {margin-top:6px;}
	#logotext2 {margin-top:5%;}
}

#contsrc {width:90% !important;margin:70px auto 0 auto;}
#subselect {position:absolute;top:0;left:0;width:0;}
#subcontent {position:relative;top:0;left:0;width:100%;}

#innerPopupMove {color:#333;cursor:pointer;}
table.main,td.main {padding:0;width:100%;height:auto;}
.ttycmargin {margin:0 !important;}
.ttycpadding {padding:0 !important;} 
.backnavlnk_intern,.backnavlnk_public {
	color:#fff;
	background-color:rgb(50,90,140);
	border:1px solid #ddd;
	font-weight:800;font-size:120%;text-align:left;
	font-stretch:expanded;
	letter-spacing:2px;
	display:block;
	position:absolute;top:0;right:0;z-index:0;
	width:30%;
	padding:10px 5% 10px 65%;
	}
.table {display:block;}
.tr,.trbh {display:block;}
.td,.tdbh {display:block; padding:3px;}
.main table, .main .table {width:100% !important;}
.hh100 {width:90% !important;}
.hh100, .label, input {font-size:16px !important;}
input[name=plz] {width:29%;}
input[name=ort] {width:70%;}
textarea {height:200px;}
.c1,.c2 { margin:0 2px 0px 2px;text-align:left;}
.label {margin-top:6px;}
textarea {max-width:95%;}
li.bodymaillist { margin:0 6px 0px 12px;}
body.head { padding-top:50px;}
h2.head { padding:45px 0px 6px 190px; height:40px;}
div.menu { background-image:url(../buttons/button60.gif); display:block; height:60px; overflow:hidden;}
div.nav { font-size:120%; padding:12px 10px 2px 10px;}
img.img_plus_minus { width:12px; height:12px;}
.bild_l, .bild_r {width:140px !important;}
.bild_r {max-width:50%;}
.oversize {position:static;}
.reiter, .termin_reiter  {white-space:normal;}
}

@media (max-width:600px)
{
	a.select {font-size:20px;}
}

@media (max-width:500px)
{
	h4.hbutton {padding:4px;}
}