/* meine CSS-Datei */
* {
                font-family: Verdana,Arial,Helvetica,sans-serif;
                font-size: 12px;
                /*color:#3B5C94;*/
        				}

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

html, body {
       					height:100%;
								}

body {
								/*border:1px solid #000;*/
								margin:0px auto;
								align:center;
								background-color:#FFFFCC;
								/*
								background-image:url(images/background2.gif);
								background-repeat:repeat-x;
								*/

								background:white url(images/verlauf.jpg) repeat-x fixed top center;
								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;}

a	{
								color:#006600;
								text-decoration:underline;
								}
a:hover {
								text-decoration:underline;
								}

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

a.icon:hover {
								text-decoration:underline;
								background:transparent url(images/link_icon.gif) no-repeat scroll 0 0;
								background-position:0 1px;
								}
h1, h2, h3, h4, h5, h6 {
font-family:Georgia,"Times New Roman",Times,serif;
}
h1 {
                color:#006600;
                font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size: 20pt;
                font-weight:100;
								}

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

h3 {
                color:#006600; /*#333333;*/
                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;
                
/*border-color:#E0E0E0;
border-style:none none solid;
border-width:0 0 1px;*/
/*color:#949494;*/                
                }

h4              {
                color:#006600; /*#434343;*/
                /*font-family:Verdana,Arial,Helvetica,sans-serif;
                font-size:15px;
                font-style:italic;*/
                font-weight:normal;
                margin-top:15px;
                margin-bottom:10px;
                font-family:Georgia,Garamond,"Times New Roman",serif;
								
								font-size:1.6em;
								font-weight:lighter;
 								margin:0;
								/*padding:0 0 30px;*/
								                
								}

h5 {
                color:#006600;
                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;
/*border-color:#E0E0E0;
border-style:none none dotted;
border-width:0 0 1px;*/
								}
							
.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;
}


.headerbox {
							/*border:1px solid #900;*/
							width:100%;
							height:180px;
							/*margin:0px auto;*/
							float:left;
							background-image:url(images/frame_top_bg.gif);
							/*background-image:url(images/bg_balken_top.gif);*/
							z-index:9998;
							background-position:top;
							background-repeat:no-repeat;						
}

.headboxlevel {
							/*border:1px solid #900;*/
							margin-top:10px; /*55px;*/
			        background-image: url(images/Level_Willkommen.gif);
			        background-repeat:no-repeat;
			        background-position:center;
			        float:left;
			        /*margin-left:100px;*/
			        height:100px;
			        width:210px;
	}
.headboxlogo {
							margin-top:10px;
							margin-left:10px; 
							/*margin-right:120px;*/
							
							/* später entfernen und als Link anlegen -->
								background-image: url(images/logo_website.png);
								background-repeat:no-repeat;
							 <-- später entfernen und als Link anlegen -->*/
							
			        float:left;
							height:100px;
							width:670px;
							
							/*border:1px solid #000;*/
}
.menuebox {
							margin-top:10px;
							margin-left:0px;
							float:left;
							width:100%;
							height:60px;
}
.menuebox_li {
							/*border:solid 1px #0000ff;*/
							float:left;
							margin:0px;
							/*margin-left:20px;*/
							width:120px;
							display: table;
}
.bodybox {
							/*border:solid 1px #0000ff;*/
							background-color: #fff;
							width:100%;
							margin:0px auto;
							/*min-height: 100%;*/
							margin:0;
							padding:0;
							height:100%; 
							display: table;
							background-image:url(./images/shaddow_rechts.jpg);
							background-repeat:repeat-y;	
							background-position:right -10px;
						/*color:#333333;*/
							
}
.bodyleft {
							/*border:dotted 1px #ff9900;*/ 
							clear:both;
							float:left;
							margin-top:20px;
							margin-left:10px;
							width:100% relative;
							/*height:auto;*/
							display: table;
}
.bodyleft_li {
						/*border:solid 1px #090;*/
						width:340px;
						float:left;
						padding-bottom:15px;
}
.bodyleft_re {
						/*border:solid 1px #090;*/
						margin-left:10px;
						width:340px;
						float:left;
						padding-bottom:15px;
}


.bodyright {
							/*border:solid 1px #ff0000;*/
							float:right;
							margin-top:0px;
							width:300px;
							/*display: table;*/
							/*height:auto;*/ /*100%; */
							background-image:url(./images/shaddow_re.jpg);
							background-repeat:repeat-y;	
}

#flashcontent, #flashcontent2 {
								/*border: solid 1px;*/
								width: 520px;
								height: 300px;
								float: left;
								color:#ff2000; /*#828282;*/
								font-family:"Lucida Grande",Arial;
								font-size:1.1em;
								line-height:17px;
								margin-bottom:15px;
}
#flashcontent2 {height: 240px;}	
span#untertitel {
								font-size:12px;
								font-style:italic;
								color:#666666;
								}
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 10px;
								display:block;
								padding-left:15px;
								text-decoration:none;
								padding-top:5px;
								padding-bottom:10px;
}

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


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

.index_preview {
		float:left;
		height:200px;
		margin-bottom:8px;
		margin-right:8px;
		width:340px;
		color:#828282;
font-family:"Lucida Grande",Arial;
font-size:12px;
line-height:15px;
}
.index_text_preview {
		background-color:#E2E2E2;
		color:#666666;
		font-size:11px;
		height:35px;
		/*line-height:15px;*/
		padding-left:6px;
		padding-right:6px;
		padding-top:7px;
		width:330px;
}
.index_preview img {
								border:1px #E2E2E2 solid;
}
.index_text_preview a, .pdf a {
								color:#333333;
								font-family:"Lucida Grande",Arial;
								font-size:11px;
								}

.clear_both {
								clear:both;
}

/*--------------------------------------------------
	Hauptmenü
--------------------------------------------------*/
/* Menübox */
#menuebox {width:900px; height:45px; 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;}
#menuebox #topmenue li#tm_leistungen a {background-position:-290px 0;}
#menuebox #topmenue li#tm_ausstattung a {background-position:-435px 0;}
#menuebox #topmenue li#tm_kontakt a {background-position:-580px 0;}


/* 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:-290px -36px;}
#menuebox #topmenue li#tm_ausstattung a:hover {background-position:-435px -36px;}
#menuebox #topmenue li#tm_kontakt a:hover {background-position:-580px -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:#006600;}


/* Pressed-Buttons */
#menuebox #topmenue li#gtm_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:-290px -72px;}
#menuebox #topmenue li#tm_ausstattung a:active {background-position:-435px -72px;}
#menuebox #topmenue li#tm_kontakt a:active {background-position:-580px -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:-290px -72px !important;}
#menuebox.ausstattung #topmenue li#tm_ausstattung a {background-position:-435px -72px !important;}
#menuebox.kontakt #topmenue li#tm_kontakt a {background-position:-580px -72px !important;}

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


/* ###altes Menü### 
#topmenue{position:relative;display:block;height:39px;font-size:12px;font-weight:bold;background:transparent url(images/bgOFF.gif) repeat-x top left;font-family:Arial,Verdana,Helvitica,sans-serif;}*//*border-top:4px solid #217821;}*/
/*#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:#3d6c3d;text-decoration:none;padding:11px 20px 0 20px;height:23px;background:transparent url(images/bgDIVIDER.gif) no-repeat top right;}
#topmenue ul li a.current{font-size:12px;color:#555;background:#fff url(images/bgON.gif) top right;}
#topmenue ul li a:hover{font-size:12px;color:#333;background:#fff url(images/bgON.gif) top right;}
#topmenue ul li a span{display:none;position:absolute;top:30px;
							font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  
							line-height: 15px;}
#topmenue ul li a:hover span {margin-top: 7px;display:block;color: #3d6c3d;}
*/

/*--------------------------------------------------
	linkes Bereichsmenü
--------------------------------------------------*/
#leftmenue {width:170px;margin:0;border-style:solid;border-color:#dcdcdc;border-size:1px;border-width:1px;}
#leftmenue li a {height: 24px;text-decoration: none;}
#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;
						   	color:#3d6c3d;
						   	position: relative; 
						   	padding:15px 0 0 0;
						   	bottom: -1px;
						   	height:50px;
								}
p#Fusszeile a {
					   		color:#3d6c3d;
					    	font-size: 0.9em;
								}

.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:#F7F8EB;
								border:1px solid #006600; /*#8AA830;*/
								margin-bottom:10px;
								padding:10px 10px 0;
								/*width:490px;*/
								}

#abbildung img {
								margin:0;
								padding:5px;
								border:solid 1px #006600;
								}
.abbildung img {
								margin:0;
								padding:5px;
								border:solid 1px #006600;
								}

table.table1 {
								margin-top:5px;
								}

table.table1 th, table.table1 td {
								background-color:#EBEAE6;
								border:0px;
								color:#333333;
								padding:5px 2px 2px 5px;
								text-align:left;
								}
table.table1 th {
								font-weight:bold;
								}

table.table1 a {
								color:#333333;
								}

.clear {
								clear:both;
								}


#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;
}

#toTop {
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; }



/*--------------------------------------------------
	altes Hauptmenü
--------------------------------------------------*/
ul#green { 		margin:0;
							padding:0;
							list-style-type:none;
}
ul#green li { position:relative;
							float:left;
							border-top:4px solid #d7ebd5;
							margin-right: 25px; 
							padding-right: 30px; 
							padding-top: 5px;
}
ul#green .current { border-top:4px solid #217821;}
ul#green li:hover { border-top:4px solid #217821;}
ul#green li a { 
							padding:2px 2px;
							text-decoration:none;
							font:bold 12px Verdana, Georgia, "Times New Roman", Times, serif;
							color:#3d6c3d;
							width:110%;
}
ul#green li a:hover { 
							color:#89be89;
							border:none; }
ul#green li span{
							display:none;
							position:absolute; 
							top:20px; 
							left:2px; 
							width:220px; 
							font:normal 9px Verdana, Georgia, "Times New Roman", Times, serif;  
							line-height: 15px;
}
ul#green li a:hover span {
							margin-top: 7px; 
							display:block; 
							color: #89be89;
}