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

body {
background-color: #fff; 
font-family:arial,helvetica,sans-serif;

    font-family: arial,helvetica,sans-serif;
    background-image: url(/grafik.jpg);
    background-repeat: no-repeat;
    background-position: top;
 

}

#black {

	
	
}

#grafik {
	display: none;
}

#urlaub {


	font-size:16px;
	color: #000000;
	text-align: justify;
	margin-left: 8px;
	margin-bottom: 8px;
}

#urlaub > h3 {

margin-top:3em;
}

h2 {font-family:arial,helvetica,sans-serif; font-size:24px; color: orange; font-weight: normal; opacity: 0.9;}
#urlaub > h2 {

margin:0.5em:
}


#urlaub img, .bild {
max-width: 100%; 
 height: auto
 }
 

#linktitel {
display: block; font-weight: bold
}
h1 {

	font-size:36px;
	color: #ffff00;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 12px; 
	margin-left: 8px;
}

strong.tagline {
	font-family:arial;
	font-size:14px;
	color: #fff166;
	font-weight: normal;
	margin-left: 12px;
	margin-top: 0px;
	font-family:arial,helvetica,sans-serif;
	
}


h3 {font-family:arial,helvetica,sans-serif; font-size:18px; color: #cc0000; font-weight: bold;}
h4 {font-family:arial,helvetica,sans-serif; font-size:16px; color: #666; font-weight: bold;}
strong {color: #555555}
/* menü */
#link {
		color: #ffffff;
	background-color: #286fa2;
	display: block;

	
 padding-top: 6px; 
 padding-left: 6px; 
 padding-bottom: 6px; 
 padding-right: 6px;
}
#link strong {
	color: silver;
}

#tipptitel {
	font-size:20px;
	color: #000;
	padding-left: 10px;
	background-color: lightgrey;
	display: block;
	width: 200px;
	padding-top: 4px;
	padding-bottom: 4px;
	border: 1px solid #999999;
}
#tipp{

	font-size:14px;
	color: #000;
	padding-left: 10px;
	background-color: white;
	display: block;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 200px;
	border: 1px solid #999999;
}

#tipp strong {
	color: grey;
}
#tipp ul {
margin-left: 0;
padding-left: 1em;
}

#ende {

	color: #666;
	 font-size: 14px; 
	 margin-top: 14px; 
	 margin-left: 8px
}



#imptxt {font-family:verdana,arial; font-size:12px; color: #000000; text-align: justify;}

.menulink {display: block}

.txtbild {margin-right:8px; margin-bottom: 2px; margin-left: 0px; margin-top: 4px
}
.caption {font-size:82%;color:grey;margin-top:3px;margin-left:0}



a.insellink:link {text-decoration: none; color:#ffffff}
a.insellink:active {text-decoration: none; color:#ff0000}
a.insellink:focus {text-decoration: none; color:#ffffff}
a.insellink:visited {text-decoration: none; color:#ffffff}
a.insellink:hover {text-decoration: none; color:#ff0000}

a.menulink:link {text-decoration: none; color:#ffffff}
a.menulink:active {text-decoration: underline; color:#ff0000}
a.menulink:focus {text-decoration: none; color:#ffffff}
a.menulink:visited {text-decoration: none; color:#ffffff}
a.menulink:hover {text-decoration: underline; color:#ff0000}

a.endelink:link {text-decoration: none; color:#000000}
a.endelink:active {text-decoration: underline; color:#ff0000}
a.endelink:focus {text-decoration: none; color:#000000}
a.endelink:visited {text-decoration: none; color:#000000}
a.endelink:hover {text-decoration: underline; color:#ff0000}

a.txtim:link {text-decoration: underline; color:#000000}
a.txtim:active {text-decoration: underline; color:#ff0000}
a.txtim:focus {text-decoration: underline; color:#000000}
a.txtim:visited {text-decoration: underline; color:#000000}
a.txtim:hover {text-decoration: underline; color:#ff0000}

}