* { margin: 0;padding: 0; }

img {
    max-height: 100%;
    width: auto;
    width: auto\9; /* ie8 */
    border:0;
   
}

a img {  
border:0;  
}  

body {
    font-size:85%; 
}


.startbild {  

max-width: 100%;
max-height: 100%;  
position: absolute;
margin:auto;
top:0;
bottom:0;
left:0;
right:0;
} 


#start{
    width: 90vw; /* 90% of viewport vidth */
    height: 50.625vw; /* ratio = 9/16 * 90 = 50.625 */
    background: 4f4f4e;
    max-height: 90vh;
    max-width: 160vh; /* 16/9 * 90 = 160 */
    margin: auto;
    position: absolute;
    top:0;bottom:0;
    left:0;right:0;
}


#c{
position:absolute;
left:2px;
bottom:2px;
text-decoration: none; font-family:times new roman; font-size:0.8em; font-weight:bold; letter-spacing: 1px; color: #ffc603;
margin-left:0px; 
}

#aussen{
margin-left: auto;
margin: auto;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
margin-right: auto;
width:90%; 
max-width:1750px; 
height:92%;
max-height:650px; 
}

#innen_oben{
position:relative;
bottom: 4px;
width:100%; 
max-width:1750px; 
height:10%;
max-height:82px; 
background-color:#4f4f4e; 
}

#menu{
left: 0px;
bottom: 1px;
position:absolute;
float:left; 
}

#banner{
float:right;
right: 0px;
margin-left: 0px;
background-color:#4f4f4e; 
bottom: 2px;
position:relative;
max-width:293px;
height:100%;
max-height:80px; 
}

#innen_mitte{
position:relative;
width:100%; 
max-width:1750px; 
height:85%;
max-height:550px; 
background-color:#4f4f4e; 
}

#makeMeScrollable{	
position:absolute;
left:0px;
top:0px;
bottom:0px;
width:100%; 
max-width:100%; 
height:100%;
max-height:550px; 
white-space:nowrap;
overflow: auto;
}

#makeMeScrollable div.scrollableArea *{
position: relative;
white-space:nowrap;
margin: 0px;
margin-right: 1.5px;
padding: 0;
border:0;
}

#inf{
position:absolute;
top:0px; 
left:0px;
width:100%; 
max-width:100%; 
height:100%;
max-height:550px; 
overflow: auto;
background-image: url(img/inf.jpg);
} 

#inftext{
margin-top: 20px;
margin-left: 2%;
border: 0;
max-width: 96%;
max-width: 750px; 
min-height: 1px;
max-height: 999999px;
text-decoration: none; font-family:georgia; text-align:justify; font-size:1.2em; font-weight:bold; letter-spacing: 1.6px; color: #f9e295; line-height:1.4em;
} 

#ref{
position:absolute;
top:0px; 
left:0px;
width:100%; 
max-width:100%; 
height:100%;
max-height:550px; 
overflow: auto;
background-image: url(img/ref.jpg);
} 

#reftext{
margin-top: 0px;
margin-left: 2%;
border: 0;
max-width: 96%;
max-width: 950px;
min-height: 1px;
max-height: 999999px; 
text-decoration: none; font-family:georgia; text-align:left; font-size:1.1em; font-weight:bold; letter-spacing: 1.5px; color: #f40000; line-height:1.5em;
} 

#reftextoben{
margin-top: 20px;
margin-left: 2%;
border: 0;
max-width: 96%;
max-width: 900px;
min-height: 1px;
max-height: 999999px; 
text-decoration: none; font-family:georgia; text-align:left; font-size:1.5em; font-weight:bold; letter-spacing: 8px; color: #f40000; line-height:1.4em;
} 

#dsgvo{
position:absolute;
top:0px; 
left:0px;
width:100%; 
max-width:100%; 
height:100%;
max-height:550px; 
overflow: auto;
background-color:#e0e1c6; 
} 

#dsgvotext{
margin-top: 20px;
margin-bottom: 10px;
margin-left: 2%;
border: 0;
max-width: 96%; 
min-height: 1px;
max-height: 999999px;
text-decoration: none; font-family:times new roman; text-align:justify; font-size:1.2em; font-weight:bold; letter-spacing: 1px; color: #343434; line-height:1.3em;
} 


#u1{
text-decoration: none; font-family:times new roman; text-align:justify; font-size:1.2em; font-weight:bold; letter-spacing: 1px; color: #343434; line-height:1.3em;
} 

#u2{
text-decoration: none; font-family:times new roman; text-align:justify; font-size:1.2em; font-weight:bold; letter-spacing: 1px; color: #343434; line-height:1.3em;
} 

#u3{
text-decoration: none; font-family:times new roman; text-align:justify; font-size:1.2em; font-weight:bold; letter-spacing: 1px; color: #343434; line-height:1.3em;
} 

#text{
text-decoration: none; font-family:times new roman; text-align:justify; font-size:1.0em; font-weight:bold; letter-spacing: 1px; color: #343434; line-height:1.3em;
} 


#innen_unten{
position:relative;
top: 1px;
width:100%; 
max-width:1750px; 
height:5%;
max-height:20px; 
background-color:#4f4f4e; 
}

#lunten{
left:0;
bottom: -1px;
position:relative;
width:100%; 
max-width:1750px;
height:100%; 
}

#runten{
position:absolute;
right: 0;
bottom: 0;
bottom: -1px;
height:100%; 
}

a.a:link { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 20px; padding-right: 20px; color: #f5d504;}
a.a:visited { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 20px; padding-right: 20px; color: #f5d504;}
a.a:hover { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 20px; padding-right: 20px; color: #e0e1c6;}
a.a:active { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 20px; padding-right: 20px; color: #e0e1c6;}

a.al:link { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 20px; color: #f5d504;}
a.al:visited { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 20px; color: #f5d504;}
a.al:hover { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 20px; color: #e0e1c6;}
a.al:active { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 20px; color: #e0e1c6;}

a.am:link { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-right: 10px; color: #ffc603;}
a.am:visited { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-right: 10px; color: #ffc603;}
a.am:hover { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-right: 10px; color: #f9e295;}
a.am:active { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-right: 10px; color: #f9e295;}

a.ak:link { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-left: 10px; color: #ffc603;}
a.ak:visited { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-left: 10px; color: #ffc603;}
a.ak:hover { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-left: 10px; color: #f9e295;}
a.ak:active { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; margin-left: 10px; color: #f9e295;}

a.ad:link { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 0px; color: #343434;}
a.ad:visited { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 0px; color: #343434;}
a.ad:hover { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 0px; color: #f5d504;}
a.ad:active { text-decoration: none; font-family:times new roman; font-size:1.1em; font-weight:bold; letter-spacing: 0px; padding-left: 0px; padding-right: 0px; color: #f5d504;}

a.ar:link { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.5px; line-height:1.7em; color: #f40000;}
a.ar:visited { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.5px; line-height:1.7em; color: #f40000;}
a.ar:hover { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.5px; line-height:1.7em; color: #f5d504;}
a.ar:active { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.5px; line-height:1.7em; color: #f5d504;}

a.ar2:link { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.6px; line-height:1.7em; color: #f40000;}
a.ar2:visited { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.6px; line-height:1.7em; color: #f40000;}
a.ar2:hover { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.6px; line-height:1.7em; color: #f5d504;}
a.ar2:active { text-decoration: none; font-family:times new roman; text-align:left; font-size:1em; font-weight:bold; letter-spacing: 1.6px; line-height:1.7em; color: #f5d504;}


a.akc:link { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; color: #ffc603;}
a.akc:visited { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; color: #ffc603;}
a.akc:hover { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; color: #f9e295;}
a.akc:active { text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1px; color: #f9e295;}




/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
    and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 100px;
	width: 20%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
    in Internet Explorer 6. */
	background-image: url(img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(img/cursors/cursor_arrow_left.png), url(img/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(img/arrow_left.gif);				
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.25; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.25; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 25); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 100px;
	width: 20%;
	height: 100%;
	background-image: url(img/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(img/cursors/cursor_arrow_right.png), url(img/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(img/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.25;
	filter: alpha(opacity = 25);
	-moz-opacity: 0.25;
	zoom: 1;
}

div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

a {
outline:none;
}
a:focus{outline:0;}
a.cboxElement {outline:0;}
#colorbox{outline:0;} 
.colorbox{outline:0;}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#4f4f4e;}
#colorbox{outline:0;}
    #cboxContent{margin-top:50px; margin-bottom:10px; overflow:visible; background:#4f4f4e;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:0px solid #ccc;}
        #cboxLoadedContent{background:#4f4f4e; padding:1px; margin-bottom:20px;}
        #cboxLoadingGraphic{background:url(img/loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-decoration: none; font-family:times new roman; font-size:1em; font-weight:bold; letter-spacing: 1.6px; color:#000; text-align:justify; line-height:1.4em;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:7px; height:9px; position:absolute; bottom:0px; no-repeat 0 0;}
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{position:absolute; bottom:6px; background:url(img/go_back.png); outline:none; right:44px;}
        #cboxPrevious:hover{background:url(img/go_back2.png); outline:none; position:absolute; bottom:6px;}
        #cboxNext{background:url(img/go_forward.png); outline:none; right:23px; position:absolute; bottom:6px;}
        #cboxNext:hover{background:url(img/go_forward2.png); outline:none; position:absolute; bottom:6px;}
        #cboxClose{background:url(img/x.png); outline:none; right:1px; position:absolute; bottom:6px;}
        #cboxClose:hover{background:url(img/x2.png); outline:none; position:absolute; bottom:6px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background:url(img/play.png); outline:none; right:44px; position:absolute; bottom:6px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background:url(img/play2.png); outline:none; position:absolute; bottom:6px;}
        .cboxSlideshow_off #cboxSlideshow{background:url(img/pause.png); outline:none; right:44px; position:absolute; bottom:6px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background:url(img/pause2.png); outline:none; position:absolute; bottom:6px;}