/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Massage München / Basic CSS
	Januar 2007 / Roland Stern / S2 intermedia
	
	Colors:	
					Beige					Body													#FCF1BB
					Dunkel Rot			Header Top / Navigation / Text				#8D3738
					Orange				Überschrift											#F09238
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Basic
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
body{
	background-image: url(../gfx/bg_main.gif);
	background-position: top left;
	background-repeat: repeat-y;
	
	min-height: 100%;
	height: 100%;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D3738;
	/* color: #00ff00; */
	
	background-color: #FCF1BB;
}

td{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D3738;	
}

img{
	border: none;
}

h1{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	
	color: #8D3738;
	font-size: 14px;
	font-weight: bold;
	
	border-bottom: 1px solid #F09238;
}
h2{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	
	color: #8D3738;
	font-size: 14px;
	font-weight: bold;
	
	border-bottom: 1px solid #F09238;
}
div#contentRight h1{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	
	color: #8D3738;
	font-size: 14px;
	font-weight: bold;
	
	border-bottom: 1px solid #8D3738;
}
div#contentRight h2{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
	
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	
	border-bottom: 1px solid #8D3738;
}

div#contentRight a{
	color: #FFFFFF;
	text-decoration: none;
}
div#contentRight a:hover{
	text-decoration: underline;
}

ul{
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 15px;
	padding-left: 25px;
	list-style: url(../gfx/li.gif);
}

a{
	color: #E75911;
}
a:hover{
	text-decoration: none;
}

p{
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
div#claimContainer2 p{
	margin-top: 5px;
	margin-left: 19px;
}

hr{
	height: 1px;
	background-color:#B5A570;					/* Mozilla 1.4 */
	color:#ff0000;									/* IE 6 */
	border: none;
	border-bottom: 1px solid #B5A570;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Bildeigenschaften
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.csc-textpic-imagerow{
	*padding-bottom: 10px;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Divs
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#headContainer1{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 231px;
	height: 30px;
	background-color: #8D3738;
}

div#headContainer2{
	position: absolute;
	top: 0px;
	left: 231px;
	width: 767px;
	height: 30px;
	background-color: #8D3738;
}

div#logo{
	position: absolute;
	top: 30px;
	left: 0px;
	width: 231px;
	height: 170px;
}
#position{
	margin-top: 40px;
	margin-left: 25px;
}

div#claimContainer1{
	position: absolute;
	top: 30px;
	left: 231px;
	width: 528px;
	height: 170px;
}

div#claimContainer2{
	position: absolute;
	top: 30px;
	left: 759px;
	width: 239px;
	height: 170px;
	
	background-image: url(../gfx/bg_claim_right.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

div#navigation{
	position: absolute;
	top: 200px;
	left: 0px;
	width: 222px;
	height: 300px;

	background-image: url(../gfx/bg_navigation.gif);
	background-position: top right;
	background-repeat: no-repeat;
}

div#content{
	position: absolute;
	top: 200px;
	left: 231px;
	width: 470px;
	*width: 528px;
	
	padding-top: 20px;
	padding-left: 29px;
	padding-right: 29px;
	padding-bottom: 60px;
	
	text-align: justify;
	
	background-image: url(../gfx/bg_content.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
/* IE 7 Hack */
html>body div#content{
	*width: 470px;
}

div#contentLeft{
	bottom: 0px;
	padding: 30px;
	padding-top: 60px;
	padding-bottom: 0px;
	width: 162px;
	*width: 222px;
}
/* IE 7 Hack */
html>body div#contentLeft{
	*width: 162px;
}

div#contentRight{
	position: absolute;
	top: 200px;
	left: 759px;
	
	padding-top: 20px;
	padding-left: 19px;
	padding-right: 10px;
	padding-bottom: 20px;
	
	width: 210px;
	*width: 239px;
}
/* IE 7 Hack */
html>body div#contentRight{
	*width: 210px;
}

div#footer{
	position: fixed;
	*position: absolute;
	
	left: 0px;
	bottom: 0px;
	
	width: 996px;
	height: 30px;
	*height: 30px;
	
	padding-top: 10px;
}
/* IE FIX / Footer */
*div#footer{
	margin:0;
	left: 0px;
	right: auto;
	/* IE5.5+/Win - this is more specific than the IE 5.0 version */
	/*  left: expression( ( -20 - footer.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' ); */
	top: expression( ( -0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 996px;
	/*	width: expression( (ignoreme3 = allwrap.offsetWidth -2 ) + "px" ); */
}

div#footerRight{
	float: right;
	width: 229px;
	height: 30px;
	padding-top: 10px;

	text-align: center;
	
	background-color: #F09238;
}

div#footerLeft{
	position: relative;
	padding-left: 5px;
	padding-top: 10px;
	float: left;

	height: 30px;
	width: 217px;
	*width: 222px;

	font-size: 10px;
	background-color: transparent;	
}
/* IE 7 Hack */
html>body div#footerLeft{
	*width: 217px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Navigation
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul{
	margin: 0;
	padding: 0;

	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

	list-style: none;
	list-style-image: none;
}
/* ~~~ Ebene 1 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul li{
	padding-top: 5px;
	padding-bottom: 5px;
		
	text-align: right;
}
div#navigation ul li a{
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
div#navigation ul li a:hover{
	color: #8D3738;
}
div#navigation ul li a#active{
	color: #8D3738;
}
/* ~~~ Ebene 2 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#navigation ul ul{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
}
div#navigation ul ul li{
	padding-top: 3px;
	padding-bottom: 3px;
}
div#navigation ul ul li a{
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	display: block;
}
div#navigation ul ul li a:hover{
	color: #8D3738;
}
div#navigation ul ul li a#subactive{
	color: #8D3738;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Servicenavigation / UL / LI
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#servicenavigation{
	padding-right: 10px;
	text-align: right;
}
div#servicenavigation ul{
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
div#servicenavigation ul li{
	margin: 0;
	padding-left: 5px;
	padding-right: 5px;
	display: inline;
}
div#servicenavigation ul li a{
	text-decoration: none;
	color: #8D3738;
}
div#servicenavigation ul li a:hover{
	color: #E75911;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	News Extension
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Latest ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.newsLast{
	font-weight: bold;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
div.newsLast a{
	color: #8D3738!important;
	text-decoration: none;
}
div.newsLast a:hover{
	text-decoration: underline;
}
div.newsLast-date{
	color: #FFFFFF;
}
/* ~~~ List ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.newsList{
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div.newsListImg{
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
div.newsList-date{
	font-weight: bold;
	margin-bottom: 10px;
}
div.newsLink{
	text-align: right;
}
/* ~~~ Single ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div.newsSingleImg{
	padding-right: 20px;
	padding-bottom: 20px;
	float: left;
}
div.newsSingle-date{
	margin-bottom: 10px;
	font-weight: bold;
}
/* ~~~ Mixed ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.newsLink{
	padding-top: 5px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Extension seo_sitemap
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.tx-flseositemap-pi1 ul{
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 12px;
}
.tx-flseositemap-pi1 ul li{
	margin-bottom: 10px;
}
.tx-flseositemap-pi1 ul li a{
	color: #8D3738;
	font-size: 14px;
	font-weight: bold;
	
	text-decoration: none;
}
.tx-flseositemap-pi1 ul li a:hover{
	text-decoration: underline;
}
.tx-flseositemap-pi1 ul ul{
	margin-left: 20px;
	padding: 0;
}
.tx-flseositemap-pi1 ul ul li{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tx-flseositemap-pi1 ul ul li a{
	font-size: 12px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Kontaktformulare
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
label{
	float:left;
	display:block;
	font-weight: bold;
}
input,
textarea {
	width: 380px;
	border: none;
	border-left: 1px solid #72694D;
	border-bottom: 1px solid #72694D;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #8D3738;	
}
.noborder{
	width: auto;
	border: none;
}
textarea {
	width: 450px;
}
.button{
	background-color: #FFFFFF;
	width: 220px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Content Menu
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
/* ~~~ Content Right ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#contentRight ul.csc-menu{
	margin: 0;
	margin-left: -24px;
	margin-top: -10px;
	list-style: none;
	display: block;
}

div#contentRight ul.csc-menu li{
	padding-top: 2px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8D3738;
}

div#contentRight ul.csc-menu li a{
	color: #FFFFFF;
	text-decoration: none;
}
div#contentRight ul.csc-menu li a:hover{
	color: #8D3738;
}
/* ~~~ Content ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
div#content ul.csc-menu{
	margin: 0;
	margin-left: -24px;
	margin-top: -10px;
	list-style: none;
	display: block;
}

div#content ul.csc-menu li{
	padding-top: 2px;
	padding-bottom: 4px;
	border-bottom: 1px solid #8D3738;
}

div#content ul.csc-menu li a{
	font-weight: bold;
	text-decoration: none;
}
div#content ul.csc-menu li a:hover{
	color: #8D3738;
}