/* meine CSS-Datei */
*        {
                font-family:verdana,arial,Helvetica,sans-serif;
                font-size: 13px;
                /*color:#3B5C94;*/
                color:#3F3F3F;	/*;dimgrey;color:#898684;*/
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
font-weight:normal;
letter-spacing:0;
line-height:18px;
word-spacing:0;
				/*font: 12px/140% 'Lucida Grande','Lucida Sans',sans-serif;*/

        }

.intro_text {
                color:#3f3f3f	/*#6D6D6A;*/
                font-family:verdana,Arial,Helvetica,sans-serif;
                font-size:12px;
                font-weight:normal;
                line-height:18px;
                /*margin-bottom:7px;
                margin-top:17px;*/
                word-spacing:1px;
}

td.firstContainer {
                color:#000FFF;
                font-style:italic; }

html, body {
       					height:100%;
}

body {
								/*border:1px solid #000;*/
								margin:0px auto;
								align:center;
								
								
								/*background-color:orange;*/
								background:white url(images/VerlaufBgr.png) repeat-x fixed top center;
								/*background-image:url(images/verlauf.jpg);*/
								background-repeat:repeat-x auto;
								width:900px;
								padding: 0;
}
img {
    border: none;
}

div.gradient {
background:#F2F2F2 url(./images/gradient.png) repeat-x scroll center top;
margin:15px;
}
div.gradient p {
margin:0;
padding:2px 5px;
}

td.schatten-l {
background-image:url(./images/schatten_l.png);
width:70px;
}
td.schatten-r {
background-image:url(./images/schatten_r.png);
}
div1 {
                height:200px;
                font-size:40px; }

.myTab {
                margin-left:250px; }

.myFixedPos {
                position:absolute;
                left:250px; }

.menu1 {
                width:125px;
                border:solid 1px;
                height:100px;
                margin-left:6px;
                margin-top:5px;
                border: 1px dotted;
                -moz-border-radius: 10px;
                background-color: #CCCCFF;
                }

.link1 {
								margin-top:-1px;
								margin-left:2px;
								float:left;
								height:18px;
								width:119px;
								text-decoration:none;
								text-indent: 22px;
								font-weight: bolder;
								font-size: 12px;
								background-repeat:no-repeat;
								background-image: url(img/arr_black.jpg);
								background-color: #ffe;
								border:1px solid #000;
								-moz-border-radius: 15px;
                }

a.link1:link {color:#000;}

a.link1:visited {color:#0eF;}

a.link1:hover {
                background-image: url(img/arr_red.jpg);
                color:#f00;
                }

a.link1:active {color:#ff0;}

h1                 {
                color:orange; /*#696969;*/
                font-family:Georgia,Garamond,"Times New Roman",serif;
                font-size: 17pt;
                font-weight:100; 
                margin-top:10px;
                margin-bottom: 15px;
                }

h2                 {
                color:orange;
                /*font-family:Verdana,Arial,Helvetica,sans-serif;*/
                font-family:Georgia,Garamond,"Times New Roman",serif;
                font-size:16pt;
                font-style:normal;
                font-weight:normal; }

h3                 {
                color:orange;
                font-family:Georgia,Garamond,"Times New Roman",serif;
                font-size:14pt;
                font-style:italic;
                /*font: 16px Verdana,Arial,Helvetica,sans-serif;*/
                font-weight:normal;
                margin:0; }

h4                 {
                color:orange;
                /*font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:13px;
                font-style:italic;*/
                font: 13pt Georgia,Garamond,"Times New Roman",serif;
                font-weight:normal;
                margin-top:15px;
                margin-bottom:10px; }

h5 {
                color:orange;
                font-weight:normal;
                margin-top:10px;
                margin-bottom:10px;
                font-family:Georgia,Garamond,"Times New Roman",serif;
								font-size:1.3em;
								/*text-transform:uppercase;*/
								/*font-weight:lighter;*/
								margin:0;
}								
.h122         {
                color:#FFFFFF;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:40px;
                font-style:italic;
                font-weight:100;
                margin:0;
                position:absolute;
                top:23px; }

h1.ue1         {
                color:#3B5C94;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                text-align:center;
                font-size:20px;
                font-weight:bold;
                font-weight:100;
                margin:0; }


#shadow {
                background-color:#bbbbbb;
                width:120px;
                height:220px;
                margin:10px 0px 0px 10px;
                }
#menu {
              position:relative;
              top:-230px;
              width:120px;
              height:220px;
              background-color:#F0F4D6;
              border:1px solid #000000;
}

.version 
{
	right:-18px;
	top:-30px;
	height:120px;
	width:120px;
	position:fixed;
	color:Red;
	background:transparent url(images/preview.png) no-repeat scroll 0 0;
	background-position:5px 5px;
	color:Yellow;
	z-index:99;
}
.headerbox, .headerbox2 {
							/*border:1px solid #900;*/
							width:50%;
							height:120px;
							margin:0px auto;
							float:left;
							background-image:url(images/header.png);
							background-position:left top;
							background-repeat:no-repeat;	
}
.headerbox2 {
							background-image:url(images/welcome.jpg);	
}
.headboxlevel {
							/*border:1px solid #900;*/
							margin-top:35px;
			        /*background-image: url(images/Level_Willkommen.gif);
			        background-repeat:no-repeat;
			        background-position:center;*/
			        float:left;
			        /*margin-left:100px;*/
			        height:36px;
			        width:210px;
	}
.headboxlogo {
							margin-top:100px;
							margin-left:10px; 
							/*margin-right:120px;*/
							/*background-image: url(images/headertext.gif);
							background-repeat:no-repeat;*/
			        float:left;
							height:100px;
							width:670px;
							
							/*border:1px solid #000;*/
}
.menuebox {
							margin-left:0px;
							float:left;
							width:100%;
							height:50px;
							margin-top:120px;
}
.bodybox {
							/*border:solid 1px gainsboro;*/
							background-color: #fff;
							width:100%;
							margin:0px auto;
							/*min-height: 100%;*/
							margin:10px 0 0 0;
							padding:0;
							height:90%;
							/*height:auto;*/ 
							display: table;
}
.bodyleft {
							/*border:solid 1px #ff0000;*/
							float:left;
							margin-top:0px;
							margin-left:10px;
							margin-right:10px;
							width:100% relative;
							/*height:auto;*/
							display: table;
}
.bodyleft_li {
						/*border:solid 1px #090;*/
						width:180px;
						float:left;
}
.bodyleft_re {
						/*border:solid 1px #090;*/
						margin-left:10px;
						width:500px;
						float:left;
}


.bodyright {
							/*border:solid 1px #ff0000;*/
							float:right;
							margin-top:0px;
							width:500px;
							display: table;
							/*height:auto;*/ /*100%; */
}
.menuebox_li {
							/*border:solid 1px #000;*/
							float:left;
							margin-top:0px;     /*20px;*/
							/*margin-left:20px;*/
							width:20%;
}
#flashcontent {
								position:relative;
								z-index:10;
								border:solid 1px #cccccc;
								width:400px;
								height:300px;
								float:left;
								color:dimgray; /*#828282;*/
								font-family:"Lucida Grande",Arial;
								font-size:0.85em;
								line-height:16px;	
}

span#untertitel {
								font-size:12px;
								font-style:italic;
								color:#666666;
								}

a	{
								color:orange;
								text-decoration:underline;
								}
a:hover {
								text-decoration:underline;
								}

a.icon {
								color:orange;
								text-decoration:none;
								background:transparent url(images/pfeil.gif) no-repeat scroll 0 0;
								background-position:0 2px;
								padding-left:20px;
								}

a.icon:hover {
								text-decoration:underline;
								background:transparent url(images/link_icon.gif) no-repeat scroll 0 0;
								background-position:0 3px;
								}
ul {
								margin:0;
								padding:0 0 0 15px;
								}
ul.icon{
								margin:0;
								padding:0 0 0 0;
}
#icon li {
								background-image:url(./images/li_icon.gif);
								background-repeat:no-repeat;
								background-position:0 12px;
								display:block;
								padding-left:15px;
								text-decoration:none;
								padding-top:5px;
								padding-bottom:5px;
}

ul.arrow{
								margin:0;
								padding:0 0 0 0;
}
#arrow li {
								background:transparent url(images/pfeil.gif) no-repeat scroll 0 0;
								background-position:0 3px;
								display:block;
								padding-left:20px;
								text-decoration:none;
								padding-bottom:10px;
								font-family:Georgia,Garamond,"Times New Roman",serif;
								font-size:1.1em;
								color:orange;
								}


ul.pdf {
								list-style-type:none;
}
li.pdf {
								background:transparent url(./images/pdf.gif) no-repeat scroll 0 center;
								padding-left:20px;
								/*width:178px;*/
}
a.pdf {
		font-size:0.9em;
}

* {
    margin: 0;
    padding: 0;
}

#NewsTicker marquee{
    color: #FF8700;
    cursor: pointer;
    font-size: 12px;
    margin-top: 25px;
    float:left;
}

/* Sample 3*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}
.Slider{
	position:relative;
	width:480px;
	height:319px;
	overflow:hidden;
    }
/*.Slider img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }*/
    
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}
.buttons{padding:5px;}
.buttons span{color:#0080FF;padding:0 5px;cursor:pointer;font:10px Verdana}
.buttons span.active, .buttons span:hover{background:#0080FF;color:#fff}

#slideshow img { display: none }
#slideshow img.first { display: block }

.slideshow { height: 339px; width: 495px; margin: auto; }
.slideshow img { padding: 5px; border: 1px solid #ccc; background-color: #eee; }

/*--------------------------------------------------
	Hauptmenü
--------------------------------------------------*/
/* Menübox */
#menuebox {width:900px; height:50px; margin:20px auto; float:left; position:relative;}
#menuebox #topmenue {margin:0; padding:0;}
#menuebox #topmenue li {display:inline;}
#menuebox #topmenue li a {float:left; width:145px; height:0; padding-top:36px; overflow:hidden;}
#menuebox #topmenue li a,
#menuebox #blankarea {background-image:url(./images/buttonleiste.png); _background-image:url(./images/buttonleiste.png); background-repeat:no-repeat;}

/* Buttons */
#menuebox #topmenue li#tm_home a {background-position:0 0;}
#menuebox #topmenue li#tm_praxis a {background-position:-145px 0; width:125px;}
#menuebox #topmenue li#tm_leistungen a {background-position:-270px 0;}
#menuebox #topmenue li#tm_ausstattung a {background-position:-415px 0;}
#menuebox #topmenue li#tm_aktuelles a {background-position:-560px 0;  width:120px;}
#menuebox #topmenue li#tm_kids a {background-position:-680px 0; width:100px;}
#menuebox #topmenue li#tm_kontakt a {background-position:-780px 0;  width:115px;}

/* Hover-Buttons */
#menuebox #topmenue li#tm_home a:hover {background-position:0 -36px;}
#menuebox #topmenue li#tm_praxis a:hover {background-position:-145px -36px;}
#menuebox #topmenue li#tm_leistungen a:hover {background-position:-270px -36px;}
#menuebox #topmenue li#tm_ausstattung a:hover {background-position:-415px -36px;}
#menuebox #topmenue li#tm_aktuelles a:hover {background-position:-560px -36px;}
#menuebox #topmenue li#tm_kids a:hover {background-position:-680px -36px;}
#menuebox #topmenue li#tm_kontakt a:hover {background-position:-780px -36px;}
#menuebox #topmenue li a span{text-decoration:none;display:none; width:300px;position:absolute; top:30px; margin-left:10px;font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif; line-height: 15px;}
#menuebox #topmenue li a:hover span {text-decoration:none;margin-top:7px; display:block; color:#FFA000;}


/* Pressed-Buttons */
#menuebox #topmenue li#tm_home a:active {background-position:0 -72px;}
#menuebox #topmenue li#tm_praxis a:active {background-position:-145px -72px;}
#menuebox #topmenue li#tm_leistungen a:active {background-position:-270px -72px;}
#menuebox #topmenue li#tm_ausstattung a:active {background-position:-415px -72px;}
#menuebox #topmenue li#tm_aktuelles a:active {background-position:-560px -72px;}
#menuebox #topmenue li#tm_kids a:active {background-position:-680px -72px;}
#menuebox #topmenue li#tm_kontakt a:active {background-position:-780px -72px;}


/* OnState-Buttons */
#menuebox.home #topmenue li#tm_home a {background-position:0 -72px;}
#menuebox.praxis #topmenue li#tm_praxis a {background-position:-145px -72px !important;}
#menuebox.leistungen #topmenue li#tm_leistungen a {background-position:-270px -72px !important;}
#menuebox.ausstattung #topmenue li#tm_ausstattung a {background-position:-415px -72px !important;}
#menuebox.aktuelles #topmenue li#tm_aktuelles a {background-position:-560px -72px !important;}
#menuebox.kids #topmenue li#tm_kids a {background-position:-680px -72px !important;}
#menuebox.kontakt #topmenue li#tm_kontakt a {background-position:-780px -72px !important;}

/* Blank-Area */
#blankarea {width:5px; height:36px; float:left; position: relative; top:0; right:0; background-position:-895px 0; background-repeat:no-repeat;}


/*--------------------------------------------------
	Hauptmenü
--------------------------------------------------*/
/*#topmenue{position:relative;display:block;height:39px;font-size:12px;font-weight:bold;background-color:orange;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:verdana,arial,Helvetica,sans-serif;text-transform: capitalize;}
#topmenue ul{margin:0;padding:0;list-style-type:none;width:auto;}
#topmenue ul li{display:block;float:left;margin:0;}
#topmenue ul li a{display:block;float:left;color:#2D2D2D;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;font-family:verdana,arial,Helvetica,sans-serif;text-transform: uppercase;font-size:12px;}
#topmenue ul li a.current{font-size:12px;color:dimgray;background:#fff url(images/bgON.gif) top right;}
#topmenue ul li a:hover{font-size:12px;color:white;background:#fff url(images/bgON.gif) top right;}
#topmenue ul li a span{display:none;position:absolute;top:30px;
							font:normal 9px verdana,arial,Helvetica,sans-serif; text-transform: none; 
							line-height: 15px;}
#topmenue ul li a:hover span {margin-top: 7px;display:block;color: orange;}
*/

/*--------------------------------------------------
	linkes Bereichsmenü
--------------------------------------------------*/
#leftmenue {width:200px;margin:0;margin-bottom:10px;border-style:solid;border-color:#dcdcdc;border-size:1px;border-width:1px;}
#leftmenue li a {height: 24px;text-decoration: none; font-size: 0.8em}
#leftmenue ul{list-style: none;margin: 0;padding: 0;}
#leftmenue li a:link, #leftmenue li a:visited {color: #656556;display: block;background:url(images/leftmenue.gif) no-repeat;padding: 8px 0 0 20px;}
#leftmenue li #current{color: #474739;background: url(images/leftmenue.gif) 0 -32px no-repeat;padding: 8px 0 0 20px;}
#leftmenue li a:hover{color: #fff;background: url(images/leftmenue.gif) 0 -32px no-repeat;padding: 8px 0 0 20px;}



/*--------------------------------------------------
	Footer
--------------------------------------------------*/
p#Fusszeile {
					    clear: both;
					    font-size: 0.9em;
					    margin: 0; padding: 0.1em;
					    text-align: center;
					    background-color: #FFFFCC; 
					    border-top: 1px solid silver;
					    background-color: transparent;
					   	color:orange;
					   	position: relative; 
					   	padding:15px 0 0 0;
					   	bottom: -1px;
					   	height:50px;
 }
p#Fusszeile a {
				   		color:orange;
				   		text-decoration:none;
				   		font-size: 1em;
}

.linie_kurz {
								background-image:url(./images/linie_pkt_kurz.gif);
								/*background-repeat:no-repeat;*/
								height:10px;
								width:250px;
								margin-bottom:10px;
								}

.linie_lang {
								background-image:url(./images/linie_lang.gif);
								background-repeat:no-repeat;
								height:30px;
								margin-top:5px;
								}

#marker {
							background-color:seashell; /*whitesmoke;  #eaebeb; lavenderblush; seashell;*/
							border:1px solid orange; /*#8AA830;*/
							margin-bottom:10px;
							padding:10px 10px 0;
							width:490px;
}

#abbildung img {
							margin:0;
							padding:5px;
							border:solid 1px orange;
}
table.table1 {
		margin-top:5px;
}
table.table1 th, table.table1 td {
							background-color:#eaebeb; /*#EBEAE6;*/
							border:0px;
							color:#3F3F3F; /*#314C57;*/
							padding:5px 2px 2px 5px;
							text-align:left;
}
table.table1 th {
							font-weight:bold;
}

#box_grey {
							background-image:url(./images/graygradient.gif);
							background-repeat:repeat-x;
							border:1px solid #CCCCCC;
							float:left;
							margin:0 1em 1em 0;
							padding:1em;
							width:220px;
}

.clear {
clear:both;
}
#toTop {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFD none no-repeat scroll left top;
margin:0 360px 10px 30px;
padding-bottom:10px;
padding-top:10px;
color:#314C57;
}
#toTop a:link, #toTop a:visited {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/arrow_up.gif) no-repeat scroll 0 0;
padding-bottom:1px;
padding-left:22px;
padding-top:1px;
color:#314C57;
}
#toTop a:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(images/arrow_up.gif) no-repeat scroll left top;
color:#3D7699;
padding-bottom:1px;
padding-left:22px;
padding-top:1px;
}


#nav-menu ul
{
list-style: none;
padding: 0;
margin: 0;
}

#nav-menu li
{
float: left;
margin: 0 0.15em;
}

#nav-menu li a
{
background: url(images/background.gif) #fff bottom left repeat-x;
height: 2em;
line-height: 2em;
float: left;
width: 9em;
display: block;
border: 0.1em solid #dcdce9;
color: #0d2474;
text-decoration: none;
text-align: center;
}

/* Hide from IE5-Mac \*/
#nav-menu li a
{
float: none
}
/* End hide */

#nav-menu
{
width:30em
}


div.gradient {
		background:#F2F2F2 url(images/gradient.png) repeat-x scroll center top;
		margin:15px;
		border:1pt solid #666666;
		}
div.gradient p {
		margin:0;
		padding:2px 5px;
		}




/*--------------------------------------------------
linkes Bereichsmenü
--------------------------------------------------*/
ul.vertical, ul.vertical li {
	margin:0;
	padding:0;
	list-style-type:none;
	font-size:100%; /* fix for win/ie's "non-linear text scaling" bug */
	}
/* navbar list */
ul.vertical {
	position:relative;
	z-index:1000;
	cursor:default;
	
	/* navbar width */
	/*width:8em;*/
	width:95%;
	/* navbar left and top position 
	   this DOES NOT already include 1px compensation 
	   on TOP, for list-item border collapse 
	   (1px defaults to around 0.05em) */
	/*left:1em;
	top:4.05em;*/
	}

/* navbar list-items */
ul.vertical li {
	position:relative;
	text-align:left;
	cursor:pointer;
	cursor:hand;
	
	/* duplicate navbar width */
	width:95%;
	
	/* shift list-items to collapse borders vertically */
	margin:-1px 0 0 0;
	}


/* menu lists */
ul.vertical ul {
	z-index:1020;
	cursor:default;
	position:absolute;
	
	/* menu width */
	width:8.2em;
	
	/* menu offset, which already includes 1px compensation 
	   on TOP, for list-item border collapse */
	margin:-0.5em 0 0 7.5em;
	/* overlapping the menus improves usability */
	
	/* 
	position menus off the screen to hide 
	because using display, visibility, overflow or clip,  
	would hide them from browser-based screenreaders as well 
	*/
	top:-100em;
	
	/* shift menus to collapse navbar->menu borders */
	left:-1px;
	
	/* compensate for list-item border collapse */
	padding:1px 0 0 0;
	}
	
/* menu list-items */
ul.vertical ul li {
	/* duplicate menu width */
	width:8.2em;
	}


/* further child-menu offset */
ul.vertical ul ul {
	/* this already includes 1px compensation 
	   for list-item border collapse */
	margin:-0.5em 0 0 7.7em;
	/* overlapping the menus improves usability */
	}


/* menu triggers -- position menus back on the screen to show 
   hide these from safari < 1.2 because of it's "sticky hover" bug 
   that would make it difficult or impossible to close the menus 
   we're hiding it using the "@media with Media Type in Mixed Case" hack
   http://www.dithered.com/css_filters/css_only/media_mixed_case.html */
@media Screen, Projection { 
	ul.vertical li:hover > ul { top:0; }
	}


/* links */
ul.vertical a, ul.vertical a:visited {
	display:block;
	cursor:pointer;
	cursor:hand;
	
	background:#ffc;
	border:1px solid #edbb85;
	padding:5px 7px;
	font:normal normal bold 0.8em tahoma, verdana, sans-serif, Verdana, Georgia, "Times New Roman", Times, serif;
	color:#217821;
	text-decoration:none;
	letter-spacing:1px;
	}
	
/* rollover pseudo-classes, and scriptable persistence class */
ul.vertical a:hover, ul.vertical a:focus, ul.vertical a.rollover, ul.vertical a.rollover:visited {
	background:#ffefcf;
	color:#806020;
	}



/* hacks for win/ie to cure 'excess hidden margins' bug */
@media screen, projection {
	* html ul.vertical li {
		/* for ie5.0 */
		display:inline; 
		/* for ie5.5+ */
		f\loat:left; 
		/* this cures 'events fall through the menu' bug in ie6 */
		background:#ffffff; 
		}
	}
	
/* use different comparative positioning for ie, 
   to avoid problems with virtual z-ordering */
* html ul.vertical li { position:static; }
* html ul.vertical a { position:relative; }

/* hide menus from konqueror < 3.2 */
ul[class^="vertical"] ul { display:none; }
ul[class^="vertical"] ul { displa\y:block; }

#video {
	clear: both;
	float: left;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	margin-bottom: 20px;
}
#video p {
	font-size: 12px;
}