#animation {
max-width: 920px;
height: auto;
padding: 0px;
background-color: #fff;
}

#fest{
position: fixed;
background-color: #333333;
width: 100%;
height: 30px;
padding-top: 0px;
margin-left: 0px;
color: #fff;
}

#logo{
max-width: 180px;
height: auto;
padding-top: 0px;
margin-left: 0px;
color: #fff;
float: left;
}

#tabellen3 {
width: 910px;
float: left;
margin-bottom: 15px; 
background-color: #E9F2F8;
padding: 10px;
}

.tabellen3 {
float: left;
min-width: 280px;
padding-right: 20px;
}

#logo2{
width: 50%;
padding-top: 0px;
margin-left: 0px;
color: #fff;
float: right;
}


#bildverlauf {
max-width: 700px;
height: auto;
color: #fff;
padding-top: 0px;
margin-left: 20px;
float: left;
}

#bildverlauf img {
max-width: 100%;
height: auto;

float: left;
}


#streifen_hellblau {
width: 700px;
height: 25px;
margin-top: 5px;
margin-left: 20px;
background-color: #D9E6F6;
color: #ffffff;
float: left;
}


#streifen_blau {
max-width: 100%;
height: 40px;
margin-top: 5px;
padding-top: 5px;
padding-right: 5px;
border-top: 0px solid #ffffff;
background-color: #0072BC;
color: #ffffff;
text-align: right;
}

#streifen_blau input.schick { padding: 7px; border-radius: 3px; border: 1px solid rgb(160, 190, 216); border-image: none; color: rgb(0, 0, 0); font-size: 14px; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.13); -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 350px }

#streifen_blau input.button { background: #F2C857; margin: 0px; padding: 8px 10px; border-radius: 3px; border: 1px solid rgb(161, 134, 69); border-image: none; text-align: center; color: rgb(110, 65, 15); line-height: 10pt; font-family: Verdana, Arial, Helvetica; font-size: 15px; font-weight: bold; text-decoration: none; vertical-align: baseline; display: inline-block; cursor: pointer; -ms-zoom: 1; box-shadow: inset 0px 1px 0px #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 150px }


.button {
	background: #F2C857; margin: 0px; padding: 8px 10px; border-radius: 3px; border: 1px solid rgb(161, 134, 69); border-image: none; text-align: center; color: rgb(110, 65, 15); line-height: 10pt; font-family: Verdana, Arial, Helvetica; font-size: 15px; font-weight: bold; text-decoration: none; vertical-align: baseline; display: inline-block; cursor: pointer; -ms-zoom: 1; box-shadow: inset 0px 1px 0px #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px;
}
input.button {
	padding: 9px 11px; font-size: 15px;
}
button.button {
	padding: 9px 11px; font-size: 15px;
}
a.button {
	margin: 0px; color: rgb(96, 57, 10); line-height: 11pt; font-size: 15px; font-weight: bold; text-decoration: none;
}
a.button:link {
	margin: 0px; color: rgb(96, 57, 10); line-height: 11pt; font-size: 15px; font-weight: bold; text-decoration: none;
}
.button:hover {
	background: rgb(253, 237, 195); font-size: 15px; text-decoration: none;
}
.button:active {
	left: 1px; top: 1px; font-size: 15px; text-decoration: none; position: relative;
}


form.oben {
max-width: 100%;
}

#mitte{
max-width: 550px;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-top: 10px;
line-height: 18px;
font-size: 10pt;
font-weight: normal;
float: left;
}

#mitte2{
max-width: 900px;
margin-top: 7px;
margin-left: 0px;
padding: 10px;
line-height: 18px;
font-size: 11pt;
font-weight: bold;
float: left;
background-image:url("https://www.1000ferienwohnungen.de/fotos3/index6.jpg");
background-repeat:no-repeat;
color: #ffffff;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
background-color: #90BAEC;
}

#mitte2 h1{
font-size: 13pt;
font-weight: bold;
color: #ffffff;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

#mitte2 a{
color: #ffffff;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.8);
}

#mitte3{
width: 365px;
margin-top: 7px;
margin-left: 0px;
padding: 0px;
font-size: 10pt;
font-weight: normal;
line-height: 18px;
}

#mitte3>img{
padding: 5px
}

.urlaubsregion {
float: left;
max-width: 260px;
padding-right: 10px;
padding-bottom: 10px;
}

.urlaubsregion a.a1 {
font-weight: bold;
text-decoration: none;
color: #333333;
}

.urlaubsregion a {
font-weight: normal;
text-decoration: none;
}

.urlaubsregion a:hover {
text-decoration: underline;
}

.rechts {
float: right;
width: 365px;
margin-top: 20px;
border: 0px solid #000000;

border-collapse:collapse;
}

.karte {
text-align: center;
background-color:#EAF1FC;
}

.submenu {
margin-top: 0px;
background-color: #A4C4DB;
padding: 5px;
}

#container {
float: left;
max-width: 33%;
padding-right: 40px;
padding-bottom: 15px;
}

.linklocation {
font-size: 14px;
font-weight: normal;
}

.linklocation ul{ list-style-type:none; margin:0; padding:0; }
.linklocation li { float:left; margin-right: 6px; }
.linklocation li a { font-size: 14px;  }
.linklocation li a:hover { text-decoration: none; }


.regionen {
}

.regionen ul {
MARGIN-LEFT: -50px;
}

.regionen li {
DISPLAY: block; FLOAT: left; PADDING-left: 10px; PADDING-right: 10px; line-height: 20px;
}

.regionen li a {
font-family: Arial; font-size: 13px; color: #0072BC; font-weight: normal;
}

.index2 img {
border: solid 1px #D9E6F6;
}

.index1 {
position: relative;
top: -120px;
left: 20px;
color: #ffffff;
width: 560px;
}

.index1 a {
color: #ffffff;
font-weight: normal;
}

.index1 a:hover {
color: #ffffff;
}

h4{
color: #ffffff;
font-size: 12pt;
line-height: 20px;
margin-bottom: 0px;
}

#tabellen {
width: 640px;
}

.tabelle1  {
float:left;
width:160px;
}

.tabelle1 li {
margin-left: -20px;
}

.oben3 {
font-size: 11px;
font-weight: normal;
text-align: left;
float: left;
}

.oben3 a {
font-size: 11px;
color: #333333;
text-decoration: underline;
}

.oben3 a:hover {
font-size: 11px;
color: #333333;
text-decoration: none;
}

.oben4 {
font-size: 12px;
font-weight: normal;
text-align: right;
}

a.ergebnisse  {
font-size: 11pt;
}

.ortslinks ul li {
font-size: 9pt;
float: left;
margin-left: -20px;
width: 225px;
padding-right: 5px;
padding-bottom: 5px;
list-style-type:square;
}

.ortslinks ul li ul li {
font-size: 8pt;
margin-left: -40px;
width: 205px;
list-style-type:none;
}

.ortslinks ul li a {
font-size: 11pt;
}

.ortslinks ul li ul li a {
font-size: 9pt;
font-weight: normal;
}

.inserat_komplett {
background-color: #EBF4FC;
border: 1px solid #0072BC;
padding: 3px;
margin-bottom: 15px;
overflow: hidden;
}

.inserat_komplett_top {
background-color:#FFFFCC;
border:1px solid #FFCC66;
padding: 3px;
margin-bottom: 15px;
overflow: hidden;
}

#topinserat {
position: relative;
top: 82px;
left: 0px;
width: 0px;
height: 0px;
}

.inserat_bild {
width: 180px;
height: 125px;
float: left;
}

.inserat_text {
height: 125px;
padding-bottom: 5px;
vertical-align: middle;
}

.inserat_text a {
font-size: 11pt;
}

.inserat_weiss {
float: left;
width: 100%;
background-color: #ffffff;
}

.inserat_bewertung {
float: left;
font-size: 11pt;
width: 180px;
background-color: #ffffff;
}

.inserat_daten {
float: left;
font-size: 10pt;
width: 270px;
background-color: #ffffff;
}

.inserat_preis {
float: left;
font-size: 11pt;
color: #CC3300;
font-weight: bold;
text-align: right;
width: 200px;
background-color: #ffffff;
}

.clear {  
clear: both;
} 

#streifen_footer {
max-width: 920px;
height: 23px;
margin-top: 0px;
margin-bottom: 0px;
background-color: #666666;
text-align:center;
color: #fff;
}

#footer {
padding-top: 3px;
margin-left: 20px;
color: #fff;
}

#footer a {
color: #fff;
font-family: Arial;
font-size: 12px;
}

a.footer {
color: #fff;
}

a:hover.footer {
color: #fff;
text-DECORATION: none;
}

a {
color: #0072BC;
font-weight:bold;
}

a:hover {
color: #0072BC;
text-DECORATION: none;
}

#hilfslinks {
padding-top: 10px;
}

.Titelbild {
margin-right: 20px;
float: left;
}

#allgemein {
}



.fett {
font-size: 16px;
font-weight:bold;
color: #0072BC;
max-width:100%;
}

.fett2 {
font-size: 14px;
font-weight:bold;
width:100%;
height: 25px;
padding-left: 5px;
background-color: #0072BC;
color: #ffffff;
}

.fett3 {
font-size: 14px;
font-weight:bold;
width:100%;
}


/* ################################################## */

@media screen and (max-width: 400px) {
h1 {
	font-size:15px;
	color: #333333;
	margin:0;
    font-family:Arial;
    font-weight:bold;
    line-height: 17px;
	text-shadow: none;
}
}


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

#box {
max-width: 920px;
margin: 0px auto;
padding: 10px;
text-align:left;
background-color: #fff;
BACKGROUND-position: 0px -100px;
border-left-width:5px;
border-left-style:solid;
border-color:#E9F2FE;
border-right-width:5px;
border-right-style:solid;
border-color:#E9F2FE;
}

#animation {
max-width: 85%;
height: 42px;
padding: 0px;
background-color: #fff;
float: right;
}

#animation img {
max-width: 100%;
height: 42px;
}

#logo{
display: none;
}

#mitte{
max-width: 100%;
margin-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
padding-top: 10px;
line-height: 18px;
font-size: 10pt;
font-weight: normal;
}

#mitte2{
max-width: 290px;
margin-top: 7px;
margin-left: 0px;
padding: 5px;
line-height: 13px;
font-size: 10pt;
font-weight: normal;
float: left;
background: none;
background-color: none;
color: #333333;
text-shadow: none;
background-color: #90BAEC;
}

#mitte2 h1{
color: #333333;
text-shadow: none;
}

#mitte3{
max-width: 100%;
margin-top: 7px;
margin-left: 0px;
padding: 0px;
font-size: 10pt;
font-weight: normal;
}

#mitte3>img{
padding: 5px
}

.urlaubsregion {
float: left;
max-width: 260px;
padding-right: 10px;
padding-bottom: 10px;
}

.urlaubsregion a.a1 {
font-weight: bold;
text-decoration: none;
color: #333333;
}

.urlaubsregion a {
font-weight: normal;
text-decoration: underline;
line-height: 25px;
}

.urlaubsregion a:hover {
text-decoration: underline;
}

.rechts {
float: left;
width: 300px;
margin-top: 20px;
border: 0px solid #000000;

border-collapse:collapse;
}

.karte {
text-align: center;
background-color:#EAF1FC;
}

.submenu {
width: 300px;
margin-top: 0px;
background-color: #A4C4DB;
padding: 0px;
}

#tabellen3 {
max-width: 100%;
float: left;
margin-bottom: 15px; 
background-color: #ffffff;
padding: 0px;
}

.tabellen3 {
float: left;
max-width: 100%;
padding-right: 0px;
}

#logo2{
display: none;
}

#container {
float: left;
max-width:100%;
padding-bottom: 15px;
}

#bildverlauf {
max-width: 100%;
height: auto;
color: #fff;
padding-top: 0px;
margin-left: 0px;
}

#streifen_hellblau {
max-width: 700px;
height: 0px;
margin-top: 0px;
background-color: #D9E6F6;
color: #ffffff;
} 

#streifen_blau {
padding-left: 5px;
text-align: left;
}

#streifen_blau input.schick { padding: 7px; border-radius: 3px; border: 1px solid rgb(160, 190, 216); border-image: none; color: rgb(0, 0, 0); font-size: 14px; box-shadow: inset 2px 2px 2px rgba(0,0,0,0.13); -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 110px; max-width: 180px }

#streifen_blau input.button { background: #F2C857; margin: 0px; padding: 8px 10px; border-radius: 3px; border: 1px solid rgb(161, 134, 69); border-image: none; text-align: center; color: rgb(110, 65, 15); line-height: 10pt; font-family: Verdana, Arial, Helvetica; font-size: 15px; font-weight: bold; text-decoration: none; vertical-align: baseline; display: inline-block; cursor: pointer; -ms-zoom: 1; box-shadow: inset 0px 1px 0px #ffffff; -moz-border-radius: 3px; -webkit-border-radius: 3px; min-width: 80px }



.linklocation {
font-size: 14px;
font-weight: normal;
}

.linklocation ul{ list-style-type:none; margin:0; padding:0; }
.linklocation li { float:none; margin-right: 30px; margin-bottom: 5px; }
.linklocation li a { font-size: 12px;  }
.linklocation li a:hover { text-decoration: none; }


.regionen {
}

.regionen ul {
MARGIN-LEFT: -50px;
}

.regionen li {
DISPLAY: block; FLOAT: left; PADDING-left: 10px; PADDING-right: 10px; line-height: 20px;
}

.regionen li a {
font-family: Arial; font-size: 13px; color: #0072BC; font-weight: normal;
}

.oben3 {
font-size: 11px;
font-weight: normal;
text-align: left;
float: left;
}

.oben3 a {
font-size: 11px;
color: #333333;
text-decoration: underline;
}

.oben3 a:hover {
font-size: 11px;
color: #333333;
text-decoration: none;
}

.oben4 {
font-size: 12px;
font-weight: normal;
text-align: left;
}

.ortslinks ul li {
font-size: 9pt;
float: left;
margin-left: -20px;
width: 155px;
line-height: 30px;
}

.ortslinks a {
font-size: 11pt;
}

.inserat_bild {
width: 180px;
height: 100%;
float: left;
}

.inserat_text {
padding-bottom: 5px;
height: 100%;
}

.inserat_text a {
font-size: 11pt;
}

.inserat_weiss {
float: clear;
}

.inserat_bewertung {
float: clear;
font-size: 11pt;
background-color: #ffffff;
}

.inserat_daten {
width: 320px;
float: clear;
}

.inserat_preis {
text-align: left;
}

#kontakt {
display: none;
}

#kontaktformular {
float: left;
width: 280px;
margin-top: 20px;
padding: 10px;
background-color: #;
border: solid 1px #0072BC;
}

#hilfslinks {
display: none;
}

#tabellen {
width: 300px;
}

.tabelle1  {
float:left;
width:160px;
}

.tabelle1 li {
margin-left: -20px;
}

}

		#nav
		{
			width: 700px;
			font-family: 'Open Sans', sans-serif;
			font-weight: 350;
			position: relative;
			top: 0px;
			left: 0px;
			
		}

			#nav > a
			{
				display: none;
			}

			#nav li
			{
				position: relative;
			}
				#nav li a
				{
					color: #333333;
					display: block;
					text-decoration: none;
				}
				#nav li a:active
				{
					background-color: #c00 !important;
				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #ffffff;
				content: '';
				vertical-align: middle;
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				height: 25px; /* 60 */
				background-color: #D9E6F6;
				list-style-type: none;
				margin-left: 0px;
				top: 0px;
				margin: 0px;
				padding: 0px;
			}
				#nav > ul > li
				{
					max-width: 290px;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 100%;
						padding-left: 25px;
						padding-right: 25px;
						font-size: 15px; /* 24 */
						line-height: 25px; /* 60 (24) */
						text-align: center;
						border-right: 1px solid #ffffff;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							background-color: #0072BC;
							color: #ffffff;
						}


				/* second level */

				#nav li ul
				{
					background-color: #cc470d;
					display: none;
					position: absolute;
					top: 100%;
				}
					#nav li:hover ul
					{
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							left: -1px;
						}
						#nav li ul a
						{
							font-size: 1.25em; /* 20 */
							border-top: 1px solid #ffffff;
							padding: 0.75em; /* 15 (20) */
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
								background-color: #e15a1f;
							}



		@media only screen and ( max-width: 40em ) /* 640 */
		{
			html
			{
				font-size: 75%; /* 12 */
			}

			#nav
			{
				width: 210px;
				position: absolute;
				top: 10px;
				left: 15px;
			}
				#nav > a
				{
					width: 42px; /* 50 */
					height: 42px; /* 50 */
					text-align: left;
					text-indent: -9999px;
					background-color: #e15a1f;
					position: relative;
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 2px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						content: '';
					}
					#nav > a:after
					{
						top: 60%;
					}

				#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;
				top: 50px;
				left: 0px;
				right: 0;
				list-style-type: none;
				background-color: #e15a1f;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					width: 185px;
					float: none;
				}
					#nav > ul > li > a
					{
						width: 185px;
						height: auto;
						color: #ffffff;
						text-align: left;
						padding: 0 0.833em; /* 20 (24) */
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px solid #ffffff;
						}


				/* second level */

				#nav li ul
				{
					position: static;
					padding: 1.25em; /* 20 */
					padding-top: 0;
				}
		}