@charset "utf-8";

/* Company: Euroweb Internet GmbH */

/*==================================================
    => global tags
==================================================*/

* {
   padding:0;
   margin:0;
}

body {
   color:#2c2f3e;
   vertical-align:baseline;
   text-align: center;
   font: 14px Trebuchet MS, Helvetica, sans-serif;
   background:#fefefe url(../images/bg-body.gif) center 0 repeat;
}

ol,
ul,
dl {
   list-style:none;
}

a:link,
a:visited {
   color: #003366;
   text-decoration: underline;
}

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

a:active {
   color: #003366;
   text-decoration: none;
}


.trenn {
   padding:0 0 0 0;
   margin-bottom:10px;
   border-bottom:#dddbdb 1px solid;
   clear:left;
   height:1px;
   width:610px;
}

p {
	margin-bottom:20px;
}

#balken {
	background: #0f3b5f;
	height:5px;
	width:100%;
	position: fixed;
	top: 0;
	left: 0px;
	z-index:55555;
}

/*==================================================
    => global classes
==================================================*/

.clear {
   clear:left;
   float:none;
}

.floatLeft {
   float: left;
}

.floatRight {
   float: right;
}

.noMarginRight {
   margin-right: 0;
}


/*==================================================
    => container
==================================================*/

div#container {
   width: 977px;
   position:relative;
   margin: 0 auto;
   text-align: left;
   background: url(../images/bg-container.png) repeat-y;
}

/*==================================================
    => header  
==================================================*/

div#header {
   height: 439px;
   background: url(../images/bg-header.jpg) no-repeat 0 0;
   position:relative;
}

#slideshow {
	position: absolute;
	top: 66px;
	left: 449px;
	height: 373px;
	width: 508px;
}


/* ---- font-size <<<-------------------------------------------------------------------------------------*/

ul#header-font-size {
	position:absolute;
	width:254px;
	height:36px;
	top:0px;
	left:690px;
	text-indent:-9999em;
}

ul#header-font-size li {
	float:left;
}

ul#header-font-size li a {
   width:126px;
	height:36px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#header-font-size li a:hover {
background: url(../images/fontHover.gif); 
}

ul#header-font-size li a.bigger:hover {
	   background-position: 0px 0px;
}

ul#header-font-size li a.smaller:hover {
	   background-position: -126px 0px;
}

/*------------------ =branding  ------------------*/

h1#branding a {
	display:block;
	width:288px;
	height:134px;
	position:absolute;
	top:6px;
	left:23px;
	text-indent:-9999px;
	outline:none;
}

/*==================================================
    => contentContainer  
==================================================*/
div#contentContainer {
   height:100% !important;
   padding:0 0 0;
   width:977px;
	background: url(../images/bg-contentcontainer.jpg) no-repeat;
}

/*------------------ =contentMain  ---------------*/

div#contentMain {
   float:left;
   width: 603px;
   padding: 10px 42px 30px 20px;
   text-align:left;
   height:auto !important;
   min-height:325px;
   height:325px;
	line-height:23px;
}


#contentMain ul {
	list-style: url(../images/listitem.gif);
	margin-left: 20px; 
}


.coloumn1, .coloumn2 {
	float: left;
	width:287px;
}

.coloumn1 {
	margin-right: 29px;
}


.highlight {
	font: 18px Myriad Pro;
	font-weight:bold;
	color:#003366;
	text-transform:uppercase;
}

.small {
	font-size: 12px;
	font-style:italic;
}


/*------------------ =headlines  ---------------*/

h2 {
   font: 40px Myriad Pro;
	color:#003366;
	text-transform:uppercase;
	margin: 0px 0px 70px 13px;
}
   

/* =image */

.image {
   border: 1px solid #063869;
   padding: 2px;
   margin: 0px 10px 10px 0;
   cursor: url(../images/icon-zoomin.cur), pointer;
   outline: none;
}

.image:hover,
a:hover img.image {
   border: 1px solid #ffae00;
   padding: 2px;
}

/*==================================================
    => contentSidebar    
==================================================*/

div#contentSidebar {
	position:relative;
   float:left;
   width: 292px;
   height:auto !important;
   min-height:325px;
   height:325px;
   padding-bottom: 30px;
   display: inline;
}

.listitem {
	list-style: url(../images/listitem.gif);
	margin-left: 40px; 
}

.listitem li {
	margin-bottom: 5px;
}
/*==================================================
    => navi   
==================================================*/

ul#navi{
	width:396px;
	height:173px;
	position:absolute;
	top:212px;
	left:20px;
}

ul#navi li {
   float:left;
}

ul#navi li a {
   width:198px;
	height:43px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#navi li a:hover {
   background:url(../images/bg-naviHover.jpg) no-repeat 0 0;
}

ul#navi li a.home:hover {
   background-position: -198px 0px;
}

ul#navi li a.fit:hover {
   background-position: 0px -43px;
}

ul#navi li a.about:hover {
   background-position: -198px -43px;
}

ul#navi li a.sanitaetshaus:hover {
   background-position: 0px -86px;
}

ul#navi li a.service:hover {
   background-position: -198px -86px;
}

ul#navi li a.rehabilitation:hover {
   background-position: 0px -129px;
}

ul#navi li a.kontakt:hover {
   background-position: -198px -129px;
}

/*==================================================
    => naviAdd   
==================================================*/

ul#naviAdd{
   width:292px;
   height:69px;
	margin-top: 111px;
   background:url(../images/bg-naviAdd.gif) no-repeat 0 0;
}

ul#naviAdd li {
	float: left;
}

ul#naviAdd li a {
   height:50px;
   display:block;
   outline:none;
   text-decoration: none;
   text-indent: -999em;
}

ul#naviAdd li a.kontakt {
   width:89px;
}

ul#naviAdd li a.anfahrt {
   width:100px;
}

ul#naviAdd li a.impressum {
   width:103px;
}

ul#naviAdd li a:hover {
   background:url(../images/bg-naviAddHover.gif) no-repeat 0 0;
}

ul#naviAdd li a.anfahrt:hover {
   background-position: -89px 0px;
}

ul#naviAdd li a.impressum:hover {
   background-position: -189px 0px;
}


/*==================================================
    => footer   
==================================================*/

div#footer {
   height: 251px;
   margin:0 auto 0px;
   background: url(../images/bg-footer.jpg) no-repeat 0 0;
}

div#footerContent {
	position:relative;
	margin: auto;
	width:977px;
	height:251px;
	background: url(../images/bg-footercontent.jpg) no-repeat top;
	text-align:left;
}

#mail {
	display:block;
	width:197px;
	height:19px;
	position:absolute;
	top:166px;
	left:123px;
	text-indent:-9999px;
	outline:none;
}

#mail:hover {
	background: url(../images/bg-mailHover.gif) no-repeat 0 0;
}

/*==================================================
    => googlemaps   
==================================================*/

div#map a, div#map2 a {
   background:transparent url(../images/bg-google-enlarge.gif) repeat scroll 0 0;
   display:block;
   height:26px;
   text-indent:-9999px;
   width:276px;
}


.iframemap {
   border:1px solid #003366;
   padding:2px;
}

/*==================================================
    => clearfix   
==================================================*/

.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

.clearfix {
   display: inline-block; /* for IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {
   height: 1%;
   zoom: 1; /* triggers hasLayout */
}

.clearfix {
   display: block;
}
/* End hide from IE-mac */