/****** CSS Styles für den Internetauftritt von 

           Dr. Söhnlein-  Nürnberg
		   
          created by 
		  
		  Peter Scheel
		  Service für medizinische Berufe
		  www.scheel-service.de

******/

/**************** common settings*********************/
*  {
   list-style: none; 
   margin: 0;
   padding:0;
   text-decoration:none;
}
body {
  position: absolute;
  top:50%;
  left:50%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  text-align: center;
  color: #ffffff;
  background: #9094AB;
  font-size: 12px;
  margin-top:-300px;
  margin-left:-450px;
} 
img {
   border: 1px solid #c7c9d5;
}




    .myclass div#page {
	    width: 900px;  
    	text-align:left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
		height: 600px;
		/* background: #ffffff #e8ebec; */
    }

/* Frame */
    .myclass div#page div#topborder {
	    width: 900px;
		height: 30px;
	    background: url(../png/topborder.png) top left no-repeat;
	}    
	.myclass div#page div#bottomborder {
	    width: 900px;
		height: 30px;
	    background: url(../png/bottomborder.png) top left no-repeat;
	}
	.myclass div#page div#wrapper {
	    width: 900px;
		height: 540px;
	    background: url(../png/wrapper.png) top left repeat-y;
	}
	.myclass div#page div#footer {
	    width: 900px;
		height: 30px;
		background: #9094AB;
	}
	.myclass div#page div#footer a{
	    color:#102442;
		font-size:12px;
		margin-left:50px;
	}
	.myclass div#page div#footer a:hover{
	    color:#ffffff;
	}	
	
/* navigation */
	.myclass div#page div#wrapper div#navigation{
	    width: 300px;
		height: 540px;
		margin-left: 27px;
		background: #ffffff;
		float: left;
	}
	.myclass div#page div#wrapper div#navigation ul{
	    margin-top: 285px;
		margin-left: 30px;
		text-align: right;
		margin-right:145px;
	}	
	.myclass div#page div#wrapper div#navigation li{
	    border-bottom: 1px dashed #999;
		padding: 3px 0px 3px 0px;
	}		
	.myclass div#page div#wrapper div#navigation li#top{
	    border-top: 1px dashed #999;
	}

	.myclass div#page div#wrapper div#navigation li a{
	    font-size: 11px;
		color: #0d1d35;
		display:block;
	}	
	.myclass div#page div#wrapper div#navigation li a:hover{
		color: #A12116;
		background:#dddddd;
	}
	.myclass div#page div#wrapper div#navigation li a.focus{
		background:#dddddd;
	}
/* navbar subnavigation */

	.myclass div#page div#wrapper  ul#sub {
	    position: absolute;
		top:-120px;
		left:120px;
		width:160px;
		background: #ffffff;
    }
	
	.myclass div#page div#wrapper  ul#sub li {
		padding: 2px 0px 2px 0px;
		margin:0px;
		border:none;
    }	
	.myclass div#page div#wrapper  ul#sub li a{
	    font-size: 10px;
		color: #0d1d35;
		display:block;
	}
	.myclass div#page div#wrapper  ul#sub li a.focus{
        background:#eeeeee;
	}	
	.myclass div#page div#wrapper  ul#sub li a:hover{
		color: #A12116;
	}	
/* main */

.myclass div#page div#wrapper div.maintopindex
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/maintbg.png) top left no-repeat;
}
.myclass div#page div#wrapper div.maintopleistungen
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/leistungentbg.png) top left no-repeat;
}
.myclass div#page div#wrapper div.maintopkrankheitsbilder
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/krankheitsbildertbg.png) top left no-repeat;
}
.myclass div#page div#wrapper div.maintopteam
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/bildertbg.png) top left no-repeat;
}
.myclass div#page div#wrapper div.maintopsprechzeiten
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/sprechzeitentbg.png) top left no-repeat;
}
.myclass div#page div#wrapper div.maintopanfahrt
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/anfahrttbg.png) top left no-repeat;
}	
.myclass div#page div#wrapper div.maintopimpressum
{	
	    float: left;
	    width: 545px;
		height: 70px;
		background: #1B224A url(../png/impressumtbg.png) top left no-repeat;
}
	.myclass div#page div#wrapper div#mainbody{
	    float: left;
	    width: 545px;
		height: 370px;
		background: /* #6d78ba */ #62667c;
	}

/* Textformatting */
	.myclass div#page div#wrapper div#mainbody h1, .myclass div#page div#wrapper div#mainbody h1.lowmargin {
        margin: 10px 10px 0px 90px;
		color:#E6DDD4;
		font-size: 16px;
		font-variant:small-caps;
		
	}	
	.myclass div#page div#wrapper div#mainbody h2{
        margin: 10px 10px 0px 90px;
		color:#E6DDD4;
		font-size: 12px;
	}	
	.myclass div#page div#wrapper div#mainbody h4{
        margin: 3px 10px 0px 90px;
		color:#E6DDD4;
		font-size: 11px;
	}		
	.myclass div#page div#wrapper div#mainbody p{
        margin: 3px 10px 0px 100px;
		color: /* #E6DDD4 */ #ffffff;
		font-size: 11px;
	}	

	.myclass div#page div#wrapper div#mainbody p a{
        margin-left:30px;
		color: #1b224a;
		font-weight: 600;
		font-size: 11px;
	}	
	.myclass div#page div#wrapper div#mainbody p a:hover{
		color: #E6DDD4;
		font-size: 11px;
	}		
.myclass div#page div#wrapper div#mainbody p.lowmargin {
        margin-left: 30px;
}
.myclass div#page div#wrapper div#mainbody p.highmargin {
        margin-left: 150px;
}

.myclass div#page div#wrapper div#mainbody p.bull {
        margin: 3px 10px 0px 120px;
	    font-size: 10px;
}

.myclass div#page div#wrapper div#mainbody h1.lowmargin, .myclass div#page div#wrapper div#mainbody h2.lowmargin {
        margin-left: 20px;
}	

.myclass div#page div#wrapper div#mainbody div.link{
        margin: 10px 10px 0px 100px;
		color:#E6DDD4;
		font-size: 12px;
}
.myclass div#page div#wrapper div#mainbody div.linktop  {
        margin: 10px 10px 0px 20px;
		color:#E6DDD4;
		font-size: 12px;
}
.myclass div#page div#wrapper div#mainbody div.linkbottom  {
		color:#E6DDD4;
		position:absolute;
		bottom: 145px;
		left: 420px;
}
	
.myclass div#page div#wrapper div#mainbody div.link a, .myclass div#page div#wrapper div#mainbody div.linktop a, .myclass div#page div#wrapper div#mainbody div.linkbottom a{
		color:#E6DDD4;
		border:1px solid #E6DDD4;
		padding:1px;
	    font-size: 11px;
		margin:2px;
		float:left;
		display:block;
}	
.myclass div#page div#wrapper div#mainbody div.link a:hover, .myclass div#page div#wrapper div#mainbody div.linktop a:hover, .myclass div#page div#wrapper div#mainbody div.linkbottom a:hover{
		color:#000000;
		background:#eeeeee;
}




.myclass div#page div#wrapper div#mainbody div.linksub  {
        margin: 3px 0px 10px 10px;
		color:#E6DDD4;
		font-size: 12px;
}
.myclass div#page div#wrapper div#mainbody div.linksub2 {
        margin: -4px 0px 30px 40px;
		color:#E6DDD4;
		font-size: 12px;
}
.myclass div#page div#wrapper div#mainbody div.linksub a, .myclass div#page div#wrapper div#mainbody div.linksub2 a{
		color:#E6DDD4;
		border:1px solid #E6DDD4;
	    font-size: 10px;
		padding:1px;
}	
.myclass div#page div#wrapper div#mainbody div.linksub a:hover, .myclass div#page div#wrapper div#mainbody div.linksub2 a:hover{
		color:#000000;
		background:#eeeeee;
}	
.myclass div#page div#wrapper div#mainbody div.linksub a.focus, .myclass div#page div#wrapper div#mainbody div.linksub2 a.focus{
		color:#000000;
		background:#eeeeee;
}	


	
.myclass div#page div#wrapper div#mainbody div.linktop a.focus{
		color:#000000;
		background:#eeeeee;
}
.myclass div#page div#wrapper div#mainbody div.linkbottom a.focus{
		color:#000000;
		background:#eeeeee;
}		

.myclass div#page div#wrapper  div.mainbottomindex {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/mainbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomleistungen {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/leistungenbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomkrankheitsbilder {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/krankheitsbilderbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomteam {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/bilderbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomsprechzeiten {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/sprechzeitenbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomanfahrt {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/anfahrtbbg.png) top left no-repeat;
}
.myclass div#page div#wrapper  div.mainbottomimpressum {
	    float: left;
	    width: 545px;
		height: 100px;
		background: #1B224A url(../png/impressumbbg.png) top left no-repeat;
}


/* logo */
    .myclass div#page div#logo {
	    position:absolute;
		top: 295px;
		left:200px;
		width: 200px;
		height:200px;
		background: #ffffff url(../png/logo.png) center center no-repeat;
	}