html {height: 100%;}
* {margin: 0; padding: 0;}

body {
 min-height: 100%;
 height: 100%;
 margin: 0;
 padding:0;
 text-align: center;
 font-family: Arial, Verdana, Sans-Serif;
 font-weight: normal;
 font-size: 12px;
 color: #cccccc;
 background-color: #242121;
 background-image: url(../img/bg.gif);	
 background-repeat: repeat-x;
}

a, a:visited {color: #ee7f01; text-decoration: none;}
a:hover, a:active {color: #ffae00; text-decoration: underline;}

.point-line{clear:both; font-size:0; height: 1px; background-image: url(../img/point_line.gif);	background-repeat: repeat-x; margin: 20px 0px 20px 0px;}

.sepblk{height: 20px; display:block; clear: both;}
.sepblk-1{height: 10px; display:block; clear: both;}
.sepblk-2{height: 5px; display:block; clear: both;}

.clear {clear: both; margin: 0; padding: 0; height: 0px; line-height: 0px; font-size: 0px; visibility: hidden;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

img{border: 0;}
form{display:inline;}
input:focus, textarea:focus, select:focus,
input.sffocus, textarea.sffocus, select.sffocus, select.sfactive {color: #000000; background-color: #fafff9;}

#wrapper {width: 980px; margin: 0 auto; text-align: left;}

#header{display: block; clear: both; margin: 0px 0px 32px 0px;}
#header-logo{float: left; width: 333px; height: 200px; margin: 0px 14px 0px 0px; text-align: right;}
#header-logo .logo{width: 184px; height: 53px; margin: 146px 0px 0px 0px;}
#header-barren{float: left; width: 14px; height: 197px; background-color: #ee7f01; margin: 0px 20px 0px 0px;}

/*  start header-menue hover */
#header-menu {float:left; width: 500px; height:16px;  margin: 184px 0px 0px 0px; text-align: left;}
#header-menu ul {margin: 0; padding:0; list-style-type:none; border:0;}
#header-menu li {float:left; display:block; height:16px; margin: 0px 20px 0px 0px;}
#header-menu a {display:block; padding-top:16px; height:0; color:#000; text-decoration:none; border:0; overflow:hidden;}
* html #header-menu a:link, * html #header-menu a:visited {height:16px; he\ight:0;}
#header-menu a#item1:hover {background-position:top right; z-index:50;}
#header-menu a#item2:hover {background-position:top right; z-index:50;}
#header-menu a#item3:hover {background-position:top right; z-index:50;}
#header-menu a#item4:hover {background-position:top right; z-index:50;}
#header-menu a#item5:hover {background-position:top right; z-index:50;}
#header-menu a#item6:hover {background-position:top right; z-index:50;}
* html #header-menu a:hover {height:16px; he\ight:0;}

#header-menu li.list1 {background:transparent url(../btn/mnu_home.gif); width:44px;}
#header-menu li.list2 {background:transparent url(../btn/mnu_vita.gif); width:35px;}
#header-menu li.list3 {background:transparent url(../btn/mnu_praxis.gif); width:50px;}
#header-menu li.list4 {background:transparent url(../btn/mnu_leistungen.gif); width:80px;}
#header-menu li.list5 {background:transparent url(../btn/mnu_prtner.gif); width:60px;}
#header-menu li.list6 {background:transparent url(../btn/mnu_kontakt.gif); width:62px;}

#header-menu a#item1 {background:transparent url(../btn/mnu_home_hv.gif) -44px -16px no-repeat; width:44px;}
#header-menu a#item2 {background:transparent url(../btn/mnu_vita_hv.gif) -35px -16px no-repeat; width:35px;}
#header-menu a#item3 {background:transparent url(../btn/mnu_praxis_hv.gif) -50px -16px no-repeat; width:50px;}
#header-menu a#item4 {background:transparent url(../btn/mnu_leistungen_hv.gif) -80px -16px no-repeat; width:80px;}
#header-menu a#item5 {background:transparent url(../btn/mnu_prtner_hv.gif) -60px -16px no-repeat; width:60px;}
#header-menu a#item6 {background:transparent url(../btn/mnu_kontakt_hv.gif) -62px -16px no-repeat; width:62px;}
/*  end header-menue hover  */

#content{display: block; clear: both; margin: 0px 0px 10px 0px;}
#cont-left{float: left; width: 360px; min-height: 300px; margin: 0px 32px 0px 0px;}
#cont-left .leftimage{float: right; width: 348px; min-height: 215px; border: 1px solid #cccccc; margin: 7px 0px 0px 0px;}
#cont-right{float: left; width: 580px; min-height: 300px; line-height: 18px;}

.cont-box{float: left; width: 580px; width/**/:/**/ 560px; margin: 0px 0px 2px 0px; padding: 10px 10px 10px 10px; background-color: #2b2828;}

.cont-quote{display: block; clear: both;}
.cont-subline{display: block; clear: both; margin: 0px 0px 5px 0px;}

.txtcol-a{color: #ee7f01;}
.txtcol-b{color: #cccccc;}

ul.arrow{list-style-type:none;}
ul.arrow li{background-image:url(../img/arrow.gif); background-position: 0px 5px; background-repeat: no-repeat; list-style-position: outside; margin: 0px 0px 1px 0px; padding: 0px 0px 0px 10px;}
ul.arrow li.curr a {font-weight: bold;}
ul.arrow li.curr{margin: 20px 0px 20px 0px;}
ul.arrow li.mgn-t{margin: 20px 0px 0px 0px;}
ul.arrow li.mgn-b{margin: 0px 0px 20px 0px;}

ul.bline{list-style-type:none; margin: 1px 0px 0px 0px;}
ul.bline li{background-image:url(../img/bline.gif); background-position: 0px 5px; background-repeat: no-repeat; list-style-position: outside; margin: 0px 0px 1px 0px;}

#footer{display: block; clear: both; margin: 40px 0px 20px 394px; font-size: 10px;}
.copyright a, .copyright a:visited {color: #cccccc; text-decoration: none;}
.copyright a:hover, .copyright a:active {color: #ffae00; text-decoration: underline;}
.dreipunkt a, .dreipunkt a:visited {color: #ee7f01; text-decoration: none;}
.dreipunkt a:hover, .dreipunkt a:active {color: #ffae00; text-decoration: underline;}