@charset "utf-8";

/* CSS Document */

html, body {



	height: 100%;  /* wichtig als ausgangspunkt für alle weiteren height-werte */



	font-family: AvantGarde Bk BT, AvantGarde, Arial, Helvetica, sans-serif;



}



body {

	text-align: center;

	margin-top: 0px;

	margin-right: auto;

	margin-bottom: 0px;

	margin-left: auto;

	background-color: #ac082b;

	color: #9b0424;

	scrollbar-face-color: #ffe64b;

	SCROLLBAR-TRACK-COLOR: #ffd74b;

	scrollbar-arrow-color: #ffcc00;

	scrollbar-base-color: #fff5c4;

	scrollbar-shadow-color : #eabc1a;

	SCROLLBAR-3DLIGHT-COLOR: #fff5c4;

	SCROLLBAR-DARKSHADOW-COLOR: #ebc027;

	scrollbar-highlight-color: #fff5c4;

	background-repeat: repeat-x;

	background-image: url(../images/massage_physio_01.png);

	font-size: 0%;

	height:100%;



}

#container {

	text-align: center;

	width: 940px;  	/* das neue hintergrundbild */

	background-repeat: repeat-y;

	position: absolute;   	/*  damit das div die height:100% vom body übernimmt */

	left: 50%;		/* zentrieren */

	margin-left: -474px;	/*  zentrieren */

	min-height: 100%;	/* das funktioniert nur, wenn der unmittelbare parent "height" definiert hat*/

	background-image: url(../images/massage_physio_06.png);

	border-right-width: 4px;

	border-left-width: 4px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #FFFFFF;

	border-left-color: #FFFFFF;
	
}

* html #container { height:100%; } /*  ie-hack */



#container_inner {

	position:relative;

	width: 940px;

	text-align: center;
	margin:0px;
	background-image: url(../images/bg_container.png);

	background-repeat: repeat-y;
	

}



* html #container_inner { height:100%; } /* jogi: ie-hack */

#topmenu {

	background-repeat: no-repeat;

	height: 50px;

	width: 940px;

	text-align: center;

	margin:0px;

	background-image: url(../images/massage_physio_02.jpg);
}

#header {

	background-repeat: no-repeat;

	height: 212px;

	width: 940px;
	margin:0px;
	padding:0px;

	background-image: url(../images/massage_physio_04.png);
}

#line {

	height: 7px;

	width: 940px;

	background-color: #f6c799;


}

.clearDiv{ font-size: 0px;

           line-height: 0em;

           height: 0;

           clear: both;

}





#mainmenu {

	float: left;

	width: 173px;

	position: relative;

	margin-top:7px; /* jogi: statt dem platzhalter-div */
	
	overflow:hidden;
		 
}


#mainmenu ul{

    text-align: left;


	margin:0px;

	padding:0px;
	margin-left:2px;

}

#mainmenu ul li{
	width:164px;
	margin-top:2px;
}



#mainmenu ul li a{
    padding-left: 4px;
    margin-left:4px;
	color:#ffffff;
	display:block;
	line-height:24px;
	border:0px solid #000;
	text-transform: none;
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}

#mainmenu ul li a:hover{
	color:#990424;
	line-height:24px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left -24px;
}



#mainmenu ul li ul{
	position:relative;
	margin:0px;
}

#mainmenu ul li ul li{
	width:164px;
	margin-top:2px;

}


#mainmenu ul li ul li a{
    padding-left: 4px;
    margin-left:4px;
	color:#990424;
	display:block;
	line-height:24px;
	border:0px solid #000;
	text-transform: none;
	font-weight: bold;
	font-size: 10px;
	background-image: url(../images/menu_bg.jpg);
	background-repeat: no-repeat;
	background-position: left -24px;
}
#mainmenu ul li ul li a:hover{
	color:#620217;
	line-height:24px;
	background-image: url(../images/menu_bg_hover.jpg);
	background-repeat: no-repeat;
	background-position: left 0px;
}



#mainmenu_footer{
	background:url(../images/logo.png) no-repeat 5px top;
	height:100px;
	width:100%;
	padding-left:30px;
	margin-top:50px;
	font-size:8.8px;
	line-height:11px;
	padding-top:30px;
	font-family:Arial, Helvetica, sans-serif;
}


#mainbody {

	float: left;

	height: auto;

	width: 762px;
	margin-left:3px;
	

	
}

#mainbody-inner{
	width:750px;
	border:0px solid black;
	margin:8px auto;
}


td, th {

     font-size: 14px;   

}

.blog {

	font-size: 14px;

         padding:0px;

	margin:0px auto;
	width:100%;


}
.contentpaneopen {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid #9b0424;
	font-size: 14px;
	width:100%; 
}

table.blog div{

}


table.contentpaneopen {
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border:1px solid #9b0424;
	font-size: 14px;
	width:100%; 
}


td.contentheading {
     font-size: 18px;
	 text-transform: uppercase;
	 color: #ffffff;
	 background-color: #9b0424;
	 border:1px solid #9b0424;
}

table.contentpaneopen tr td{
	padding:6px;
}

table.contentpaneopen tr td.contentheading {
	padding:0px;
	padding-left:6px;
}

table.contentpaneopen tr td td{
	padding:0px;
}


#component-contact{
	width:100%;
	border:1px solid #9b0424;
	overflow:hidden;
	
}

#component-contact table.contentpaneopen{
	border:0px;
	width:120%;
}





a {

	font-family: Verdana, Arial, Helvetica, sans-serif;

         color: #9b0424;

         font-size: 11px;      

}



a:link {



	text-decoration: none;

          color: #9b0424;

          font-size: 11px;



}



a:visited {



	text-decoration: none;

          color: #9b0424;

          font-size: 11px;





}



a:hover {



	text-decoration: none;

         color: #9b0424;

          font-size: 11px;



}



a:active {



	 text-decoration: none;

          color: #9b0424;

          font-size: 11px;





}



.link {

	color: #FFFFFF;

}
.img {
	border: 1px solid #990424;	
}

img {
	border: 0px solid #990424;

}
a img {
	border: 1px solid #990424;	
}


.button {
        background-repeat: repeat;
        background-image: url(../images/bg_button.jpg);
        background-color: #fed74e;
        border: 1px solid #9b0424;

        color:  #9b0424;

}
.ueberschrift_rot_klein {
	color: #ad0504;
	font-weight: bold;
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.ueberschrift_rot {
	color: #ad0504;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.ueberschrift_rubinrot {
	color: #ad0504;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
.ueberschrift_blau {
	color: #1e4c7d;
	font-weight: bold;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	text-transform:uppercase;
}
