@charset "utf-8";

/****** CSS fuss-im-fokus.de ************
******* author: Steffen Nobis ***********
******* homepage: www.cey-design.de *****
******* date: 16/06/2011 ****************
****************************************/


/***************** Text Format ***************
*--------------------------------------------*/
@font-face {
    font-family: 'BemboStdBoldItalic';
    src: url('../fonts/bembostd-bolditalic-webfont.eot');
    src: url('../fonts/bembostd-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/bembostd-bolditalic-webfont.woff') format('woff'),
         url('../fonts/bembostd-bolditalic-webfont.ttf') format('truetype'),
         url('../fonts/bembostd-bolditalic-webfont.svg#BemboStdBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


body,html {
	background:url(../images/bg.jpg) repeat;
	font: 14px/14px Arial, sans-serif;
	color:#444;
}
img.center {margin-left:25%;}
a img, img{border:1px solid #999;}
a img:hover {
	border-color:#39639a;
	border-left:2px solid #39639a;
	border-right:2px solid #39639a;
}
#karte img {border:none;}
a {color:#39639a;}
a:hover {text-decoration:none;}

h1 {font:24px/24px 'BemboStdBoldItalic', Arial, sans-serif;color:#39639a;} /*#445f82*/
h2 {font:24px/24px 'BemboStdBoldItalic', Arial, sans-serif;color:#39639a;}
h3 {font:20px/20px 'BemboStdBoldItalic', Arial, sans-serif;color:#39639a;}
#header h1 {display:none;}
#slogan h1 {color:#fff;}
#praxiszeiten h2 {margin-left:48px;margin-top:9px;}
#left h3 {margin-left:10px;}

#topnav {text-align:right;}
#topnav a {text-decoration:none; color:#999; font-size:13px;}
#topnav a:hover {color:#39639a;}

#box_adr .text-indent {margin-top:-10px;}
#adr .text-indent {margin-top:-15px;}

#right {text-align:center; line-height:1.2em;}

#praxiszeiten p {margin-top:0px;}
#praxiszeiten .termine {line-height:3em;}
#praxiszeiten .praxis_bottom {
	color:#39639a;
	font:18px/18px 'BemboStdBoldItalic', Arial, sans-serif;
	line-height:1.6em;
	text-align:center;
}

.blue {color:#39639a;}
.copyright {text-align:right; color:#999; font-size:13px;margin-top:-10px;}
.text-indent {text-indent:4.7em;}
.clr {clear:both;}
.float_left {float:left;}
.align_right {text-align:right;}
.small {font-size:13px;line-height:1.2em!important;}
.no-style {list-style-type:none !important;}

#incontent {
	padding-right:25px;
	line-height:1.3em;
}
ul#leistungen {line-height:1.4em;font-size:12px;}
ul#leistungen strong {}

#footer .tel {text-align:right;margin-left:35px;}
#footer p {float:left;}
#footer {
	font:20px/20px 'BemboStdBoldItalic', Arial, sans-serif;color:#39639a;
	padding-top:15px;
}


/************* Navi Text Format *************/
#navi a {color:#fff; text-decoration:none; line-height:1.4em;}
#navi li:hover {background-color:#96a2ab;}
.current {background-color:#96a2ab;}

#navi ul {margin-left:-12px;}
#navi li.first {border-top:1px solid #fff; border-bottom:1px solid #fff;}
#navi li.long {height:45px;line-height:1.5em;}
#navi li.long .text-indent {margin-left:0.7em;}
#navi li {
	list-style:none;
	border-bottom:1px solid #fff;
	height:37px;
	line-height:37px;
	padding-left:9px;
}
#navi li:before{content:'• ';color:#fff;}

/***************** Main Structure/Layout ****************
*-------------------------------------------------------*/
#page {
	width:963px;
	height:753px;
	margin:40px auto;
}
#navi {
	background: url(../images/navi.jpg) no-repeat;
	width:250px;
	height:423px;
	float:left;
	padding-top:330px;
}
#slogan {
	position:absolute;
	float:left;
	padding-left:32px;
	padding-top:10px;
}
#topnav {
	border-top:5px solid #b0b0b0;
	height:42px;
}
#topnav ul {margin-top:7px;}
#topnav li {
	display:inline;
	padding-right:10px;
	padding-top:10px;
	padding-bottom:5px;
}
#topnav  li.last{
	border-left:2px solid #b0b0b0;
	padding-left:10px;
	padding-right:0px;
}
#header {
	position:absolute;
	clear:both;
	width:910px;
	height:205px;
	margin-top:29px;
	margin-left:52px;
}
#box_adr {
	background: url(../images/header.jpg) no-repeat bottom;
	width:484px;
	height:185px;
	padding-left:140px;
	padding-top:20px;
}
#logo {
	background: url(../images/logo.jpg) no-repeat bottom;
	height:205px;
	width: 287px;
	float:right;
}
#content {
	width:697px;
	height:378px;
	margin-left:250px;
	padding-left: 25px;
	padding-top:230px;
}
#adr {float:left;margin-top:-10px;}
#karte {float:right;padding-right:70px;margin-top:-20px;}
#adr-design {float:right;padding-right:120px;margin-top:-10px;}
#left {
	background: url(../images/main_sep.png) no-repeat top right;
	float:left;
	width:185px;
}
#left ul {
	padding-left:15px;
	line-height:1.4em;
}
#left li {
	padding-bottom:5px;
	list-style-type:circle;
}
#right {
	float:left;
	width:200px;
	padding-left:5px;
}
#praxiszeiten {
	float:left;
	background: url(../images/praxiszeiten.jpg) no-repeat top;
	width:223px;
	height:246px;
	padding-left:34px;
	padding-right:30px;
	border-bottom:2px solid #445f82;
	margin-left:10px;
}
#footer {
	background: url(../images/footer.jpg) no-repeat;
	width:697px;
	height:98px;
	margin-left:250px;
	padding-left:15px;
}