html,
body {
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
	margin-right: -100%;
	}
	
html {
	overflow-y: scroll;
	}

body {
	background-color: #ab3363;
	
	background-image: url("Bilder/BG.jpg");
	background-repeat: no-repeat;
	background-position: center 100%;
	background-attachment: fixed; 
	background-size: 100% auto;
	
	
	margin: 0;
	padding: 0;
	}
	
	
	
	
.main {
	
	width: 980px;
	margin: 0 auto;
	margin-top: -20px;
	background-color: #fff;
	
	-webkit-border-radius:  20px 20px 0 0;
	-moz-border-radius:  20px 20px 0 0;
	border-radius:  20px 20px 0 0;
	
	-webkit-box-shadow: 0px 40px 80px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 	0px 40px 80px rgba(0, 0, 0, 0.5);
	box-shadow: 		0px 40px 80px rgba(0, 0, 0, 0.5);
	}


.header {
	margin-top: 20px;
	width: 100%;
	background-image: url("Bilder/linie.png");
	background-repeat: repeat;
	}


.content {
	width: 100%;
	
	}


.teaserbild img {
	margin-top: 25px;
	width: 100%
	}



iframe {
	width: 85%;
	margin: 25px 10% 0 5%;
	}
	
	

.footer {
	padding: 20px;
	background-color: #eee;
	text-align: center;
	font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 0.03em;
	color: #666;
	}



.logo {
	position: relative;
	background-image: url("Bilder/ashtau-logo.png");
	background-repeat: no-repeat;
	background-size: 198px 155px;
	top: 12px;
	width: 198px;
	height: 155px;
	margin: 20px auto 40px auto;
	}

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo {
  background-image:url("Bilder/ashtau-logo.png");
	background-size: 198px 155px;
}
}	






.text-link {
	text-decoration: none;
	color: #933562;
}


.text-link a:link, a:visited {
}

.text-link a:hover, a:active {
	text-decoration: underline;
	color: #333;
}






p, h1, h2, h3, h4, h5, .link {
	font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	}
	
	
	

p {
	color: #444;
	vertical-align: top;
}
h1 {
	text-transform: uppercase;
	font-weight: normal;
	
}








.navigation {
	}
	


.navi-link-active {
	font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	padding: 0 30px;
	color: #999;
}






/* -------- RESPONSIVE PULLDOWN MENU --------*/


nav a:link, a:visited {
	font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #933562;
	padding: 0 30px;
}

nav a:hover, a:active {
	color: #999;
}





#nav
{
	z-index: 9999;
	text-align: center;
    /* container */
}

#nav > a
    {
        display: none;
    }
#nav li
    {
        position: relative;
    }
 
    /* first level */
 
#nav > ul
    {
	list-style: none;
	 height: 1em;
	 margin: 0;
	 padding: 0;
    }
#nav > ul > li
        {
		   height: 100%;
        }
 
    /* second level */
 
#nav li ul
    {
    }
	
#nav li:hover ul
        {

        }
		
 #nav li ul li
    {
    }
		
		


	

	
	
	
/*VVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV*/


@media all and (max-width: 1024px) {
	
	
.main {
	
	width: 95%;
	
	-webkit-border-radius:  20px 20px 0 0;
	-moz-border-radius:  20px 20px 0 0;
	border-radius:  20px 20px 0 0;
	
	-webkit-box-shadow: 0px 20px 80px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 	0px 20px 80px rgba(0, 0, 0, 0.5);
	box-shadow: 		0px 20px 80px rgba(0, 0, 0, 0.5);
	}	
	
	
	
	
	
body {
	
	background-position: center;
	background-attachment: fixed; 
	background-size: 100% auto;
	
	
	margin: 0;
	padding: 0;
	}
	
	
nav a:link, a:visited {
	font-size: 14px;
	padding: 0 25px;
}
	
	
}




@media all and (max-width: 900px) {

	
nav a:link, a:visited {
	font-size: 13px;
	padding: 0 18px;
}
	
	
}


@media all and (max-width: 799px) {

	
nav a:link, a:visited {
	font-size: 12px;
	padding: 0 10px;
}
	
	
}





@media screen and (max-width:640px), screen and (max-height: 640px) /* 640 */
{



/*
.main {
	width: 94%;
	padding: 20px 0;
	}
	
.content {
	width: 100%;
	margin: 0 auto;
	}

	
	
.content-left,
.content-right
 {
	float: none;
	width: 100%;	
	padding: 0;
	}
	
	
	
.logo {
	position: relative;
	background-image: url("Bilder/ashtau-logo.png");
	background-repeat: no-repeat;
	background-size: 148px 116px;
	left: 3%;
	top: 0px;
	width: 75%;
	height: 80px;
	float: left;

	width: 148px;
	height: 116px;
	margin: 0;
	z-index: 99999;
	}
	
	
	nav a:link, a:visited {
	font-family: "Open Sans", Arial, Helvetica, Verdana, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	line-height: 150%;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	text-decoration: none;
	color: #933562;
	padding: 0 30px;
}

nav a:hover, a:active {
	color: #999;
}




.navigation {
	align-self: center;
    background-color: #fff;
    position: absolute;
    padding-top: 20px;
    width: 94%;
    z-index: 9999 !important;
	}



#nav
    {
       width: 100%;
	    position: relative;
		right: 0;
    }
#nav > a
        {
        }
		
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
        {
            display: block;
        }
		
*/		
		
 
    /* first level */
	
/*	
	
 
#nav > ul
    {
        height: auto;
		display: none;
        position: absolute;
        left: 0;
        right: 0;
    }
	
#nav > ul > li
    {
		background-color: #fff;
    }
	
	
#nav:target > ul
        {
            display: block;
        }
		
		
		
		
		
#nav > ul > li
        {
            width: 100%;
			left: 0px;
			display: block;
        }
		
		
		
*/		
 
    /* second level */
 
 
 
/* 
 
#nav li ul
    {
    }
		
	
#nav ul li ul
    {
    }

#nav ul li li
    {
    }
	
	
#nav li ul li
    { 
    }





*/
	
	    /* TOUCHMENU ENDE */    /* TOUCHMENU ENDE */    /* TOUCHMENU ENDE */    /* TOUCHMENU ENDE */
	
	
	
}