/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.woff') format('woff'), /* Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-500 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.woff') format('woff'), /* Modern Browsers */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
       url('https://fonts.putznet.de/open-sans-v28-latin/open-sans-v28-latin-500.svg#OpenSans') format('svg'); /* Legacy iOS */
}


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

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

body
{
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 300;
    font-size: 17px;
	text-align: center;
	line-height: 1.4em;
	color: #000;
}

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

    #header
    {
        margin: 0 auto;
        top: 0;
    }

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

    #logo div
    {
        margin: 0 auto;
        padding: 0;
    }

    #logo p
    {
        margin: 0;
        padding: 0;
        text-align: center;
    }

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

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

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

    #links a, #rechts a
    {
        color: #df592d;
        text-decoration: none;
    }

    #links a:hover, #rechts a:hover
    {
        color: #df592d;
        text-decoration: underline;
    }

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

    #links li
    {
        margin: 0;
        padding: 0;
    }

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

    #footer
    {
        margin: 0;
        padding: 20px 0 20px 0;
        background-color: #31193b;
        color: #fff;
        font-size: 13px;
        text-align: center;
    }

    #footer p
    {
        margin: 0;
        padding: 0;
        line-height: normal;
    }

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

    #footer a:hover
    {
        text-decoration: none;
    }

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

.jQuery
{
	float: none;
}

/**************************************************************************************************/
/*Tabellen im Block-Modus
/**************************************************************************************************/

	table.r , .r tbody, .r tr, .r td, .r caption
	{
		display: block;
		text-align: left;
	}

	table.r
	{
		border-spacing: 1px;
	}

	.r td
	{
		border: none;
		border-top: 1px solid #fff;
	}

	.r thead, .r th
	{
		display: none;
	}

	.r .hidden
	{
		display: none;
	}

	.r td
	{
		background-color: #eee;
	}

	.r td:nth-child(1)
	{
		background-color: #ddd;
		margin: 5px 0 0 0;
	}

	.r .cellHeader, .r .cellData
	{
		display: inline-block;
		vertical-align: top;
	}
	.r .cellHeader
	{
		font-weight: 500;
		width: 30%;
	}

	.r .cellData
	{
		width: 70%;
	}

    /*Gästebuch
    /******************************************************************************/

    .gbregister
    {
    	padding: 0 0 5px 0;
    	margin: 5px 5px 15px 5px;
    	border-bottom: 1px dashed #000;
    }

    .gbregister span
    {
    	font-weight: bold;
    }

    .Gb .eintrag p
    {
    	margin: 0;
    	padding: 0;
    	line-height: normal !important;
    	position: relative;
    }

    .nachricht
    {
    	margin: 5px 0 0 0 !important;
    	padding: 0 0 0 0;
    }

    .Gb .eintrag
    {
    	padding: 0 0 5px 0 !important;
    	margin: 5px !important;
    	border-bottom: 1px solid #000;
    }

    .Gb a
    {
    	float: none !important;
    	background: none !important;
    	padding: 0 !important;
    	margin: 0 !important;
    }

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

/**************************************************************************************************/
/*CSS für PC/Laptop
/**************************************************************************************************/

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

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

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

    #logo
    {
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 1;
        width: 1200px;
    }

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

    #bild
    {
        margin: 0;
        padding: 0;
        position: relative;
        top: 68px;
        height: 536px;
    }

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

    #bild img
    {
        margin: 0;
        padding: 0;
        border-top: 2px solid #31193b;
        border-bottom: 21px solid #31193b;
    }

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

	#navi
	{
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
		color: #727272;
		width: 100%;
		z-index: 10;
        height: 82px;
        border-bottom: 1px solid #31193b;
	}

	#navi ul
	{
		margin: 0 auto;
		padding: 0;
		list-style-type: none;
        width: 1000px;
	}

    #navi > ul > li
    {
        float: left;
        height: 82px;
        line-height: 1.2em;
        display: table;
        position: relative;
        text-align: center;
        margin: 0;
        padding: 0;
    }

    #navi > ul > li > a
    {
        color: #727272;
        margin: 0;
        padding: 0;
        text-decoration: none;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 82px;
    }

    #navi > ul > li > a:link, #navi > ul > li > a:visited
    {
        margin: 0;
        padding: 0 15px;
        display: table-cell;
        text-align: center;
        height: 82px;
    }

    #navi > ul > li > a:hover, #navi > ul > li > a:active, #navi > ul > li > a:focus
    {
        color: #fff;
        background-color: #df592d;
        margin: 0;
        padding: 0 15px;
        text-decoration: none;
        display: table-cell;
        text-align: center;
        height: 82px;
    }

    #navi > ul > li span, #navi > ul > li .aktiv
    {
        color: #fff;
        margin: 0;
        padding: 0 15px;
        text-decoration: none;
        background-color: #df592d;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
        height: 82px;
    }

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

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

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

    #innen
    {
        margin: 0;
        padding: 0;
    }

    #innen div
    {
        margin: 0 0 30px 0;
        padding: 0;
    }

    #innen h1
    {
        color: #31193b;
        font-size: 33px;
        text-align: center;
        margin: 45px 0 0 0;
        padding: 0;
        font-weight: normal;
    }

    #innen h2
    {
        color: #727272;
        font-size: 22px;
        text-align: center;
        margin: 20px 0 30px 0;
        padding: 0;
        font-weight: normal;
    }

    #innen h3
    {
        color: #727272;
        font-size: 20px;
        text-align: center;
        margin: 20px 0 15px 0;
        padding: 0;
        font-weight: normal;
    }

    #innen h4
    {
        color: #727272;
        font-size: 20px;
        text-align: left;
        margin: 20px 0 15px 0;
        padding: 0;
        font-weight: normal;
        border-bottom: 1px solid #727272;
    }

    #innen img
    {
        margin: 0 10px 20px 0;
        padding: 0;
        float: left;
    }

    #innen a
    {
        color: #df592d;
        text-decoration: none;
    }

    #innen a:hover
    {
        color: #df592d;
        text-decoration: underline;
    }

    #innen .impressum
    {
        text-align: center;
        border-bottom: 1px solid #c3c4c1;
        margin: 0 0 20px 0;
        padding: 0 0 20px 0;
    }

    #innen .bilder img
    {
        float: left;
        margin: 0 10px 0 0;
    }

    #innen .bildAbsatz
    {
        margin: 0;
        padding: 0;
    }

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

    #innen .block
    {
        width: 315px;
        float: left;
        margin: 0 27px 0 0;
        display: block;
        position: relative;
    }

    #innen .block img
    {
        border: 8px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton
    {
    	text-align:center;
    	margin:0;
        padding:0;
        font-size: 15px;
        position: absolute;
        bottom: 10px;
        width: 100%;
    }

    #innen .block .linkButton a
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #df592d;
        text-decoration: none;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton a:hover, #innen .block .linkButton a:active, #innen .block .linkButton a:focus
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #f79778;
        text-decoration:none !important;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block:last-child
    {
        width: 315px;
        float: right;
        margin: 0;
        display: block;
        position: relative;
    }

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

    #links
    {
        margin: 50px 50px 0 0;
        padding: 0;
        width: 650px;
        float: left;
        display: inline;
    	position: relative;
    }

    #links div
    {
        margin: 0 0 20px 0;
        padding: 0;
    }

    #links article
    {
        margin: 20px 0 0 0;
        padding: 0;
    }

    #links h1
    {
        color: #31193b;
        font-size: 28px;
        padding: 0;
        font-weight: normal;
    }

    #links h2
    {
        color: #727272;
        font-size: 22px;
        margin: 20px 0 30px 0;
        padding: 0;
        font-weight: normal;
    }

    #links h3
    {
        color: #727272;
        font-size: 18px;
        margin: 20px 0 15px 0;
        padding: 0;
        font-weight: normal;
    }

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

    #links li
    {
        list-style-type: square;
    }

    #links .li
    {
        width: 325px;
        float: left;
        margin: 0;
        padding: 0;
    }

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

    #links .bisy
    {
        margin: 30px 0 0 0;
    }

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

    #rechts
    {
        margin: 65px 0 0 0;
        padding: 0;
        width: 300px;
        float: left;
        display: inline;
    	position: relative;
    }

    #rechts div
    {
        margin: 0 0 20px 0;
        padding: 0;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
        position: relative;
    }

    #rechts .erv
    {
        padding: 0 0 30px 0;
    }

    #rechts h1, #rechts h2
    {
        text-align: center;
        background-color: #e8e7e7;
        margin: 0 !important;
        padding: 10px 0;
        border-bottom: transparent;
        font-size: 18px;
        color: #727272;
    }

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

    #rechts .linkButton
    {
    	text-align:center;
    	margin:0 0 0 0;
        padding:0;
        font-size: 15px;
        position: absolute;
        bottom: -10px;
        width: 100%;
    }

    #rechts .linkButton a
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #df592d;
        text-decoration: none;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #rechts .linkButton a:hover, #rechts .linkButton a:active, #rechts .linkButton a:focus
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #f79778;
        text-decoration:none !important;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #rechts .prospektlink
    {
        background-image: none;
        box-shadow: none;
        clear: both;
        margin: 30px 0 0 0;
        padding: 0 0 20px 0;
    }

    #rechts .prospektlink img
    {
        float: right;
    }

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

    #bisy ul, #navi2 ul
    {
        margin: 0;
        padding: 0;
    }

    #bisy li, #navi2 li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-bottom: 1px solid #cfcccc;
    }

    #bisy a, #navi2 a
    {
        color: #606060;
        display: block;
        padding: 3px 10px;
    }

    #bisy a:hover, #navi2 a:hover
    {
        padding: 3px 10px;
        color: #fff;
        display: block;
        background-color: #df592d;
        text-decoration: none;
    }

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

    #infos
    {
        margin: 50px 0 0 0;
        padding: 20px 0 20px 0;
        background-color: #e4d6be;
        color: #867272;
        font-size: 15px;
    }

    #infos article
    {
        width: 1000px;
        margin: 0 auto;
        padding: 0;
    }

    #infos div
    {
        padding: 0;
        margin: 0;
        width: 300px;
        float: left;
    }

    #infos div:nth-child(2)
    {
        padding: 0;
        margin: 0 0 0 45px;
    }

    #infos div:nth-child(3)
    {
        padding: 0;
        margin: 0 0 0 45px;
    }

    #infos p
    {
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    #infos h3
    {
        margin: 0;
        padding: 0;
        font-size: 17px;
    }

    #infos a
    {
        color: #867272;
        text-decoration: none;
    }

    #infos a:hover
    {
        text-decoration: underline;
    }

    /*Anfrageformular
    /******************************************************************************/

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

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

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

    .error
    {
    	color: #a00 !important;
    }

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

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

    .submit
    {
    	width: auto;
        margin: 0 0 0 140px;
        padding: 5px;
        font-weight: bold;
    }

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

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

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

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

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

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

/**************************************************************************************************/
/*CSS für Desktop-Version 1001 - 1200px
/**************************************************************************************************/

@media only screen and (min-width: 1001px ) and (max-width: 1200px )
{
    #container
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #container #logo
    {
        width: 100% !important;
    }

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


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

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


	.jQuery
	{
		float: left;
	}

	#navi
	{
		background-color: #9d0000;
		font-size: 20px;
		font-weight: 400;
		line-height: normal;
		color: #fff;
		width: 100%;
        margin: 58px 0 0 0;
	}

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

    #navi h2
    {
        margin: 0;
        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: #b90000;
	}

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

	#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: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;
	}

	#navi .aktiv, #navi span
	{
		background-color: #fff;
		color: #f00 !important;
		margin: 0;
		padding: 10px 20px 10px 20px;
		display: block;
		text-decoration: none;
	}

    /* 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*/
    /******************************************************************************/

    #container
    {
    	margin: 0 auto;
    	padding: 0;
    	text-align: left;
        width: 100%;
    }

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

    #logo
    {
        margin: 0;
        padding: 0;
        position: absolute;
        z-index: 1;
        width: 100%;
    }

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

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

    #bild
    {
        margin: 0 !important;
        padding: 0 !important;
        position: relative;
        top: 70px;
    }

    #bild img
    {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        padding: 0;
        border-top: 2px solid #31193b;
        border-bottom: 21px solid #31193b;
    }

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

    #innen, #links
    {
        width: 90%;
        margin: 0 5% 0 5%;
        padding: 0;
        text-align: left;
    }

    #innen div, #links div
    {
        margin: 0;
        padding: 0;
    }

    #innen p, #links p
    {
        margin: 0 0 10px 0;
        padding: 0;
    }

    #innen h1, #links h1
    {
        color: #31193b;
        font-size: 28px;
        text-align: center;
        margin: 45px 0 10px 0;
        padding: 0;
        font-weight: normal;
        border-bottom: 1px solid #727272;
        line-height: 1.0em;
    }

    #innen h2
    {
        color: #727272;
        font-size: 21px;
        text-align: center;
        margin: 20px 5px 15px 5px;
        padding: 0;
        font-weight: bold;
    }

    #innen h3, #links h3
    {
        color: #727272;
        font-size: 20px;
        text-align: center;
        margin: 20px 0 15px 0;
        padding: 0;
        font-weight: bold;
    }

    #innen a, #links a
    {
        color: #df592d;
        text-decoration: none;
        font-weight: bold;
    }

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

    #links h2
    {
        color: #727272;
        font-size: 21px;
        text-align: left;
        margin: 20px 5px 15px 0;
        padding: 0;
        font-weight: bold;
    }

    #links h3
    {
        color: #727272;
        font-size: 18px;
        text-align: left;
        margin: 20px 5px 15px 0;
        padding: 0;
        font-weight: bold;
    }

    #links li
    {
        list-style-type: square;
    }

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

    #links .bisy
    {
        margin: 30px 0 0 0;
    }

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

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

    #rechts div
    {
        width: 90%;
        margin: 30px 0 20px 5%;
        padding: 0;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
        position: relative;
    }

    #rechts h1, #rechts h2
    {
        text-align: center;
        background-color: #e8e7e7;
        margin: 0 !important;
        padding: 10px 0;
        border-bottom: transparent;
        font-size: 18px;
        color: #727272;
    }

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

    #rechts .linkButton
    {
    	text-align:center;
    	margin:0 0 0 0;
        padding:0;
        font-size: 15px;
        position: absolute;
        bottom: -10px;
        width: 100%;
    }

    #rechts .linkButton a
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #df592d;
        text-decoration: none;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #rechts .prospektlink
    {
        background-image: none;
        box-shadow: none;
        clear: both;
        margin: 30px auto;
        padding: 0 0 20px 0;
    }

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

    #rechts .erv
    {
        padding: 0 0 30px 0;
    }

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

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

    #bisy ul, #navi2 ul
    {
        margin: 0;
        padding: 0;
    }

    #bisy li, #navi2 li
    {
        margin: 0;
        padding: 0;
        list-style-type: none;
        border-bottom: 1px solid #cfcccc;
        text-align: center;
    }

    #bisy a, #navi2 a
    {
        color: #df592d;
        display: block;
        padding: 5px 10px;
        font-weight: bold;
    }

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

    #infos
    {
        margin: 30px 0 0 0;
        padding: 0;
        background-color: #e4d6be;
        color: #fff;
        font-size: 15px;
        text-align: center;
    }

    #infos article
    {
        width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    #infos div
    {
        padding: 20px 0 20px 0;
        margin: 0;
        width: 100%;
        float: left;
        border-bottom: 1px solid #fff;
    }

    #infos p
    {
        margin: 0;
        padding: 0;
        line-height: normal;
    }

    #infos h3
    {
        margin: 0;
        padding: 0;
        font-size: 17px;
    }

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

    /*Anfrageformular
    /******************************************************************************/

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

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

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

    .error
    {
    	color: #a00 !important;
    }

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

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

    .submit
    {
    	width: auto;
        margin: 0;
        padding: 10px;
        font-weight: bold;
        font-size: 15px;
    }

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

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

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

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

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

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

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

}


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

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

    #logo img
    {
        width: 50% !important;
        height: auto !important;
    }

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

    #innen img, #links img
    {
        width: 46% !important;
        height: auto !important;
        float: left;
        margin: 10px 2% 0 0;
    }

    #innen .block, #innen .blockrechts
    {
        width: 29%;
        float: left;
        margin: 0 25px 0 0;
        display: block;
        position: relative;
    }

    #innen .block h3, #innen .blockrechts h3
    {
        font-size: 17px;
        border-bottom: 1px solid #000;
        text-align: center;
        margin: 10px 0 10px 10px;
    }

    #innen .block img, #innen .blockrechts img
    {
        width: 100% !important;
        height: auto !important;
        border: 8px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton, #innen .blockrechts .linkButton
    {
    	text-align:center;
    	margin:0;
        padding:0;
        font-size: 15px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }

    #innen .block .linkButton a, #innen .blockrechts .linkButton a
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #bd642c;
        text-decoration: none;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton a:hover, #innen .block .linkButton a:active, #innen .block .linkButton a:focus
    #innen .blockrechts .linkButton a:hover, #innen .blockrechts .linkButton a:active, #innen .blockrechts .linkButton a:focus
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #d5834f;
        text-decoration:none !important;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .preise
    {
        width: 32%;
        height: 500px;
        float: left;
        margin: 0 2% 0 0;
        display: block;
        position: relative;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .preise:last-child
    {
        width: 32%;
        float: left;
        margin: 0 0 0 0;
        display: block;
        position: relative;
    }

    #innen .preise img
    {
        width: 90% !important;
        height: auto !important;
        margin: 10px 0 0 0;
    }

    #innen .preise p:first-of-type
    {
        padding: 0;
    }

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

    #rechts img
    {
       margin: 0 10px 0 0;
       float: left !important;
    }

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

    #links .li
    {
        width: 46%;
        float: left;
        margin: 0 2% 0 0;
        padding: 0;
    }

    /*Anfrageformular
    /******************************************************************************/

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

    /******************************************************************************/
}

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

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

    #logo img
    {
        width: 80% !important;
        height: auto !important;
    }

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

    #innen img, #links img, #rechts img
    {
        width: 100% !important;
        height: auto !important;
        margin: 0;
        padding: 0;
    }

    #innen .block, #innen .blockrechts
    {
        margin: 0 0 50px 0;
        position: relative;
    }

    #innen .block img, #innen .blockrechts img
    {
        width: 95% !important;
        height: auto !important;
        border: 8px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton, #innen .blockrechts .linkButton
    {
    	text-align:center;
    	margin:0;
        padding:0;
        font-size: 15px;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }

    #innen .block .linkButton a, #innen .blockrechts .linkButton a
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #bd642c;
        text-decoration: none;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .block .linkButton a:hover, #innen .block .linkButton a:active, #innen .block .linkButton a:focus
    #innen .blockrechts .linkButton a:hover, #innen .blockrechts .linkButton a:active, #innen .blockrechts .linkButton a:focus
    {
    	color:#fff;
    	padding:5px 10px 5px 10px;
    	margin:0;
    	float:none;
    	font-weight:normal;
        background-color: #d5834f;
        text-decoration:none !important;
        border: 6px solid #fff;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .preise, #innen .preise:last-child
    {
        width: 100%;
        margin: 0 0 20px 0;
        box-shadow: 0px 0px 5px #615c5c;
        -moz-box-shadow: 0px 0px 5px #615c5c; /* Mozilla Firefox */
        -webkit-box-shadow: 0px 0px 5px #615c5c; /* Google Chrome */
    }

    #innen .preise img
    {
        width: 60% !important;
        height: auto !important;
        margin: 10px 0 0 0;
    }

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

    #links .li
    {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    #links iframe
    {
        width: 100% !important;
        height: 400px !important;
    }

    /*Anfrageformular
    /******************************************************************************/

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

    /******************************************************************************/
}

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

.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;
}