@charset "UTF-8";
/* CSS Document */

body {
	margin: 0 auto;
	padding: 0;
	border: 0;
	font-size: 62,5%;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;
	background-image: url(../images/bg_line.png);
	background-repeat: no-repeat;
}
img {
	margin: 0;
	padding: 0;
	border: 0;
}
h1 {
	font-family: 'QuicksandLight', Arial, sans-serif;
	font-size: 1.4em;
	color: #9d0032;
}
p {
	font-size: 0.6em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
a {
	border: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	color: #000;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
a:active {
	color: #9d0032;
}
a:visited {
	color: #000;
}
a:hover {
	color: #9d0032;
}


/* DIV ID'S */

#div_container {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: auto;
	width: 1000px;
	z-index: 0;
}
#div_sprachauswahl {
	margin: 0 auto;
	padding: 0;
	padding-top: 9px;
	padding-right: 20px;
	border: 0;
	height: 21px;
	width: 980px;
	text-align: right;
	font-size: 0.7em;
}
#div_logo_line {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 50px;
	width: 1000px;
	background-color: #9d0032;
}
#div_header {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 400px;
	width: 1000px;
	/* SCHATTEN */
	box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is pure CSS3 and so far only used in OPERA */
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using Mozilla's Gecko engine, like FIREFOX, CAMINO, FLOCK and SEA MONKEY */
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using the Webkit engine, kike CHROME and SAFARI */
	/* UNTIL CSS3 IS STANDART, YOU HAVE TO USE ALL THREE METHODS! */
	/* INTERNET EXPLORER has their own weird way of doing things, and although it's capable of making shadow it will not look the way we want it! */
	/* RGBA = Red, Green, Blue and Alpha --> SYNTAX: rgba (<red>,<green>,<blue>,<alpha>); */
	/* SCHATTEN FÜR INTERNET EXPLORER */
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3);
	   		progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2); 
}
#div_header_bilder { 
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 400px;
	width: 750px;
	float: left;
}
#div_kontakt {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 400px;
	width: 250px;
	float: right;
	background-color: #9d0032;
	background-image: url(../images/kontakt_bg.png);
	background-repeat: no-repeat;
}
#div_kontakt_daten {
	margin: 0 auto;
	margin-right: 20px;
	padding: 0;
	border: 0;
	width: 210px;
	float: right;
	text-align: center;
	color: #fff;
}
#div_menue_inhalt {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: auto;
	width: auto;
	/* SCHATTEN */
	box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is pure CSS3 and so far only used in OPERA */
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using Mozilla's Gecko engine, like FIREFOX, CAMINO, FLOCK and SEA MONKEY */
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using the Webkit engine, kike CHROME and SAFARI */
	/* UNTIL CSS3 IS STANDART, YOU HAVE TO USE ALL THREE METHODS! */
	/* INTERNET EXPLORER has their own weird way of doing things, and although it's capable of making shadow it will not look the way we want it! */
	/* RGBA = Red, Green, Blue and Alpha --> SYNTAX: rgba (<red>,<green>,<blue>,<alpha>); */
	/* SCHATTEN FÜR INTERNET EXPLORER */
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3);
	   		progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2);
}
#div_menue {
	margin: 0 auto;
	padding: 0;
	border: 0;
	height: 50px;
	width: 1000px;
	background-color: #fff;
}
#div_content {
	margin: 0 auto;
	padding: 0;
	border: 0;
	border-top: 1px solid #CCC;
	height: auto;
	width: 1000px;
	background-color: #fff;
}
#div_content_inhalt {
	margin: 0;
	padding: 20px;
	border: 0;
	border-right: 1px solid #CCC;
	min-height: 300px;
	height: auto;
	width: 709px;
}
#div_content_wetter {
	margin: 0;
	padding: 20px;
	border: 0;
	height: auto;
	width: 210px;
}
#meteoprovbz_widget {
	margin: 0 auto;
	padding: 0;
	border: 0;
}
#div_footer {
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 0;
	border: 0;
	height: 50px;
	width: 1000px;
	font-size: 0.7em;
	background-color: #fff;
	/* SCHATTEN */
	box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is pure CSS3 and so far only used in OPERA */
	-moz-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using Mozilla's Gecko engine, like FIREFOX, CAMINO, FLOCK and SEA MONKEY */
	-webkit-box-shadow: rgba(0,0,0,0.4) 0px 0px 8px; /* is for browsers using the Webkit engine, kike CHROME and SAFARI */
	/* UNTIL CSS3 IS STANDART, YOU HAVE TO USE ALL THREE METHODS! */
	/* INTERNET EXPLORER has their own weird way of doing things, and although it's capable of making shadow it will not look the way we want it! */
	/* RGBA = Red, Green, Blue and Alpha --> SYNTAX: rgba (<red>,<green>,<blue>,<alpha>); */
	/* SCHATTEN FÜR INTERNET EXPLORER */
	zoom: 1;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=0, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=45, Strength=2);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=90, Strength=3);
			progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=180, Strength=3);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=225, Strength=2);
	    	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=260, Strength=3);
	   		progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=305, Strength=2); 
}
#div_footer_left {
	text-align: left;
	margin: 0;
	margin-top: 18px;
	margin-left: 20px;
	padding: 0;
	border: 0;
	float: left; 
}
#div_footer_right {
	text-align: right;
	margin: 0;
	margin-top: 18px;
	margin-right: 20px;
	padding: 0;
	border: 0;
	float: right;
}


/* ID'S */

#kontakt_foto {
	margin: 0 auto;
	margin-left: 20px;
	margin-right: 20px;
	padding: 0;
	border: 0;
}
#kontakt_text {
	margin-top: 0;
		line-height: 1.1;   /* reob 120127: vorher 1.4; */
}
#content_text {
	font-size: 0.8em;
	text-align: justify;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	text-align: left;
}
#bg_flower_left {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: -10;
	position: absolute;
	left: 0px;
	top: 40px;
}
#bg_flower_right {
	margin: 0;
	padding: 0;
	border: 0;
	z-index: -10;
	position: absolute;
	right: 0px;
	top: 40px;
}
#table_content {
	margin: 0;
	border: 0;
	padding: 0;
}
#tr_content {
	margin: 0;
	border: 0;
	padding: 0;
}
#td_content_left {
	margin: 0;
	border: 0;
	padding: 0;
}
#td_content_right {
	margin: 0;
	border: 0;
	padding: 0;
}
#footer_link_aktiv {
	color: #9d0032;
}

/* CLASSES */
.clear_float {
	clear: both;
}
.content_ue {
	color: #9d0032;
}


/* LINK CLASSES */
a.mail_link:link {
	color: #fff;
	line-height: 1.5;
	letter-spacing: 0.1em;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
}
a.mail_link:active {
	color: #fff;
}
a.mail_link:visited {
	color: #fff;
}
a.mail_link:hover {
	color: #fff;
	text-decoration: underline;
}

a.link_impressum:link {
	color: #000;
}
a.link_impressum:active {
	color: #000;
}
a.link_impressum:visited {
	color: #000;
}
a.link_impressum:hover {
	color: #9d0032;
}


/* FONT'S */
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 14, 2011 04:02:36 AM America/New_York */
@font-face {
    font-family: 'QuicksandLight';
    src: url('../fonts/Quicksand_Light-webfont.eot');
    src: url('../fonts/Quicksand_Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light-webfont.svg#QuicksandLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandLightOblique';
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Light_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Light_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Light_Oblique-webfont.svg#QuicksandLightOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBook';
    src: url('../fonts/Quicksand_Book-webfont.eot');
    src: url('../fonts/Quicksand_Book-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book-webfont.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBookOblique';
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Book_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Book_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Book_Oblique-webfont.svg#QuicksandBookOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBold';
    src: url('../fonts/Quicksand_Bold-webfont.eot');
    src: url('../fonts/Quicksand_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold-webfont.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandBoldOblique';
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot');
    src: url('../fonts/Quicksand_Bold_Oblique-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Bold_Oblique-webfont.svg#QuicksandBoldOblique') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'QuicksandDash';
    src: url('../fonts/Quicksand_Dash-webfont.eot');
    src: url('../fonts/Quicksand_Dash-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Quicksand_Dash-webfont.woff') format('woff'),
         url('../fonts/Quicksand_Dash-webfont.ttf') format('truetype'),
         url('../fonts/Quicksand_Dash-webfont.svg#QuicksandDash') format('svg');
    font-weight: normal;
    font-style: normal;
}