@import url("standard.css");

/*
# --- C S S - I N F O ------------------------------------------------------{}*/

/*
   Cascading Stylesheet http://www.drhuf.de
   by Dennis Frank / http://www.dennisfrank.info
   last update: 2005-09-17
   
    
*/

/*
# --- B O D Y --------------------------------------------------------------{}*/
	* html body {
        font-size : x-small; /* für IE5.x/win */
        f\ont-size : small;  /* für andere IE */
		/* Simplified Box Model Hack:
		   http://www.info.com.ph/~etan/w3pantheon/style/modifiedsbmh.html */
	}

	body {
		font : small/1.5em Arial, "Helvetica Neue", Helvetica, sans-serif;
		color : #000;
		background : #efefef url(/img/bg_body.gif) repeat-x;
		margin : 0; padding : 0 0 3em 0;
	}
    
/*
# --- L I N K S ------------------------------------------------------------{}*/
        
    a {
			text-decoration : underline;
			cursor : pointer;
			color: #0B70A9;
    }

    a:hover {
	    color: #B10600;
		}
    
    a:active {
    }
    
    a:visited {
    }
    	    
/*
# --- B L O C K S ----------------------------------------------------------{}*/

    #container {
        min-width : 980px;
    } * html #container {width : 980px;}

		#head {
			display: relative;
			z-index : 100;
			top: 0; left: 0;
		}
    
    h1 {
      position : absolute; 
      text-indent : -5000em;
      background : url(/img/page_logo.jpg) no-repeat;
      font-size : 100%;
      top : 10px; left : 2em;
    }
    
    h1 a {
      display : block;
      width : 337px; height : 129px;
      text-decoration : none;
    }
    
    #contact-box {
      position: absolute;
      background: url(/img/contact_box.gif) no-repeat;
      top: 30px; left: 500px;
      width: 187px; height: 110px;
      text-indent: -500em;
    }

    #nav {
	    position : absolute;
	    z-index : 10;
	    top : 176px; left : 2em;
    } * html #nav {top : 175px;} /* für IE/win */
    
    #nav_sub {
        position : relative;
        top : 202px;
        width : 100%;
        background : yellow;
        overflow : auto;
        display : none;
    }

    #content {
        position : relative;
        float : left;
        margin-top : 230px;
    }
    
    #neues {
    
    }

    #sidebar {
        float : left;
        margin : 232px 0 3em 1em;
    }

    #aktuelles, #neues {
        min-width : 178px;
        min-height : 150px;
        width : 20em;
        margin-bottom : 2em;
    }   /* for Internet Explorer */
        /* http://www.stunicholls.myby.co.uk/boxes/minheight.html */
        /*\*/
        * html #aktuelles, * html #neues {
            width : 18em;
            height: 150px;
        }
        /**/

    
    #footer {
        clear : both;
    }

/*
# --- N A V I G A T I O N --------------------------------------------------{}*/

	#nav ul {
		margin : 0;
	}

	#nav li {
		float: left;
	}

	#nav li a {
		display : block;
		float : left;
		height: 20px;
		padding: 5px 6px 0 6px;
		background : url(/img/nav_arrow.gif) no-repeat 0 0;
	    padding-left : 30px;
		text-decoration: none;
		color : #666;
	}
	
	#nav li a:hover {
		background-position : 0 -26px;
		color: #0B70A9;
	}

	#nav li.active {
		background : url(/img/bg_nav_left.gif) no-repeat top left;
		margin: -1px 0 0 0;
		padding-left : 0;
	}

	#nav li.active a {
		height : 48px;
		min-width : 90px;
		padding : 5px 16px 0 16px;
		border: 0;
		text-align : center;
		font-weight : bold;
		font-size : 100%;
		letter-spacing : .1em;
		background : url(/img/bg_nav_right.gif) no-repeat top right;
		color: #B10600;
	}

	#nav li.active a:hover {
		background : url(/img/bg_nav_right.gif) no-repeat top right;
        color: #0B70A9;
	}

    * html #nav li.active {
    }
    
    * html #nav li.active a {
        width : 90px; /* min-width für IE/win */
    }    

    #nav_sub ul {
        clear : both;
        margin : 0 0 0 2em;
    }

    #nav_sub li {
        display : block;
        float : left;
    }
    
    #nav_sub li a {
        padding : .5em 0 0 .5em;
    }

/*
# --- A R T I C L E --------------------------------------------------------{}*/

    .article_side {
        width : 160px;
        float : left;
        clear : left;
        min-height : 1em;
        margin-left : 1em;
    }
        
    .article_side dl {margin : 0;}
    .article_side dt, .article_side dd {
        margin : 0;
        text-align : center;
    }    
    .article_side dd {
        font-size : 86%;
        color : #444;
    }

    .article {
        background-color : #fff;
        margin-bottom : 2em;
        width : 40em;
        float : left;
    }
    
    .article_body {
        background-color : #fff;
        margin : 0 -11px 0 -11px;
        padding : .1em 1.6em .1em 1.6em;
        background-repeat : repeat-x;
        overflow : hidden;
    }
    
    .bg {
        padding-top : 60px;
    }
    
    .article_body p.img {
        text-align : center;
    }
    
    .article_body img {
        border : 1px solid #D7D7D7;
    }


    .article h2 {
        color : #B10600;
        font-size : 1em;
        margin : 0 -20px 0 -14px;
        padding : 0;
        color : #fff;
    }
    
    .article p {
    }
    
    .article img.border {
        border : 1px solid #0B70A9;
        padding : 5px;
        background-color : #fff;
    }
    
    .article ul li {
        background : url(/img/ul_bullet.gif) no-repeat 5px 1px;
        padding : 0 0 .5em 30px;
        
    }
    
    /* Borders */
    
h2 {
    background:#0B70A9 url(/img/h2_left.jpg) repeat-y 0 -14px;
}

h2 span {
    display : block;
    padding : 0 .55em .55em .65em;
    font-size : 150%;
    margin-left : 14px;
    background:url(/img/h2_right.jpg) repeat-y 100% -14px;
}

/*
siehe: http://www.456bereastreet.com/archive/200506/customising_custom_corners_and_borders
*/
    
/* Top border and right corner */
.bt {
    background:url(/img/article_box.gif) no-repeat 100% 0;
    margin:0 0 0 14px;
    height:14px;
}
.article .bt {background-image:url(/img/h2_right.jpg);}
/* Top left corner */
.bt div {
    height:14px;
    width:14px;
    position:relative;
    left:-14px;
    background:url(/img/article_box.gif) no-repeat 0 0;
}
.article .bt div {background-image:url(/img/h2_left.jpg);}
/* Bottom border and right corner */
.bb {
    background:url(/img/article_box.gif) no-repeat 100% 100%;
    margin:0 0 0 14px;
    height:20px;
}
/* Bottom left corner */
.bb div {
    height:20px;
    width:14px;
    position:relative;
    left:-14px;
    background:url(/img/article_box.gif) no-repeat 0 100%;
}
/* Left border */
.i1 {
    padding:0 0 0 14px;
    background:url(/img/article_borders.gif) repeat-y 0 0;
}

/* Right border */
.i2 {
    padding:0 20px 0 0;
    background:url(/img/article_borders.gif) repeat-y 100% 0;
}

    
    
/*
# --- N E U E S - A K T U E L L E S ----------------------------------------{}*/

    #aktuelles, #neues {
        background : url(/img/aktuelles.gif) no-repeat 0 0;
        padding-left : 6px; 
        padding-top : 1px;
    }

    #aktuelles h3, #neues h3 {
        font-size : 110%;
        margin : 8px 0 0 30px;
    }
    
    #aktuelles h3 a, #neues h3 a {text-decoration : none;}
    #aktuelles h3 a:hover, #neues h3 a:hover {text-decoration : underline;}
    
    #neues .neues_artikel {
        margin : 0 0 1em .5em;
        font-size : 80%;
        line-height : 1.5em;
    }
    
    #neues .neues_artikel h4 {
        font-size : 110%;
        margin-bottom : -.8em;
    }
    
    
    #neues .neues_artikel .more {
        margin-top : -1em;
    }
    
    #aktuelles dl {
    }
    
    #aktuelles dt {
        font-weight : bold;
        margin-top : 1em;
        font-size : 100%;
        color : #666;
    }
    
    #aktuelles ul {
    }
    
    #aktuelles li {
        font-size : 80%;
        padding-left : 4.5em;
        line-height : 1.5em;
    }
    
    .aktuelles_date, .neues_date {
        color : #B10600; 
        text-decoration : none;
    }

    #aktuelles .aktuelles_date {
        margin-left : -4.3em;    
    }
            
    .aktuelles_cat {
        color : #B10600;
    }
        
/*
# --- Z A H N S C H E M A --------------------------------------------------{}*/

    #zahnschema {
        position : relative;
        height : 330px;
        overflow : hidden;
    }
    
    #zahnschema h4 {
        position : absolute;
        height : 25px; width : 460px;
        top : 142px; left : 0;
        font-size : 130%;
        text-align : center;
        color : #54A6D5;
    }

    #zahnschema ul {
        position : relative;
        height : 200px; width : 470px;
        margin : 0;
    }
    
    #zahnschema li {
        position : relativ;
        padding : 0;
        background-image : none;
        float : left;
    }
    
    #zahnschema a {
        display : block;
        background : url(/images/15.jpg) no-repeat 0 -150px;    
        line-height : 80px;
        width : 48px; height : 150px;
        float : left;
        text-align : center;
        font-size : 80%;
        text-decoration : none;
        cursor : default;
    }
    
    #zahnschema a span {display : none;}
    
    #zahnschema a:hover span, #zahnschema a:focus span {
        display : block; position : absolute;
        background-color : #fff;
        top : 150px; left : 0;
        height : 40px;
        line-height : 1.2em;
        word-spacing : 0;
        width : 460px;
        color : #555;
    }
    
    #zahnschema_oben {
        z-index : 10;
    }
    
    #z18 a {width : 49px;}
    #z18 a:hover, #z18 a:focus {background-position : 0 0;}
    
    #z17z16 a {width : 59px; background-position : -49px -150px}
    #z17z16 a:hover, #z17z16 a:focus {background-position : -49px 0;}
    
    #z15z14 a {width : 45px; background-position : -108px -150px}
    #z15z14 a:hover, #z15z14 a:focus {background-position : -108px 0;}
    
    #z13 a {width : 26px; background-position : -153px -150px}
    #z13 a:hover, #z13 a:focus {background-position : -153px 0;}
    
    #z12z11z21z22 a {width : 105px; background-position : -179px -150px}
    #z12z11z21z22 a:hover, #z12z11z21z22 a:focus {background-position : -179px 0;}
    
    #z23 a {width : 23px; background-position : -284px -150px}
    #z23 a:hover, #z23 a:focus {background-position : -284px 0;}
    
    #z24z25 a {width : 44px; background-position : -307px -150px}
    #z24z25 a:hover, #z24z25 a:focus {background-position : -307px 0;}
    
    #z26z27 a {width : 60px; background-position : -351px -150px}
    #z26z27 a:hover, #z26z27 a:focus {background-position : -351px 0;}
    
    #z28 a {width : 50px; background-position : -411px -150px}
    #z28 a:hover, #z28 a:focus {background-position : -411px 0;}

    #zahnschema_unten {
        top : -50px;
    }
    
    #zahnschema_unten li {
        margin-top : 35px;
    }

    #zahnschema_unten a {
        background : url(/images/14.jpg) no-repeat 0 -150px;    
        line-height : 210px;
    }
    
    #zahnschema_unten a:hover span, #zahnschema_unten a:focus span {
        top : 0;
    }

    #z48 a {width : 50px;}
    #z48 a:hover, #z48 a:focus {background-position : -0 0;}
    
    #z47z46 a {width : 69px; background-position : -50px -150px}
    #z47z46 a:hover, #z47z46 a:focus {background-position : -50px 0;}
    
    #z45z44 a {width : 46px; background-position : -119px -150px}
    #z45z44 a:hover, #z45z44 a:focus {background-position : -119px 0;}
    
    #z43 a {width : 24px; background-position : -165px -150px}
    #z43 a:hover, #z43 a:focus {background-position : -165px 0;}
    
    #z42z41z31z32 a {width : 86px; background-position : -189px -150px}
    #z42z41z31z32 a:hover, #z42z41z31z32 a:focus {background-position : -189px 0;}

    #z33 a {width : 23px; background-position : -275px -150px}
    #z33 a:hover, #z33 a:focus {background-position : -275px 0;}
    
    #z34z35 a {width : 44px; background-position : -298px -150px}
    #z34z35 a:hover, #z34z35 a:focus {background-position : -298px 0;}

    #z36z37 a {width : 69px; background-position : -342px -150px}
    #z36z37 a:hover, #z36z37 a:focus {background-position : -342px 0;}

    #z38 a {width : 50px; background-position : -411px -150px}
    #z38 a:hover, #z38 a:focus {background-position : -411px 0;}


/*
# --- G O O G L E M A P S --------------------------------------------------{}*/

	#map {
		width: 100%; height: 400px;
		border: 1px solid #ccc;
	}
	
	#map .mapinfo {
		width:16em;
		padding:4px;
		height:7.5em;
	}
	
	#map .mapinfo strong {color: #0B70A9;}
	#map .mapinfo span {font-size: 90%;}