/* roboto-condensed-300 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-300.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-regular - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-regular.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}

/* roboto-condensed-700 - latin */
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/common/fonts/roboto-condensed-v19-latin/roboto-condensed-v19-latin-700.svg#RobotoCondensed') format('svg'); /* Legacy iOS */
}


/**************************************************************************************************/

html
{
	margin: 0;
	padding: 0;
	overflow-y: scroll;
}

body
{
	margin: 0;
	padding: 0;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
    font-size: 15px;
	text-align: center;
	line-height: 1.5em;
	color: #404040;
    position: relative;
}

#container
{
	margin: 0 auto;
	padding: 0;
	text-align: left;
    width: 1000px;
}

.jQuery
{
	float: none;
}

/**************************************************************************************************/

.hiddenclear, hr
{
	font-size: 1px !important;
	line-height: 1px !important;
	clear: both !important;
	margin: 0 !important;
	padding: 0 !important;
	height: 1px !important;
	visibility: hidden !important;
}

.clear
{
	clear: both !important;
}

/*Ausgeblendete Artikel. nur in neuer Seite bayrischer-wald ************************************************
*************************************************************************************************/

    #links .Block, #TeaserBlock
    {
        display: none;
    }
    
    #infoleiste .icon
    {
        display: none;       
    }

/**************************************************************************************************/

    #links .bisy .top
    {
        position: relative;
    }

    #links .bisy .top img
    {
        width: 100% !important;
        float: none !important;
        height: auto !important;
        display: block;
    }

    #links .bisy .top h1, #links .bisy .top h2
    {
        position: absolute;
        bottom: 60px;
        left: 30px;
        background-color: #ffffffab;
        padding: 0 11px;

    }

@media only screen and ( max-width: 780px )
{
    #links .bisy .top h1, #links .bisy .top h2
    {
        font-size: 22px;
    }
}


    #links .bisy .top h2
    {
        position: absolute;
        bottom: 20px;
    }

    #links .bisy .mapData
    {
        height: 500px;
    }

    #links .bisy .mapData #map
    {
        height: 100%;
    }

/**************************************************************************************************/

#links .Pauschalen.Gastgeber
{
	text-align: left !important;
}

#links .Pauschalen.Gastgeber div
{
	width: 90% !important;
	height: auto !important;
	margin: 20px 0 !important;
	padding: 5%!important;
	text-align: left !important;
	float: none !important;
	box-shadow: 0px 0px 8px 1px #cacaca;
	background-color: #fff !important;
}

#links .Pauschalen.Gastgeber p
{
	clear: both !important;
	width: auto !important;
	display: block !important;
	text-align: left !impportant;
}

#links .Pauschalen.Gastgeber img
{
	float: left !important;
	margin: 0 5px 5px 0 !important;
}

#links .Pauschalen.Gastgeber ul
{
	margin: 0;
	padding: 20px 0 !important;
}

#links .Pauschalen.Gastgeber li
{
	clear: both !important;
	text-align: left;
	list-style-type: square;
	display: block !important;
}

/**************************************************************************************************/

#links .lastMinute
{
    background-color: #a00 !important;
    color: #fff !important;
}

#links .lastMinute h2
{
    color: #fff !important;
}

#links .lastMinute .Preis
{
    font-weight: bold;
    font-size: 20px;
}

/**************************************************************************************************/

#links .clear.links li
{
	list-style-type: none !important;
}

#links .Gastgeber #Ausstattung
{
	height: auto !important;
	background-color: transparent;
	border: none;
	padding: 0 !important;
}

#links .Gastgeber #Ausstattung li
{
	background-image: url(/layout/pfeil.gif);
	background-position: bottom left;
	background-repeat: no-repeat;
	padding: 0 0 0 15px;
	margin: 0;
	width: 150px;
	float: left;
}

#links .Pauschalen .button li
{
	display: inline-block !important;
	clear: none !important;
}

#links .angebot
{
    margin-top: 20px;
    border-radius: 15px;
    border: 1px solid #656565;
    background-color: #dcdcdc;
}


/**************************************************************************************************/
/*Formular*/
/**************************************************************************************************/

#BWBuchung label
{
	width: 100px;
	display: block;
	float: left;
	vertical-align: baseline;
	margin: 0;
	padding: 0;
}

#BWBuchung .error
{
	color: #a00 !important;
}

#BWBuchung .error input
{
	border: 1px solid #a00;
	background-color: #eee;
}

#BWBuchung .checkbox
{
	width: auto;
    margin: 0 0 20px 0;
    padding: 0;
}

#BWBuchung .formular .FormError
{
	border: 2px solid #a00 !important;
	background-color: #fff !important;
	padding: 5px !important;
	margin: 0 0 15px 0 !important;
	position: relative;
}

#BWBuchung .FormError ul
{
	margin: 5px 5px 5px 20px;
	padding: 0;
}

#BWBuchung .FormError li
{
	margin: 0;
	padding: 0;
	line-height: 1em;
}

#BWBuchung .formular h2
{
	clear: both;
	margin: 15px 0 5px 0 !important;
}

#BWBuchung .formular p
{
	margin: 2px 0 0 0 !important;
	padding: 0 !important;
	clear: both !important;
}

#BWBuchung .FormError h2
{
	color: #a00 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#links .adresse .Url
{
    display: none;
}

/**************************************************************************************************/

#bild #gmap img
{
	left: auto;
}

#bild #gmap .infoFenster img
{
	margin: 0 10px 10px 0;
	position: relative;
	border: none;
	float: left;
	width: auto !important;
}

#bild #gmap .infoFenster h3
{
	margin: 0;
	padding: 0;
	position: relative;
	top: auto;
	left: auto;
	display: inline;
	background-color: transparent;
}

#bild #gmap .infoFenster a
{
	color: #0b72b5;
	text-decoration: none;
}

#bild #gmap .infoFenster li
{
	margin: 0 10px;
	padding: 0 10px;
	float: left;
}

/**************************************************************************************************/
/*Seitenregister für Gastgebersuche*/
/**************************************************************************************************/

#links .register p
{
	width: auto !important;
}

#links .register a, #links .register span
{
	display: inline-block;
	padding: 3px 13px;
	color: #fff !important;
	margin: 5px 0 0 0;
}

#links .register a
{
	background-color: #a2ab5c;
	-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
}

#links .register span
{
	background-color: #0b72b5;
}


#links .register a:hover
{
	background-color: #0b72b5;
}

/**************************************************************************************************/

#links .Gastgeber ul
{
	margin: 10px 0;
	padding: 5px 0;
	display: block;
	width: 100%;
	font-size: 15px;
}

#links .Gastgeber li
{
	margin: 10px 5px 10px 0;
	padding: 5px 0;
	display: inline-block;
	padding: 0px;
	list-style-type: none;
}

#links .Gastgeber li a
{
	color: #404040;
	padding: 5px 10px 5px 10px;
	border: 1px solid #404040;
}

#links .Gastgeber li a:hover
{
	color: #fff;
	background-image: url(/layout/button-gruen.jpg);
	background-position: center left;
	background-repeat: repeat-x;
	border: 1px solid #fff;
}

/**************************************************************************************************/

#links h2, #links .header2, #links h2 a, #links .header2 a, #links h1, #links h1 a
{
	font-size: 35px;
	font-weight: 200 !important;
	color: #404040 !important;
	margin: 20px 0 10px 0;
	padding: 0;
	line-height: 1.0em;
	text-decoration: none !important;
}

#links h3, #links .header3
{
	font-size: 25px !important;
	font-weight: 200;
	color: #404040 !important;
	margin: 15px 0 10px 0;
	padding: 0;
	line-height: 1.0em;
}

#links h2 span, #links h3 span, #links .header2 span, #links .header3 span
{
	font-size: 20px;
}

#links h4
{
	font-size: 20px !important;
	font-weight: 200;
	color: #404040 !important;
	margin: 5px 0 5px 0;
	padding: 0;
	line-height: 1.0em;
}

#links p
{
	padding: 0;
	margin: 15px 0;
}

/**************************************************************************************************/

#links .Gastgeber .eintrag
{
	background-color: #fff;
	margin: 1vw 0;
	padding: 0.5vw !important;
	border: 1px solid #ccc;
	box-sizing: border-box;
}

/**************************************************************************************************/

#links .send .cpt
{
	margin: 0;
	padding: 0 !important;
	border: none !important;
}

.schneebericht table
{
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
}

.schneebericht td
{
	padding: 4px 10px 15px 10px;
	background-color: #fff;
}

.schneebericht .colored td
{
	border-top: 1px solid #999;
	padding: 15px 10px 0 10px;
}

.schneebericht .thead td
{
	padding: 15px 10px 15px 10px;
}

.schneeberichtTeaser
{
	text-align: center;
	background-color: #a00;
	color: #fff;
	padding: 4px 0 3px 0 !important;
}

/**************************************************************************************************/
/*CSS für PC/Laptop Zeile 497 - 1383*/
/**************************************************************************************************/

@media only screen and ( min-width: 1001px )
{

    #container .linkButton
	{
    	text-align: center;
    	margin: 5px 0;
        padding: 0;
	}

/**************************************************************************************************/

    #header
	{
        margin: 0;
        padding: 0;
        position: relative;
        height: 603px;
	}

    #kontaktdaten
	{
        margin: 0;
        padding: 0;
        height: 90px;
        display: block;
        clear: both;
        font-size: 20px;
	}

    #header .linkButton
	{
        margin: 0 0 20px 0 !important;
        font-size: 20px;
        padding: 10px 0px;
	}

    #header .linkButton a, #header .linkButton a:hover
	{
        padding: 5px 30px;
        margin: 0;
	}

    #kontaktdaten .logo
	{
        float: left;
        margin: 0;
        padding: 0;
	}

    #kontaktdaten .logo img, #kontaktdaten .logo p
	{
        margin: 0;
        padding: 3px 0;
        border: none;
	}

    #kontaktdaten .kontakt
	{
        float: right;
        margin: 0;
        padding: 0;
	}

    #kontaktdaten .kontakt img
	{
        float: left;
        margin: 0 10px 0 0;
        padding: 0;
	}

    #kontaktdaten .kontakt p
	{
        margin: 0;
        padding: 5px 0 5px 0;
	}

    #kontaktdaten .linkButton a
	{
        color: #fff;
        background-color: #a1ab5c;
        text-decoration: none;
        padding: 5px 30px;
        margin: 0;
	}

    #kontaktdaten .linkButton a:hover
	{
        color: #fff;
        background-image: url(/layout/button-gruen.jpg);
        background-position: top center;
        background-repeat: repeat-x;
        text-decoration: none;
        padding: 5px 30px;
        margin: 0;
	}

    #kontaktdaten .cookieNutzung
    {
        float: right;
        margin-right: 40px;
    }

    #kontaktdaten .cookieNutzung .linkButton
    {
        padding: 7px 0px;
    }


    #kontaktdaten .cookieNutzung .linkButton a
    {

        background-color: #5b5b5b !important;

    }


/**************************************************************************************************/

    #bild
	{
        position: relative;
        clear: both !important;
        margin: 0;
        padding: 0;
        height: 513px;
	}

    #bild > div
	{
        margin: 0; padding: 0;
	}

    #bild img, #bild #map
	{
        position: absolute;
        top: 0;
        left: -100px;
        border-top: 1px solid #006ab3;
        margin: 0;
        padding: 4px 0 0 0;
        margin: 0;
        display: block;
        width: 1200px !important;
        height: auto !important;
	}

    #bild #map
    {
        width: 1200px;
        height: 100%;
    }

/**************************************************************************************************
//Bild Buttons
/**************************************************************************************************/

    #bild .buttonRestplatz img, #bild .buttonSchneebericht img
    {
        border-top: none;
    }

    #bild .buttonRestplatz > a > img
    {
        transition: 1s;
        scale: 1;
        top: 46px;
        border-top: none;
    }

    #bild .buttonRestplatz > a > img:hover
    {
        top: 41px;
        scale: 1.2;
    }

    #bild .buttonSchneebericht > a > img
    {
        transition: 1s;
        scale: 1;
        top: 56px;
        right: -56px;
        border-top: none;
    }

    #bild .buttonSchneebericht > a > img:hover
    {
        top: 41px;
        scale: 1.2;
    }

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

    #bild img
	{
        width: 100% !important;
        height: auto !important;
        left: 0;
	}

    #bild #map
    {
    	width: 100% !important;
    	height: 84.75%;
    	position: relative;
    	top: unset;
    	left: unset;
    }

}

    #bild p
	{
        margin: 0; padding: 0;
	}

    #bild .hiddenclear
	{
    	display:none;
	}
    
    #bild .slider .blend
    {
    	position: absolute;
    	top: 0;
    	left: 0;
    }

    #bild .slider .spacer
    {
    	padding: 0 !important;
        margin: 0 !important;
    }

    #bild .slider .first
    {
    	z-index: 2;
    }

    #bild .slider .second
    {
    	z-index: 1;
    }


    #bild .slider .hiddenclear
    {
        display:none;
    }

    #bild h1
	{
        background-color: #5b5b5b;
        font-weight: 300;
        text-transform: uppercase;
        color: #fff;
        font-size: 40px;
        padding: 25px 40px;
        margin: 0;
        position: absolute;
        bottom: 117px;
        left: 0;
        z-index: 10;
	}

    #bild h2, #bild h3
	{
        background-color: #000;
        color: #fff;
        font-weight: 400;
        font-size: 18px;
        padding: 10px 40px;
        margin: 0;
        position: absolute;
        bottom: 75px;
        left: 0;
        z-index: 10;
	}
		
/**************************************************************************************************/

	#bild #gmap
	{
		width: 1200px;
		height: 513px;
		position:absolute;
		top: 0;
		left: -100px
	}

/**************************************************************************************************/

    #bild .buttonSchneebericht img
    {
        right: 0 !important;
    }

    #bild .buttonSchneebericht > a > img
    {
        transition: 1s;
        scale: 1;
        top: 56px;
        right: 0px !important;
        border-top: none;
    }

    #bild .buttonSchneebericht > a > img:hover
    {
        top: 41px;
        scale: 1.2;
    }

/**************************************************************************************************/

	.naviwrapper
	{
		width: 1000px;
		margin: 0 auto;
		position: fixed;
		top: 0;
		height: 67px;
		box-shadow: 0px 0px 5px #000;
		-moz-box-shadow: 0px 0px 5px #000; /* Mozilla Firefox */
		-webkit-box-shadow: 0px 0px 5px #000; /* Google Chrome */
		z-index: 1000;
	}
	
    #navi
	{
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
        position: absolute;
        bottom: 0;
        left: 0;
        margin: 0;
		padding: 0;
		z-index: 1000;
	}

    #navi .menuebutton
	{
       display: none;
	}

	#navi ul
	{
        margin: 0;
        padding: 0;
        width: 1000px;
		list-style-type: none;
        background-image: url(/layout/button-blau.jpg);
        background-position: center left;
        background-repeat: repeat-x;
        height: 68px;
	}

	#navi > ul > li
	{
		float: left;
		width: 14%;
        text-align: center;
	}

	#navi li
	{
		margin: 0;
		padding: 0;
		vertical-align: center;
        display: table;
        position: relative;
	}

    #navi a
	{
    	color: #fff;
        margin: 0;
        padding: 0;
    	text-decoration: none;
        display: table-cell;
        vertical-align: middle;
        height: 68px;
	}

    #navi a:link, #navi a:visited
	{
        margin: 0;
    	padding: 0;
        display: table-cell;
        vertical-align: middle;
	}

    #navi > ul > li:hover > a, #navi > ul > li:active > a, #navi > ul > li:focus > a
	{
    	color: #fff;
    	background-image: url(/layout/button-gruen.jpg);
        background-position: top center;
        background-repeat: repeat-x;
        margin: 0;
    	padding: 0;
        display: table-cell;
        vertical-align: middle;
    	text-decoration: none;
	}

    #navi span, #navi .aktiv
	{
    	color: #fff;
        background-image: url(/layout/button-gruen.jpg);
        background-position: top center;
        background-repeat: repeat-x;
        margin: 0;
        padding: 0;
        display: table-cell;
        vertical-align: middle;
        height: 68px;
        text-decoration: none;
	}

	#navi > ul > li > ul
	{
		padding: 20px 0 20px 0;
        margin: 0;
        height: auto;
        background-color: #a1ab5c;
        font-size: 17px;
		box-shadow: 0px 1px 1px #000;
		-moz-box-shadow: 0px 1px 1px #000; /* Mozilla Firefox */
		-webkit-box-shadow: 0px 1px 1px #000; /* Google Chrome */
		z-index: 20;
	}

	#navi li > ul
	{
		display: none;
        position: absolute;
        background-image: none !important;
		top: 68px;
        left: 0;
        width: auto !important;
        padding: 10px 30px !important;
	}

    #navi li > ul > li
	{
        float: none;
        display: block !important;
        width: auto;
        margin: 1px 0; padding: 0;
	}

    #navi li > ul > li a
	{
        display: block !important;
        background-image: url(/layout/pfeile.png);
        background-position: center left;
        background-repeat: no-repeat;
        padding: 3px 6px 3px 26px !important;
        margin: 0;
        width: auto;
        height: auto;
        font-size: 17px;
        text-align: left;
	}

    #navi ul li ul a:hover, #navi ul li ul span, #navi ul li ul .aktiv
	{
        background-image: url(/layout/button-gruen.jpg) !important;
        background-position: center left;
        background-repeat: repeat-x;
        border: 1px solid #c4ce82 !important;
        padding: 2px 5px 2px 25px !important;
        margin: 0 !important;
        height: auto !important;
        display: block !important;
        text-align: left;
	}

	#navi li:hover > ul
	{
		display: block;
	}

    #navi #navi_2221:hover ul, #navi #navi_2222:hover ul
    {
        display: flex;
        flex-wrap: wrap;
        width: 790px !important;
    }

    #navi #navi_2222:hover ul
    {
        left: -150px;
    }

    #navi #navi_2221:hover ul li, #navi #navi_2222:hover ul li
    {
        width: 30%;
    }

/**************************************************************************************************/

    #inhalte
	{
        margin: 15px 0;
        padding: 0;
        width: 1000px;
	}

    #inhalte a
	{
        font-weight: normal;
        color: #a1ab5c;
        text-decoration: unterline;
        font-weight: normal;
        color: #0B72B5;
        text-decoration: unterline;
	}

    #inhalte .linkButton
	{
    	text-align: right;
    	margin: 8px 0 !important;
        padding: 0;
        font-size: 17px;
        line-height: 1.0em;
	}

    #inhalte .linkButton a
	{
    	background-color: #a2ab5c;
    	padding: 10px 15px;
    	margin: 0 5px;
    	font-weight: normal;
        display: block;
        text-decoration: none;
		color: #fff;
	}

    #inhalte .linkButton a:hover, #inhalte .linkButton a:active, #inhalte .linkButton a:focus
	{
        background-image: url(/layout/button-gruen.jpg);
        background-position: center left;
        background-repeat: repeat-x;
        display: block;
    	color: #fff;
    	padding: 10px 15px;
    	margin: 0 5px;
    	font-weight: normal;
        text-decoration: none;
	}

    #inhalte .linkButton a.blue
	{
    	background-color: #006AB2;
    }

    #inhalte .linkButton a.blue:hover, #inhalte .linkButton a.blue:active, #inhalte .linkButton a.blue:focus
	{
    	background-color: #008AE6;
        background-image: none;
	}

/**************************************************************************************************/

    #links
	{
        background-color: #f6f6f6;
        width: 760px;
        float: left;
        margin: 0;
        padding: 0 !important;
	}

    #links > article, #links > div
	{
        margin: 0 0 0 0;
        padding: 15px 25px !important;
	}

    #links .bildAbsatz
	{
        margin: 0 -25px !important;
        padding: 0;
        display: block;
        float: none;
	}

    #links .bildAbsatz img
	{
        display: block;
        float: none;
	}

    #links .eintrag
	{
        margin: 0;
        padding: 0 ;
        border: none;
	}

    #links img
	{
        float: left;
        margin: 0 15px 0 0;
        padding: 0;
	}

    #links .linkButton a, #links .linkButton a:hover, #links .linkButton a:active, #links .linkButton a:focus
	{
        display: inline !important;
	}

    #links .gastgebersuche .linkButton
	{
    	text-align: left;
    	margin: 25px 0 !important;
        padding: 0;
        border: none;
        background-color: #f6f6f6 !important;
	}

    #links .gastgebersuche .linkButton a, #links .submitbutton input
	{
		padding: 0 !important;
/*    	border: 1px solid #404040;
        background-color: #f6f6f6 !important;
        background-image: url(/layout/pfeile-g-schwarz.png);
        background-position: center left;
        background-repeat: no-repeat;
        font-size: 20px;
    	color: #404040;
    	padding: 10px 40px 10px 40px !important;
    	margin: 15px 0 10px 0 !important;
    	font-weight: normal;
*/
	}

	#links .submitbutton input
	{
		padding: 0 !important;
    	border: 1px solid #404040;
        background-color: #f6f6f6 !important;
        background-image: url(/layout/pfeile-g-schwarz.png);
        background-position: center left;
        background-repeat: no-repeat;
        font-size: 20px;
    	color: #404040;
    	padding: 10px 40px 10px 40px !important;
    	margin: 15px 0 10px 0 !important;
    	font-weight: normal;
	}

    #links .gastgebersuche .linkButton:hover a, #links .gastgebersuche .linkButton:active a, #links .gastgebersuche .linkButton:focus a,
    #links .submitbutton:hover input
	{
		background-image: url(/layout/button-gruen.jpg);
        background-position: center left;
        background-repeat: repeat-x;
	}

	#links .submitbutton:hover input
	{
    	border: 1px solid #fff;
        background-color: #b9c474 !important;
        font-size: 20px;
    	color: #fff;
    	padding: 10px 40px 10px 40px !important;
    	margin: 15px 0 10px 0 !important;
    	font-weight: normal;
	}

/**************************************************************************************************/

    #links .gastgebersuche .gastgeber
	{
        margin: 15px 15px 0 0 !important;
        padding: 0 !important;
        background-color: #fff !important;
        float: left;
        width: 220px;
        height: 220px;
		overflow:hidden;
        color: #fff;
		position: relative;
		box-shadow: 0px 0px 3px #666;
		-moz-box-shadow: 0px 0px 3px #666; /* Mozilla Firefox */
		-webkit-box-shadow: 0px 0px 3px #666; /* Google Chrome */
	}

    #links .gastgebersuche .gastgeber:hover
	{
        background-color: #fff !important;
	}

    #links .gastgebersuche .gastgeber p
	{
        margin: 0;
        padding: 10px;
        font-size: 15px;
        color: #000;
		letter-spacing: 1px;
        line-height: 1.4em;
		position: absolute;
		top: 40px;
		left: 0;
		z-index: 1;
	}

    #links .gastgebersuche .gastgeber img
	{
        margin: 0px;
        float: none;
		position: absolute;
		top: 40px;
		left: 0;
		width: 220px !important;
		height: 180px !important;
		z-index: 2;
	}

    #links .gastgebersuche .gastgeber a
	{
        text-decoration: none;
        color: #fff;
	}

    #links .gastgebersuche .gastgeber h3, #links .gastgebersuche .gastgeber .header3
	{
        margin: 0;
        padding: 8px 5px 0px 5px;
        background-color: #0B72B5;
        color: #fff !important;
        text-align: center;
		height: 32px;
		z-index: 4;
		position: absolute;
		width: 210px;
		top: 0;
		font-size: 20px;
	}

    #links .gastgebersuche .gastgeber h3 a, #links .gastgebersuche .gastgeber .header3 a
	{
        font-weight: 200;
	}

	#links .gastgebersuche .gastgeber .linkButton
	{
		position: absolute;
		bottom: 0;
		top: auto;
		margin: 0 !important;
		background-color: #a2ab5c !important;
		color: #fff;
		width: 200px;
		text-align: center;
		padding: 5px 10px;
	}

	#links .gastgebersuche .gastgeber .linkButton:hover
	{
		text-decoration: underline;
		background-image: url(/layout/button-gruen.jpg);
		background-position: center left;
		background-repeat: repeat-x;
	}


/**************************************************************************************************/

    #links .Gastgeber div
	{
        margin: 0;
        padding: 5px 0 !important;
	}

    #links .Gastgeber p
	{
        display: inline-block;
        width: 200px;
        margin: 2px 5px 2px 0;
        padding: 0;
	}

    #links .Gastgeber h2
    {
        margin: 0;
        padding: 0;
    }

    #links .Gastgeber h3
    {
        font-size: 25px !important;
        font-weight: 200;
        color: #404040 !important;
        margin: 5px 0px 5px;
        padding: 0px;
        line-height: 1em;
    }

    #links .Gastgeber .sterne
	{
        margin: 10px 0 5px 0 !important;
        width: auto !important;
        text-align: left;
	}

    #links .Gastgeber a
	{
        text-decoration: none;
	}

    #links .Gastgeber select
	{
        padding: 5px !important;
        margin: 0 5px 0 0 !important;
        font-size: 13px !important;
	}

    #links .Gastgeber label
	{
        margin: 0 25px 0 0 !important;
	}

    #links .Gastgeber .eintrag p
	{
        width: 100%;
		box-sizing: border-box;
	}

    #links .Gastgeber .eintrag .PreisAb
    {
        margin: 15px 0 0 0;
        padding: 0;
        background-color: #a2ab5c;
        display: inline-block;
        color: #fff;
    }
    #links .Gastgeber .eintrag .PreisAb span
    {
        margin: 0 7px 0 0;
        padding: 8px;
        background-color: #0b72b5;
		display: inline-block;
    }


    #links .Gastgeber .searchNavi
	{
        border: none;
        margin: 0;
        padding: 0 !important;
	}

    #links #map div
	{
        border: none !important;
	}

/**************************************************************************************************/

    #links .Restplatzboerse .Eintrag, #links .LastMinuteAngebot
    {
        border: 1px solid gray;
        border-radius: 15px;
        padding: 15px;
        margin: 0 0 20px 0;
    }

    #links .Restplatzboerse .Eintrag div img
    {
        margin: 15px 10px 0 0;
    }

    #links .Restplatzboerse .Eintrag .text
    {
        margin: 0 0 15px 0;
    }

/**************************************************************************************************/

    #links .Pauschalen, #links #angebote .Pauschalen
	{
        margin: 0px 0 15px 0;
        padding: 15px -20px 15px 25px !important;
	}

    #links .Pauschalen div
	{
        margin: 15px 15px 10px 0 !important;
        padding: 20px 20px 10px 20px !important;
        width: 300px !important;
        float: left !important;
        background-color: #fff;
        clear: none !important;
        text-align: center !important;
		border: 1px solid #bbb;
		box-sizing: border-box;
	}

    #links .Pauschalen .PauschalenTipp, #links #angebote .Pauschalen .PauschalenTipp
    {
        /*height: 370px;*/
        height: 390px;
    }

    #links .Pauschalen img, #links #angebote .Pauschalen img
	{
        margin: 0 auto;
        display: block;
        float: none;
	}

    #links .Pauschalen div .hiddenclear
	{
      display: none;
	}

    #links .Pauschalen h3
	{
        font-size: 25px;
        border-bottom: 1px solid #cccdce;
        font-weight: 200;
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        /*height: 45px;*/
        vertical-align: bottom;
        color: #404040 !important;
	}

    #links .Pauschalen h3 a
	{
        color: #404040 !important;
        text-decoration: none;
        font-size: 20px;
	}

    #links .Pauschalen .linkButton a
	{
    	display: block !important;
	}

    #links .PauschalenTipp h4
	{
        height: 35px;
	}

    #links .Preis
	{
        font-size: 15px;
        font-weight: bold;
	}

    #links .Preis span
	{
       font-size: 24px;
	   color: #026b00;
	   margin-left: 5px;
	}

    #links .Pauschalen .register
	{
        width: 650px !important;
        float: none !important;
        display: block !important;
        margin: 0;
        padding: 0;
        background-color: #f6f6f6;
        clear: none;
	}

    #links .Pauschalen .register
	{
        clear: both !important;
        display: block;
        float: none;
        width: 560px;
	}

    #links .Pauschalen .register h3, #links .Pauschalen .register p
	{
        padding: 0px  !important;
        margin: 0 -25px !important;
	}

    #links .Pauschalen .register .hiddenclear
	{
        clear: both !important;
        display: block;
        float: none;
	}
}


/**************************************************************************************************/

	#links #angebote-header div
	{
		margin: 0;
		padding: 0 !important;
		border: none;
	}
    
    
/**************************************************************************************************/     
    
    
    #links #angebote-header .angebote-doppel
    {
        display: block; 
		border: 1px solid #000 !important;
		padding: 15px 21px !important;
		position: relative;
        text-align: center;   
	}

	#links #angebote-header .angebote-doppel img
	{
		float: none;
		height: auto !important;
		width: 100% !important;
		margin: 0 auto;
		display: block;
		overflow: hidden;
	}

	#links #angebote-header .angebote-doppel .linkButton
	{
		text-align: center;
		margin: 10px 0 !important;
		padding: 0;
		font-size: 17px;
		line-height: 1.0em;
	}

	
	#links #angebote-header .angebote-doppel .linkButton
	{
		bottom: -18px;
		text-align: center; 
		left: 0;
		right: 0;
	}

/**************************************************************************************************/

    #links #angebote
	{
		margin: 0;
		padding: 0;
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-gap: 40px 20px;
	}

	#links #angebote ul
	{
		margin: 0;
		padding: 0 0 0 20px;
	}
	
	#links #angebote h1
	{
		margin: 0 0 20px 0;
	}

	#links #angebote div
	{
		/*border: 1px solid #000;*/
		padding: 15px 21px !important;
		grid-gap: 2vw 1vw;
		position: relative;		
	}

	#links #angebote div .center
	{
		text-align: center;
	}

	#links #angebote div img
	{
		float: none;
		height: auto !important;
		width: 100% !important;
		margin: 0 auto;
		display: block;
		overflow: hidden;
	}

	#links #angebote div .linkButton
	{
		text-align: center;
		margin: 10px 0 !important;
		padding: 0;
		font-size: 17px;
		line-height: 1.0em;
	}

	#links #angebote hr
	{
		display: none !important;
	}
	
	
	#links #angebote .linkButton
	{
		/*bottom: -18px;*/
		text-align: center;
		/*position: absolute;*/
		left: 0;
		right: 0;
	}
	
/**************************************************************************************************/

    #links #angebote .chalet_links
    {
        /*width: 43%;*/
        float: left;
        border: 1px solid #000;
        padding: 15px 21px !important;
        /*height: 480px;*/
    }

    #links #angebote .chalet_rechts
    {
        float: right;
        /*width: 44%;*/
        border: 1px solid #000;
        padding: 15px 21px !important;
        /*height: 480px;*/
    }

/**************************************************************************************************/

@media only screen and ( max-width: 1000px )
{
    #links #angebote .chalet_links, #links #angebote .chalet_rechts
    {
        width: 94% !important;
        padding: 1% !important;
        margin: 5px 2%;
        background-color: #f6f6f6;
        border-bottom: 1px solid #cccdce;
        height: auto;
    }
}

    #links #angebote .chalet_links h2, #links #angebote .chalet_rechts h2
    {
        font-size: 35px;
        font-weight: 200 !important;
        color: #404040 !important;
        margin: 20px 0 10px 0;
        padding: 0;
        line-height: 1.0em;
        text-decoration: none !important;
        text-align: center;
    }

@media only screen and ( max-width: 1000px )
{
    #links #angebote .chalet_links h2, #links #angebote .chalet_rechts h2
    {
        text-align: left;
    }
}

@media only screen and ( max-width: 500px )
{
    #links #angebote .chalet_links h2, #links #angebote .chalet_rechts h2
    {
        font-size: 25px;   
    }
}

    #links #angebote .chalet_links img, #links #angebote .chalet_rechts img
    {
        margin: 0 0 10px 0;
        padding: 0;
        width: 100% !important;
        height: auto !important;
    }

@media only screen and ( max-width: 1000px )
{
    #links #angebote .chalet_links img, #links #angebote .chalet_rechts img
    {
        width: 300px !important;
        height: auto !important;
        float: left;
    }
}

@media only screen and ( max-width: 500px )
{
    #links #angebote .chalet_links img, #links #angebote .chalet_rechts img
    {
        width: 100% !important;
        height: auto !important;
        float: left;
    }
}

/**************************************************************************************************/

@media only screen and ( max-width: 1000px )
{
    #links #angebote .chalet_links h2, #links #angebote .chalet_rechts h2
    {
        text-align: left;
    }
}

/**************************************************************************************************/

    #links .werbung .gastgeber, #links .werbepartner .gastgeber
    {
        min-height: 200px;
    }

    #links .werbung .gastgeber img, #links .werbepartner .gastgeber img
    {
        max-height: 140px;
    }

/**************************************************************************************************/

    #links form textarea
    {
        width: 640px;
        height: 200px;
    }

@media only screen and ( max-width: 720px )
{
    #links form textarea
    {
        width: 100%;
        height: 200px;
    }
}

/**************************************************************************************************/

    #links .formular #portaleintrag
    {
        margin: 0;
        padding: 0;
    }

    #links .formular #portaleintrag div
    {
        margin: 0;
        padding: 5px 25px;
    }

/**************************************************************************************************/

    #links .formular #portaleintrag .Empfehlung
    {
        margin: 0;
        padding: 0;
        min-height: 100px;
    }

    #links .formular #portaleintrag .Empfehlung p
    {
        margin: 0 5px;
        padding: 0;
        display: inline-block;
        float: left;
    }

/**************************************************************************************************/

    #links .formular #portaleintrag .Adresse
    {
        margin: 0;
        padding: 0;
    }

    #links .formular #portaleintrag .Adresse p
    {
        margin: 3px 0;
        padding: 0;
    }

    #links .formular #portaleintrag .Adresse label
    {
        margin: 0;
        padding: 0;
        width: 150px;
    }

    #links .formular #portaleintrag .Adresse input
    {
        margin: 0;
        padding: 3px;
        width: 250px;
    }

/**************************************************************************************************/

    #links .formular #portaleintrag .Ausstattung p
    {
        margin: 0;
        padding: 0;
        width: 192px;
        display: inline-block;
    }

    #links .formular #portaleintrag .Ausstattung p:hover
    {
        background-color: #FFFFFF;
    }

    #links .formular #portaleintrag .Ausstattung input
    {
        float: left;
    }

    #links .formular #portaleintrag .Ausstattung label
    {
        float: right;
        width: 162px;
    }

/**************************************************************************************************/

    #links .formular #portaleintrag .Spezialangebote p
    {
        margin: 0;
        padding: 0;
        width: 192px;
        display: inline-block;
    }

    #links .formular #portaleintrag .Spezialangebote p:hover
    {
        background-color: #FFFFFF;
    }

    #links .formular #portaleintrag .Spezialangebote input
    {
        float: left;
    }

    #links .formular #portaleintrag .Spezialangebote label
    {
        float: right;
        width: 162px;
    }

/**************************************************************************************************/

    #links .formular #kontaktForm
    {
        margin: 0;
        padding: 0;
    }

    #links .formular #kontaktForm label
    {
        margin: 0;
        padding: 0;
        width: 140px;
        display: inline-block;
    }

/**************************************************************************************************/

    #links .formDiv form label
    {
        display: inline-block;
        width: 100px;
    }

    #links .formDiv .FormError li, #links .formDiv .FormError .error label
    {
        color: red;
    }

/**************************************************************************************************/

    #links .gB
	{
        margin: 0;
        padding: 10px;
	}

/**************************************************************************************************/

    #links .bisy p:first-child
	{
        text-align: center;
	}

    #links .bisy p:first-child img
	{
        float: none;
	}

    #links .bisy img
	{
        display: inline-block;
        float: left;
        margin: 0 10px 0 0;
	}

/**************************************************************************************************/

    #links .linksWeihnachten li
    {
        float: left;
        list-style-type: none;
    }


/**************************************************************************************************/

    #links form .Mailadresse
    {
        display: none;
    }

    #links form .Mailadresse.show, #links form .error.Mailadresse
    {
        display: block;
    }

    #links form input[type="checkbox"]
    {
        width: 25px;
        height: 25px;
    }


/**************************************************************************************************/

    #rechts
	{
        margin: 0;
        padding: 0;
        width: 230px;
        float: right;
	}

    #rechts article
	{
        clear: both;
        margin: 0 0 5px 0;
        padding: 15px;
        background-color: #dddddd;
	}

    #rechts h3, #rechts h2, #rechts .header2, #rechts .header3
	{
        background-color: #0b72b5;
        color: #fff;
        font-size: 17px;
        padding: 20px 15px !important;
        margin: -15px -15px 10px -15px !important;
	}

    #rechts p
	{
        padding: 0 !important;
        margin: 5px 0 !important;
	}

    #rechts img
	{
        float: none;
        border: none;
        max-width: 200px !important;
        height: auto !important;
	}

    #rechts ul
	{
        margin: 0;
        padding: 0;
        font-size: 17px;
	}

    #rechts li
	{
        margin: 3px 0;
        padding: 0;
        list-style-type: none;
	}

    #rechts .prospektlink img
    {
        width: auto !important;
        height: auto !important;
    }

/**************************************************************************************************/

    #rechts #newsletterBestellungWeiterleitungNewsletterserver label
    {
        display: inline-block;
        width: 55px;
    }

    #rechts .formular
    {
        background-color: #ddd;
        padding: 5px;
        margin-top: -55px;
    }



/**************************************************************************************************/

    #rechts .Pauschalenkategorie ul, #rechts .urlaubsorte ul, #rechts .infos ul, #rechts #EintragNavi ul, #rechts .Unternavi ul
	{
        margin: 0;
        padding: 0;
        font-size: 17px;
	}

    #rechts .Pauschalenkategorie li, #rechts .urlaubsorte li, #rechts .infos li, #rechts #EintragNavi li, #rechts .Unternavi li
	{
        margin: 3px 0;
        padding: 0;
        border: 1px solid #cccdce;
        list-style-type: none;
	}

    #rechts .infos ul li ul li
    {
        border: none;
        margin: 0;
        padding: 0;
    }

    #rechts .Pauschalenkategorie a, #rechts .urlaubsorte a, #rechts .infos a, #rechts #EintragNavi a, #rechts .Unternavi a
	{
    	color: #404040;
    	display: block;
    	margin: 0;
        padding: 5px 0 5px 30px;
        text-decoration: none;
        background-image: url(/layout/pfeile-schwarz.png);
    	background-position: center left;
    	background-repeat: no-repeat;
	}

    #rechts .Pauschalenkategorie a:hover , #rechts .urlaubsorte a:hover, #rechts .infos a:hover, #rechts .infos a:active, #rechts .infos span,
    #rechts #EintragNavi a:hover, #rechts #EintragNavi a:active, #rechts #EintragNavi span,
    #rechts .Unternavi a:hover, #rechts .Unternavi a:active, #rechts .Unternavi span
	{
        padding: 5px 0 5px 30px;
    	color: #fff;
    	background-color: #cdcdcd;
    	display: block;
    	margin: 0;
        text-decoration: none;
        background-image: url(/layout/button-gruen.jpg);
    	background-position: center left;
    	background-repeat: repeat-x;
	}

/**************************************************************************************************/

    #rechts #bisyNavi
	{
        margin: 0 0 5px 0;
        padding: 15px;
	}

    #rechts #bisyNavi ul
	{
        margin: 0;
        padding: 0;
	}

    #rechts #bisyNavi ul li
	{
        margin: 3px 0;
        padding: 0;
        list-style-type: none;
	}

    #rechts #bisyNavi ul li span
	{
        margin: 0 0 15px 0;
        padding: 0;
        font-size:20px;
	}

    #rechts #bisyNavi ul li ul
	{
        margin: 15px 0 15px 0;
        padding: 0 0 0 0;
	}

    #rechts #bisyNavi ul li ul li a
	{
        margin: 3px 0;
        padding: 5px 0 5px 30px;
        background-image: url(/layout/pfeile-schwarz.png);
    	background-position: center left;
    	background-repeat: no-repeat;
        color: #404040;
        text-decoration: none;
        font-size: 15px;
        position: relative;
        display: block;
        border: 1px solid #cccdce;
	}

     #rechts #bisyNavi ul li ul li a:hover
	{
        background-image: url(/layout/button-gruen.jpg);
    	background-position: center left;
    	background-repeat: repeat-x;
        color: #fff;
        margin: 3px 0;
        padding: 5px 0 5px 30px;
	}

/**************************************************************************************************/

    #rechts .formular .FormError ul li
    {
        color: red;
    }

/**************************************************************************************************/

    #social-networks
	{
        position: fixed;
        top: 40% !important;
        right: 0 !important;
        width: 55px !important;
    	z-index: 10 !important;
	}

/**************************************************************************************************/

    #footer
	{
    	margin: 0;
    	padding: 0;
        background-image: url(/layout/infoleiste-hg.jpg);
        background-position: top center;
        background-repeat: repeat-x;
        background-color: #656565;
        color: #fff;
	}

    #footer p
	{
    	padding: 0;
    	margin: 0;
    	font-size: 10px;
	}

    #footer a
	{
    	color: #fff;
	}

/**************************************************************************************************/

    #infoleiste
	{
    	padding: 0;
        margin: 0 auto;
        width: 1000px;
        text-align: left;
	}

    #infoleiste .block
	{
        float: left;
        display: inline;
        position: relative;
        width: 22%;
        margin: 0;
        padding: 15px 10px 15px 20px;
        clear: none;
	}

    #infoleiste .block h3
	{
        color: #fff;
        font-weight: 300;
        border-bottom: 1px solid #fff;
        margin: 5px 0 0 0;
        padding: 0 0 5px 0;
        font-size: 20px;
	}

    #infoleiste .block .hiddenclear
	{
      display: none;
	}

    #infoleiste ul
	{
        margin: 5px 0;
        padding: 0;
	}

    #infoleiste li
	{
        margin: 0;
        padding: 0 0 0 20px;
        background-image: url(/layout/pfeile.png);
    	background-position: center left;
    	background-repeat: no-repeat;
        list-style-type: none;
	}

    #infoleiste a
	{
        color: #fff;
        text-decoration: none;
	}

    #infoleiste a:hover
	{
        color: #fff;
        text-decoration: underline;
	}

/**************************************************************************************************/

    #copyright
	{
    	padding: 0;
        text-align: left;
        background-color: #000;
	}

    #copyright p
	{
        padding: 3px 0;
        margin: 0 auto;
        width: 1000px;
        font-size: 12px;
	}

/**************************************************************************************************/
/*Formular
/**************************************************************************************************/

    #links label
	{
        width: 300px;
        display: inline-block;
    }

    #links .adresse label
	{
        width: 150px;
        display: inline-block;
	}

    #links input[type="text"]
	{
        width: 250px;
        display: inline-block;
    }

    #BWBuchung input
	{
    	width: 290px;
    	margin: 0;
    	padding: 2px 5px 2px 5px;
    	font-size: 12px;
    	border: 1px solid #000;
	}

    #BWBuchung textarea
	{
    	width: 430px;
    	height: 100px;
    	margin: 0;
    	padding: 2px 5px 2px 5px;
    	font-size: 12px;
    	font-family: Arial, Helvetica;
    	border: 1px solid #000;
	}

    #BWBuchung .submit
	{
    	width: auto;
        margin: 0 0 0 100px;
        padding: 5px;
        font-size: 15px;
	}

	.picturePool li
	{
		text-align: center;
		margin: 11px 11px 0 0;
		padding: 0;
		float: left;
		width: 165px;
		height: 100px;
		overflow: hidden;
		list-style-type: none;
		background-color: #ccd;
	}

/**************************************************************************************************/
/*angebotSlider*/
/**************************************************************************************************/

	#angebotSlider
	{
		width: 230px;
		overflow:hidden;
		height: 460px;
		position: relative;
	}
	
	#angebotSlider .forward, #angebotSlider .backward
	{
		height: 46px;
		width: 15px;
		top: 370px;
		position: absolute;
		z-index: 50;
		opacity: 0;
		cursor: pointer;
	}
	
	#angebotSlider:hover .forward, #angebotSlider:hover .backward
	{
		opacity: 0.3;
	}
	
	#angebotSlider .forward:hover, #angebotSlider .backward:hover
	{
		opacity: 0.9;
	}
	
	#angebotSlider .backward
	{
		left: 0;
		background-image: url(/layout/sliderBackward.png);
	}
	#angebotSlider .forward
	{
		right: 0;
		background-image: url(/layout/sliderForward.png);		
	}
	
	#angebotSlider .wrapper
	{
		width: 1380px;
		height: 423px;
	}

	#angebotSlider .angebot
	{
		float: left;
		clear: none;
		width: 200px;
		height: 393px;
		overflow:hidden;
		position: relative;
	}
	
	#angebotSlider .slideTrigger
	{
		cursor: pointer;
		width: 25px;
		height: 25px;
		display: inline-block;
		background-color: #a1ab5c;
		margin: 0 2px 0 2px;
		color: #fff;
		text-align:center;
	}
	
	#angebotSlider .slideTrigger:hover
	{
		-webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);
		-moz-box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);
		box-shadow: 0px 0px 1px 1px rgba(0,0,0,1);
	}
	
	#angebotSlider .aktiv
	{
		color: #fff;
		background-color: #0b72b5;
	}
	
	#angebotSlider .linkButton
	{
		position: absolute;
		bottom: 5px;
		width: 200px;
	}
	
/**************************************************************************************************/

	#urlaubsboerse input, #urlaubsboerse textarea, #urlaubsboerse select
	{
		font-family: 'Roboto Condensed', sans-serif;
		font-weight: 400;
		font-size: 15px;
		padding: 3px 5px 1px 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	
	#urlaubsboerse select
	{
		width: 250px;	
	}

	#urlaubsboerse label, #portaleintrag label
	{
		width: 200px;
		display: inline-block;
	}
	
	#urlaubsboerse textarea
	{
		width: 700px;
		height: 200px;
	}
	
	#urlaubsboerse h2
	{
		margin-top: 0;
	}
	
	.ubliste 
	{
		border-collapse: collapse;
		width: 98%;
		margin: 0 1%;
	}
	
	.ubliste td
	{
		padding: 4px 10px 0 10px;
	}
	
	.ubliste tr 
	{
		background-color: #d9d9d9;
		border-bottom: 1px solid #aaa;
	}
	
	.ubliste tr:nth-child(odd)
	{
		background-color: #e9e9e9;
	}
	
	table.ubliste tr.tablehead
	{
		background-color: transparent;
		font-weight: bold;
	}

/**************************************************************************************************/
/*CSS für mobile Geräte*/
/**************************************************************************************************/

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

	.jQuery
	{
		float: left;
	}

    #container
	{
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
	}

    .linkButton
	{
    	text-align: center;   
    	margin: 5px 0;
        padding: 0;
        font-size: 17px !important;
	}

    .linkButton a
	{
        background-color: #bac474;
        background-image: url(/layout/pfeile-schwarz.png);
        background-position: center left;
        background-repeat: no-repeat;
    	color: #404040 !important;
    	padding: 10px 40px 10px 40px !important;
    margin: 15px 0 10px 0 !important;
    	font-weight: normal;
        display: block;
	}

    .linkButton a:hover, .linkButton a:active, .linkButton a:focus
	{
        background-image: url(/layout/button-gruen.jpg);
        background-position: center left;
        background-repeat: repeat-x;
        display: block;
    	color: #404040 !important;
    	padding: 10px 40px 10px 40px !important;
    margin: 15px 0 10px 0 !important;
    	font-weight: normal;
	}

    p
	{
        font-size: 15px;
        line-height: 1.4em;
	}

    a
	{
        text-decoration: none;
	}

    a:hover
	{
        text-decoration: underline;
	}

    h2
	{
        font-size: 28px;
        font-weight: 300;
        line-height: 1.3em;
        margin: 0 0 10px 0;
        padding: 0 2%;
	}

    h3
	{
        font-size: 22px;
        font-weight: 300;
        margin: 0;
        padding: 0;
	}

/**************************************************************************************************/

	#navi
	{
		background-color: #006ab2;
        background-image: url(/layout/button-blau.jpg);
		background-position: top left;
		background-repeat: repeat-x;
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
		color: #fff;
		width: 100%;
        position: absolute;
        top: 0;
		
	}

	#navi .menuebutton
	{
		background-image: url(/layout/menu-icon.png);
		background-position: 95% 50%;
		background-repeat: no-repeat;
		padding: 10px 10px 10px 10px !important;
        margin: 0 0 0 0!important;
		display: block;
		clear: both;
		border-bottom: 1px solid #fff;
	}

    #navi h2
	{
        padding: 0;
	}

	#navi p
	{
		padding: 10px 20px 10px 20px;
		margin: 0;
	}

	#navi ul
	{
		display: none;
		margin: 0;
		padding: 0;
		list-style-type: none;
	}

	#navi>ul>li>ul
	{
		background-color: #a1ab5c;
	}

    #navi .cloned
	{
        display: none;
	}

	#navi li
	{
		margin: 0;
		padding: 0;
		list-style-type:none;
		border-bottom: 1px solid #fff;
	}

	#navi li:first-child
	{
		border-top: 1px solid #fff;
	}

    #navi ul li ul li
	{
        padding: 0 0 0 20px;
        margin: 0;
	}

    #navi ul li ul li a
	{
        padding: 0 0 0 0px;
        margin: 0;
        background-image: url(/layout/pfeile.png);
    	background-position: center left;
    	background-repeat: no-repeat;
	}

	#navi ul li ul li:last-child
	{
		border-bottom: none;
	}

	#navi a
	{
		color: #fff !important;
		margin: 0;
		padding: 10px 20px 10px 20px;
		display: block;
		text-decoration: none;
	}

	#navi a:link, #navi a:visited
	{
        padding: 10px 20px 10px 20px;
	}

	#navi a:hover, #navi a:active, #navi a:focus
	{
		color: #fff;
		display: block;
		text-decoration: none;
        background-color: #a1ab5c !important;
	}

	#navi .aktiv, #navi span
	{
		background-color: #a1ab5c !important;
        background-image: url(/layout/button-gruen.jpg);
		background-position: center left;
		background-repeat: repeat-x;
		color: #fff !important;
		margin: 0;
		padding: 10px 20px 10px 20px;
		display: block;
		text-decoration: none;
	}

    #navi>ul>li>ul>li .aktiv, #navi>ul>li>ul>li span
	{
        background-color: #b9c474 !important;
	}

    #navi>ul>li>ul .aktiv, #navi>ul>li>ul span
	{
        background-image: none !important;
        margin: 0px 0px 0px -20px !important;
        padding:  10px 20px 10px 40px;
	}

/**************************************************************************************************/

    #header
	{
        width: 100% !important;
        margin: 0;
        padding: 70px 0 0 0;
	}

    #header #kontaktdaten
	{
        margin: 0 !important;
        padding: 0 !important;
	}

    #header .logo
	{
        float: none;
        width: 100% !important;
        height: auto !important;
        padding: 0 0 5px 0 !important;
        margin: 0 !important;
        display: block !important;
        clear: both !important;
	}

    #header .logo img
	{
        width: 100% !important;
        height: auto !important;
	}

    #header .logo p
	{
        margin: 0 !important;
        padding: 0 !important;
        text-align: center;
	}

    #header .kontakt p
	{
        float: left;
        width: 48% !important;
        margin: 0 auto;
        padding: 0;
        font-size: 18px !important;
	}

    #header .kontakt img
	{
        padding: 0 3px;
        margin: 0;
	}

    #header .linkButton
	{
    	text-align: center;
    	margin: 0 auto !important;
        padding: 0;
	}

    #header .linkButton a
	{
        display: inline !important;
        padding: 8px 10px 8px 18px !important;
        margin: 5px 0 0 0 !important;
        text-decoration: none;
	}

    #header .linkButton a:hover, #header .linkButton a:active, #header .linkButton a:focus
	{
        display: inline !important;
        padding: 8px 10px 8px 15px!important;
        margin: 5px 0 0 0 !important;
	}

/**************************************************************************************************/

	#bild #gmap
	{
		width: 100%;
		height: 200px;
	}

    #bild img
	{
        width: 100% !important;
        height: auto !important;
        margin: 5px 0 0 0;
        padding: 0;
	}

    #bild .buttonRestplatz, #bild .buttonSchneebericht
    {
        display: inline-block;
        position: relative;
    }

    #bild .buttonRestplatz img, #bild .buttonSchneebericht img
    {
        width: 150px !important;
        margin-left: 50px;
    }

    #bild .buttonRestplatz  > a, #bild .buttonSchneebericht  > a
    {
        position: absolute;
        top: 0;
        left: 0;
    }

    #bild p
	{
        margin: 0;
        padding: 0;
	}

    #bild .slider .blend
    {
        opacity: 0;
    }

    #bild .slider .blend.first
    {
        opacity: 1;
    }

    #bild p:not(.spacer)
    {
        position: absolute;
    }

    #bild .buttonRestplatz
    {
        display: none;
    }

    #bild h1
	{
        background-color: #5b5b5b;
        font-weight: 300;
        text-transform: uppercase;
        color: #fff;
        font-size: 35px;
        padding: 10px 10px;
        margin: 0 !important;
        width: auto;
        line-height: normal;
	}

    #bild h3
	{
        background-color: #000;
        color: #fff;
        font-weight: 400;
        font-size: 17px;
        padding: 5px 10px;
        margin: 0px 0 0 0;
        width: auto;
	}

    #bild #map
    {
        width: 100%;
        height: 0;
        padding-bottom: 52%;
    }

/**************************************************************************************************/

    #inhalte > article, #inhalte > div
	{
        width: 94%;
        padding: 1%;
        margin: 5px 2%;
        background-color: #f6f6f6;
        border-bottom: 1px solid #cccdce;
	}

    #inhalte img
	{
        max-width: 100% !important;
        display: block;
        height: auto !important;
        max-width: 100% !important;
        width: auto !important;
	}

    #inhalte a
	{
        color: #a1ab5c;
	}

    #inhalte .bildohneVG img, #rechts img
	{
        width: auto !important;
        height: auto !important;
        margin: 0 auto !important;
        text-align: center;
	}

/**************************************************************************************************/

    #links
	{
        clear: both !important;
        width: 96%;
        padding: 0 2%;
	}

/**************************************************************************************************/

    #links .Gb img, #links .news img
	{
        width: auto !important;
        height: auto !important;
	}

    #links .eintrag
	{
        margin: 0;
        padding: 0;
        border: none !important;
	}

    #links .eintrag img
	{
        width: auto !important;
        height: auto !important;
        float: left;
	}

    #links .gbGaesteArtikel img
	{
        width: 200px !important;
        height: auto !important;
        float: left !important;
        margin: 0 10px 0 0;
	}

/**************************************************************************************************/

    #links .Gastgeber div
	{
        margin: 0;
        padding: 0;
	}

    #links .Gastgeber p
	{
        display: inline-block;
        width: 180px;
        margin: 2px 5px 2px 0;
        padding: 0;
	}

    #links .Gastgeber a
	{
        text-decoration: none;
	}

    #links .Gastgeber select
	{
        padding: 5px !important;
        margin: 0 5px 0 0 !important;
        font-size: 13px !important;
	}

    #links .Gastgeber label
	{
        margin: 0 25px 0 0 !important;
	}

    #links .Gastgeber .eintrag p
	{
        width: 100%;
	}

    #links .Gastgeber h3
	{
        font-size: 25px !important;
        font-weight: 200;
        color: #404040 !important;
        margin: 15px 0 10px 0;
        padding: 0;
        line-height: 1.0em;
	}

    #links .Gastgeber .searchNavi
	{
        border: none;
	}

    #links #map div
	{
        border: none !important;
	}

/**************************************************************************************************/

    #links .gastgebersuche .linkButton
	{
    	text-align: left;
    	margin: 25px 0 !important;
        padding: 0;
        border: none;
        background-color: #bac474 !important;
	}

    #links .gastgebersuche .linkButton a, #links .submitbutton input, #rechts .submitbutton input
	{

        background-color: #bac474 !important;
        font-size: 20px;
    	color: #fff;
    	padding: 10px 40px 10px 40px !important;
    	margin: 15px 0 10px 0 !important;
    	font-weight: normal;
	}

/**************************************************************************************************/

    #links .Pauschalen .register
	{
        width: 90% !important;
        clear: both !important;
        display: block;
        float: none !important;
        background-color: transparent !important;
        height: auto !important;
        border-bottom: none !important;
	}

/**************************************************************************************************/

    #links .Pauschalen .PauschalenTipp
	{
        height: auto !important;
	}

    #links .Pauschalen .PauschalenTipp h3
	{
        height: auto !important;
        font-size: 16px !important;
        font-weight: bold;
	}

/**************************************************************************************************/

    #links .gastgeber img
	{
        width: auto !important;
        height: auto !important;
	}

/**************************************************************************************************/

    #links .Restplatzboerse .Eintrag div
    {
        border: none;
    }

    #links .Restplatzboerse .Eintrag img
    {
        max-width: 200px !important;
    }

    #links .Restplatzboerse .Eintrag a
    {
        margin: 5px 0 5px 0;
    }

    #inhalte .linkButton a.blue
	{
    	background-color: #006AB2;
	    color: #fff !important;
    }

    #inhalte .linkButton a.blue:hover, #inhalte .linkButton a.blue:active, #inhalte .linkButton a.blue:focus
	{
    	background-color: #008AE6;
        background-image: none;
	}

/**************************************************************************************************/

    #links .clear.links li
	{
        list-style-type: none !important;
        margin: 0 5px 20px 0 !important;
	}
/**************************************************************************************************/

    #rechts
    {
        margin: 0;
        padding: 0 2%;
        width: 96%;
        float: none;
        text-align: center;
    }

    #rechts div, #rechts article
    {
        margin: 10px auto !important;  
        text-align: left !important;
    }

    #rechts img, #links img
	{
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        padding: 0;
        margin: 0 5px 5px 0;
	}

    #rechts article
	{
        text-align: center;
        background-color: #dddddd;
	}

    #rechts h3, #rechts h2, #rechts h1
	{
        background-color: #0b72b5;
        color: #fff;
        padding: 15px;
        margin: 0;
        font-size: 17px;
        font-weight: normal;
	}

    #rechts .newsletter
    {
        width: 100% !important;
        padding: 10px 0;
    }

    #rechts .formular .FormError ul li
    {
        color: red;
    }

/**************************************************************************************************/

    #rechts .kataloghinweis img
	{
        width: auto !important;
        height: auto !important;
        margin: 0 10px 10px 0 !important;
        float: left;
	}

    #rechts .kataloghinweis p
	{
        text-align: left !important;
	}

    #rechts .kataloghinweis .linkButton
	{
        text-align: center !important;
	}
	
/**************************************************************************************************/

    #bisyNavi ul
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #bisyNavi li
	{
        width: 98%;
        font-size: 16px !important;
        padding: 1%;
        margin: 1px 0 0 0;
        background-color: #bac474;
        background-image: url(/layout/pfeile-schwarz.png);
    	background-position: center left;
    	background-repeat: no-repeat;
        list-style-type: none;
        text-align: center;
        border-bottom: 1px solid #dddddd;
	}

    #bisyNavi a
	{
        color: #404040;
        display: block;
	}

    #bisyNavi span
	{
        font-size: 25px;
        color: #fff;
        background-color: #0b72b5;
        display: block;
        margin: 0;
        padding: 10px;
	}

/**************************************************************************************************/

    #rechts .angebot img
	{
        width: auto !important;
        height: auto !important;
	}

/**************************************************************************************************/

    #social-networks
	{
        width: 130px;
        margin: 10px auto;
	}

    #social-networks img
	{
        float: left;
        margin: 0 10px 0 0;
	}

/**************************************************************************************************/

    #footer
	{
    	margin: 0;
    	padding: 0;
        background-image: url(/layout/infoleiste-hg.jpg);
        background-position: top center;
        background-repeat: repeat-x;
        background-color: #656565;
        color: #fff;
	}

    #footer a
	{
        color: #fff;
        text-decoration: none;
	}

/**************************************************************************************************/

    #infoleiste
	{
    	width: 100%;
	}

    #infoleiste .block
	{
        margin: 1% 2%;
        width: 94%;
        padding: 1%;
	}

    #infoleiste ul
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #infoleiste li
	{
        width: 98%;
        font-size: 16px !important;
        padding: 1%;
        margin: 1px 0 0 0;
        background-color: #7d7d7d;
        background-image: url(/layout/pfeile.png);
    	background-position: center left;
    	background-repeat: no-repeat;
        list-style-type: none;
        text-align: center;
	}

    #infoleiste h3
	{
        border-bottom: 1px solid #fff;
        padding: 0 0 5px 0;
        margin: 5px 0 0 0;
	}

/**************************************************************************************************/

    #copyright
	{
        background-color: #000;
	}

    #copyright p
    {
        width: 96%;
        padding: 10px 2%;
        text-align: center;
    }

/**************************************************************************************************/
/*Formular
/**************************************************************************************************/

    #BWBuchung .submit
	{
    	width: auto;
        margin: 0 0 0 100px;
        padding: 5px;
        font-size: 15px;
	}

/* Anfang Errorpage*/
/**************************************************************************************************/

    #inhalte #inhalteLinieUnten
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #inhalte #inhalteLinieUnten #links
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #inhalte #inhalteLinieUnten #links a
	{
        padding: 10px;
	}

    #inhalte #inhalteLinieUnten #rechts
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

/**************************************************************************************************/
/* Ende Errorpage*/
/**************************************************************************************************/

}

/**************************************************************************************************/
/*CSS für Tablet*/
/**************************************************************************************************/

@media
only screen and (min-width: 501px ) and (max-width: 1000px )
{

    #header .logo img
	{
        width: auto !important;
        height: auto !important;
	}

/**************************************************************************************************/

    #inhalte article, #inhalte div
	{
        text-align: left;
        display: block !important;
        clear: both !important;
        height: auto !important;
        padding: 0;
	}

    #inhalte article img, #inhalte div img
	{
        float: left !important;
        width: 45% !important;
        margin: 0 5px 5px 0 !important;
        padding: 0;
        max-width: 100% !important;
        width: auto !important;
	}

/**************************************************************************************************/

    #links .Pauschalen div
	{
        margin: 15px 2% 10px 4% !important;
        padding: 20px 10px 10px 10px !important;
        width: 39% !important;
        float: left !important;
        background-color: #dddddd;
        clear: none !important;
        text-align: center !important;

	}

    #links .Pauschalen div img
	{
        height: 150px !important;
        width: 220px !important;
        overflow: hidden;
        float: none !important;
        margin: 10px auto !important;
	}

    #links .Pauschalen div .hiddenclear
	{
      display: none;
	}

    #links .Pauschalen h3
	{
        font-size: 18px;
        border-bottom: 1px solid #cccdce;
        font-weight: 200;
        margin: 0 0 10px 0;
        padding: 0 0 5px 0;
        height: 45px;
        vertical-align: bottom;
        color: #404040 !important;
	}

    #links .Pauschalen h3 a
	{
        color: #404040 !important;
        text-decoration: none;
	}

/**************************************************************************************************/

    #links .Gastgeber .sterne
	{
        margin: 10px 0 5px 0 !important;
        width: auto !important;
        text-align: left;
        clear: both !important;
	}

/**************************************************************************************************/

    #rechts article
	{
        display: block !important;
        clear: both !important;
        height: auto !important;
	}

    #rechts h3
	{
        text-align: center;
	}

    #rechts h3, #rechts h2, #rechts .header2, #rechts .header3, #rechts .newsletterBestellung p
    {
        margin: 0 !important;
    }

    #rechts .kataloghinweis
	{
        width: 480px !important;
        margin: 10px auto !important;
	}

    #rechts .formular
    {
        padding: 5px;
        background-color: #dddddd;
    }

/**************************************************************************************************/

    #rechts .Pauschalenkategorie, #rechts .urlaubsorte
	{
        width: 480px !important;
        margin: 10px auto !important;
        text-align: center !important;
	}

    #rechts .Pauschalenkategorie ul, #rechts .urlaubsorte ul
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #rechts .Pauschalenkategorie li, #rechts .urlaubsorte li
	{
        width: 98%;
        font-size: 16px !important;
        padding: 1%;
        margin: 1px 0 0 0;
        background-color: #bac474;
        list-style-type: none;
        text-align: center;
	}

    #rechts .Pauschalenkategorie a, #rechts .urlaubsorte a
	{
        color: #404040;
        display: block;
	}

/**************************************************************************************************/

    #bisyNavi
	{
        width: 480px !important;
        margin: 10px auto !important;
        text-align: center !important;
	}

/**************************************************************************************************/

    .linkButton
	{
        display: block !important;
        clear: both !important;
        margin: 5px 0 0 0 !important;
	}

    .onlinebuchung
	{
        width: 480px !important;
        margin: 10px auto !important;
        text-align: center !important;
	}

    .angebot
	{
        width: 480px !important;
        margin: 10px auto !important;
        text-align: left !important;
	}

/**************************************************************************************************/

    #infoleiste .block
	{
        width: 47%;
        float: left !important;
        margin: 0 1% 0 0;
        padding: 1%;
	}
}

/**************************************************************************************************/
/*CSS für Smartphone*/
/**************************************************************************************************/

@media only screen and ( max-width: 500px )
{
    #links .biy p
    {
        padding 0 6px;
    }

    #links .Pauschalen div
	{
        margin: 0 0 20px 0 !important;
        padding: 0 2% !important;
        width: 96% !important;
        float: left !important;
        background-color: #dddddd;
        clear: none !important;
        text-align: center !important;
	}

    #links .Pauschalen div img
	{
        height: 150px !important;
        width: 220px !important;
        overflow: hidden;
        float: none !important;
        margin: 10px auto !important;
	}

    #links .Pauschalen div .hiddenclear
	{
      display: none;
	}

    #links .Pauschalen h3
	{
        font-size: 22px;
        border-bottom: 1px solid #cccdce;
        font-weight: 200;
        margin: 0 0 10px 0;
        padding: 20px 0 5px 0;
        vertical-align: bottom;
        color: #404040 !important;
	}

    #links .Pauschalen h3 a
	{
        color: #404040 !important;
        text-decoration: none;
	}

    #links .Pauschalen .linkButton
	{
        width: 90% !important;
        margin: 10px auto !important;
	}

    #links .searchNavi li
	{
        height: 40px !important;
	}

/**************************************************************************************************/

    #rechts div, #rechts article
    {

        text-align: center !important;
    }

    #rechts .bild-auto img
    {
        width: auto !important;
        height: auto !important;
        margin: 0 auto 10px auto !important;
    }

    #rechts .newsletter
    {
        width: 92% !important;
        padding: 10px 0;
    }

    #rechts .submitbutton input
	{
        font-size: 18px;
	}

    #rechts .Pauschalenkategorie ul, #rechts .urlaubsorte ul
	{
        margin: 0;
        padding: 0;
        width: 100%;
	}

    #rechts .Pauschalenkategorie li, #rechts .urlaubsorte li
	{
        width: 98%;
        font-size: 16px !important;
        padding: 1%;
        margin: 1px 0 0 0;
        background-color: #bac474;
        background-image: url(/layout/pfeile-schwarz.png);
    	background-position: center left;
    	background-repeat: no-repeat;
        list-style-type: none;
        text-align: center;
	}

    #rechts .Pauschalenkategorie a, #rechts .urlaubsorte a
	{
        color: #404040;
        display: block;
	}

/**************************************************************************************************/
/*Formular*/
/**************************************************************************************************/

    #BWBuchung input
	{
    	width: 100%;
    	margin: 0;
    	padding: 2px 5px 2px 5px;
    	font-size: 12px;
    	border: 1px solid #000;
	}

    #BWBuchung textarea
	{
    	width: 100%;
    	height: 100px;
    	margin: 0;
    	padding: 2px 5px 2px 5px;
    	font-size: 12px;
    	font-family: Arial, Helvetica;
    	border: 1px solid #000;
	}

    #BWBuchung .submit
	{
    	width: auto;
        margin: 0;
        padding: 5px;
        font-size: 15px;
	}
}

@media only screen and ( max-width: 336px )
{
    #bild h1
    {
        font-size: 25px;
    }
}

/**************************************************************************************************/

#links .Gastgeber .noticeSammelanfrage
{
	background-color: #a00;
	padding: 0 !important;
	margin: 0 0 15px 0;
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color 0.3s; /* For Safari 3.1 to 6.0 */
    transition: background-color 0.3s;
	visibility: hidden;
	overflow: hidden;
	position: relative;
}

#links .Gastgeber .noticeSammelanfrage:hover
{
	background-color: #a2ab5c;
}

#links .Gastgeber .noticeSammelanfrage h2
{
	padding: 25px 5px 5px 5px;
	color: #fff !important;
}

#links .Gastgeber .noticeSammelanfrage a
{
	width: 100%;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 18px;
}

#links .Gastgeber .noticeSammelanfrage p
{
	width: 100%;
	margin: 0;
	padding: 5px 5px 20px 5px;
	color: #fff;
}

#links .Gastgeber .noticeSammelanfrage .close
{
	background-image: url(/layout/close.png);
	background-position: center left;
	background-repeat: no-repeat;
	height: 25px;
	width: 25px;
	position: absolute;
	top: 8px;
	right: 8px;
	display: block;
}

/**************************************************************************************************/

#links .formular #bw_osterraetsel label
{
        width: 33%;
        display: inline-block;
}

@media only screen and ( max-width: 440px )
{
    #links .formular #bw_osterraetsel label
    {
            display: block;
    }

    #links .formular #bw_osterraetsel input
    {
        width: 100%;
    }
}

/*Themenseite*/

#links .themenseite
{
	margin: 15px 0 0 0 !important;
	padding: 0 !important;
	display: flex;
	flex-direction: row-reverse;
}

#links .themenseite div
{
	border: none !important;
}

#links .themenseite h1
{
	font-size: 20px !important;
	font-style: normal !important;
	text-decoration: none !important;
	border: none !important;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: bold !important;
	clear: none !important;
}

#links .themenseite h2
{
	font-size: 18px !important;
	text-decoration: none !important;
	margin: 10px 0 5px 0 !important;
	padding: 0 !important;
	font-weight: bold !important;
	clear: none !important;
	background: none !important;
	border: none !important;
}

#links .themenseite h3
{
	font-size: 15px !important;
	text-decoration: none !important;
	font-weight: bold !important;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: bold;
	clear: none !important;
}

#links .themenseite p
{
	font-size: 14px !important;
	text-decoration: none !important;
	font-weight: normal !important;
	margin: 5px 0 10px 0 !important;
	padding: 0 !important;
}

#links .themenseite ul
{
	margin: 0 0 10px 20px !important;
	padding: 0 !important;
}

#links .themenseite li
{
	margin: 5px 0 0 0 !important;
	padding: 0 !important;
}

#links .themenseite .inhalt
{
	clear: none !important;
	width: auto !important;
}

#links .themenseite .bilder
{
	width: 210px;
	padding: 0 !important;
	margin: 0 0 0 5px !important;
	text-align: center;
}

#links .themenseite .bilder img
{
	display: block !important;
	margin: 5px 0 0 0 !important;
	padding: 0 !important;
	float: none !important;
}

#links .themenseite .bilder .text
{
	padding: 1px 3px 5px 3px !important;
	margin: 2px 0 0 0 !important;
	font-size: 12px !important;
	font-weight: bold !important;
	text-align: right;
}

#links .themenseite .bilder .bild
{
	padding: 1px 3px 1px 3px;
	margin: 2px 0 0 0 !important;
}

/**************************************************************************************************/

@media only screen and ( max-width: 440px )
{
    #links #sitemap ul
    {
        padding-left: 15px;
    }

    #links #sitemap li
    {
        margin: 10px 0;
    }
}

/**************************************************************************************************/

.preisangaben
{
	display: flex;
	justify-content: flex-end;
	align-items: self-end;
}

.preisangaben span
{
	width: auto;
	font-weight: 600;
	line-height: 1.5em;
	flex: 5;
}

.preisangaben .preis
{
	font-size: 28px;
	color: #0b72b5;
	width: 100px;
	text-align: right;
	flex: 1;
}

.label
{
	width: 130px;
	display: inline-block;
}

/**************************************************************************************************/

#links div.ortinfos
{
	background-color: #fff;
	padding: 2vw;
	margin: 1vw;
	border: 1px solid #ccc;
}

/**************************************************************************************************/

#werbung h3
{
	background-color: #0b72b5;
	color: #fff;
	font-size: 17px;
	padding: 15px 15px !important;
	margin: 0px 0px 10px 0px !important;
}

#werbung a
{
	margin: 0px !important;
}

/**************************************************************************************************/



/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(/common/slimbox/loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(/common/slimbox/prevlabel.gif) no-repeat 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(/common/slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 95px;
	height: 22px;
	background: transparent url(/common/slimbox/closelabel.gif) no-repeat center;
	margin: 5px 0;
	outline: none;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}