/* -------[ FARBEN ]-------
	
Orange= #FA781A;
Orange hell= #FDF8F0; 
Grau Rahmen= #A6A9AD; 
Grau Schrift= #666666; 
Grau hell=#eee; 
Blau=#3253B1;
*/
/* -------[ GRUNDEINSTELLUNGEN ]-------*/

* 		{ margin:0; padding: 0; } 
option 	{ padding-left: 0.4em } 	/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. */
html 	{ height: 100% } 			/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */
body { 
			min-height: 101%;		/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */
			font-size: 100.01%; 
			position: relative; 	/* Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser Fensters geändert wird. Mike Foskett erwähnt dies als Bugfix in seinem Artikel "Useful Code Snippets*/
			color: #000;   			/* Vorgabe der Standardfarben und Textausrichtung*/     
			padding: 0px ;			/* Abstand (z.B.) von oben */
			background: #fff url(images/bg_urologie.jpg) no-repeat top center;
			font-family: Verdana, Arial, Helvetica, sans-serif;
			text-align: left; 
} 
ul {color: #3253B1;}
a {text-decoration: none; color: #3253B1;}
a:hover {color: #FA781A; }

fieldset, img { border:0; }					/* Standardrahmen zurücksetzen */
select, input, textarea { font-size: 99% }	/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */ 
/* -------[ PHOTOS ]-------*/
.photo {
	margin: 10px 0px 0px 0px;
	padding: 6px;
	background-color:#ECF1F1;
	float: right;
	clear:right;
}
.lageplan {
	margin: 10px 0px 0px 0px;
	padding: 6px;
	background-color:#ECF1F1;
}
#lageplan {
	float: left;
	clear:left;
}
.galerie {
	margin: 0px;
	padding: 0px;
	width:100%;
}
.galerie dl{
	float:left;
	padding: 0px 2px 5px 0px;
	width:280px;
	background-color:#ECF1F1;
	margin: 2px;
}
.galerie dd {
	float:left;
	font-size: 0.7em;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.galerie dt {	
}
.galerie dt img {
	padding: 6px 0px 0px 6px;
	margin: 0px;
}

/* fuer Carls */
.galerie dl.carls{
	padding: 0px 2px 5px 0px;
	width:280px;
	background-color:#ECF1F1;
	margin: 2px;
}
.galerie dd {
	float:left;
	font-size: 0.7em;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
.galerie dt {	
}
.galerie dt img {
	padding: 6px 0px 0px 6px;
	margin: 0px;
}
/* -------[ SKIP nach oben ]-------*/
.nachoben {
	margin: -19px 0px 0px -17px;
	position:relative;
	float: left;
	clear:right;
}
/* -------[ TEXTSTYLES ]-------*/
h2 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 115%; font-weight: bold;
	color: #666666;
	padding:15px 0px 10px 0px;
	line-height:30px;
} 
h6 {	
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%;	font-weight: bold;
	color: #666666;
	line-height:15px;
}
.leadin {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; 
	color: #FA781A;
	letter-spacing: 0.02em;
} 
.body {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; 
	color: #000000;
	line-height:20px;
	padding-bottom: 20px;
}
ul.body_list  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; 
	color: #000000;
	
	
}
.copy {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 78%; font-weight: normal; 
	color: #94979A;
	line-height:20px;
}
ul.copy_mitglied {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 78%; font-weight: normal; 
	color: #94979A;
	line-height:20px;
}
ul.copy_mitglied a{color: #94979A;}
ul.copy_mitglied a:hover {color: #FA781A;
}
.footer_p1  {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; 
	color: #000000;
	line-height:18px;
	float:left;
	padding-right:10px;
	border-right: 1px solid #A6A9AD;
}
.footer_p2  {
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: normal; 
	color: #000000;
	line-height:18px;
	padding-left:390px;
}
ul.liste  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; color: #000000; } 
ul.liste li { line-height:25px; } 

/* -------[ LAYOUT ]-------*/
#frame { 	margin:auto;						/* Äußerer Rahmen */
	 
}
#page{ margin:auto;min-width:750px; max-width:980px }
	
#header { 
	position: relative; 
	background: url(images/logo_sign.gif) no-repeat top left;
	height:133px;
}
/*----[ horiz. Menue ]------------*/
#nav 	{ clear:both; width: auto;}
#topnav {
	float: right;
	margin-top:91px;
	width: 100%;
}
#topnav p#right {
	float: right;
	margin:0px;
	padding:0px;
	width: 10px;
	height:42px;
	background: url(images/topnavi_bg_right.gif) no-repeat top right;
}
#topnav p#left {
	float: right;
	margin:0px;
	padding:0px;
	width: 10px;
	height:42px;
	background: url(images/topnavi_bg_left.gif) no-repeat top left;
}
#topnav ul {
  white-space: nowrap;
  line-height: 3em;
  margin:0;
  padding:0 0 0 0px;
  list-style:none;
}
  
#topnav li {
  float: right;
  background: url(images/reiter.jpg) no-repeat top left;
/*  margin-right: 2px;  nur einfügen bei ECKIGEN Ecken */
  padding: 0px 0px 0 0px;
  margin: 0;
}

#topnav a {
  margin: 0;
  float: right;
  display:block;
  color:#334;
  background: transparent;
  background: url(images/reiter_end.jpg) no-repeat top right;
  padding:9px 20px 9px 20px;
  text-transform: none;
  text-decoration:none;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #fff;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#topnav a {float:none;}
/* End IE5-Mac hack */

#topnav a:hover { 
    color:#FA781A;
    background-color: transparent;
}

#topnav #current {
  background:  url(images/reiter.jpg) no-repeat top left;
}

#topnav #current a {
  color:#FA781A;
  background: url(images/reiter_end.jpg) no-repeat top right;
  font-weight:bold;
  padding-bottom:9px;
  padding-top:9px;
}

/*----[ horiz. Menue Ende ]------------*/

/*----[ Main. Inhaltsbox der Layout-Spalten ]------------*/

#main {	
	clear:both; 
	width: auto; 
	border-right: 1px solid #A6A9AD;
	border-left: 1px solid #A6A9AD;
	border-bottom: 1px solid #A6A9AD;
	background: #fff url(images/main_bg.gif) repeat-y left;
}
	
#col1 {
	float: left;
	width: 220px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
    background: #fff url(images/col1_bg.gif) no-repeat top right;
}
#col1_content { 
	margin-right: 1px; 
	margin-bottom: 20px;
	background: url(images/subnav_line.gif) no-repeat bottom left;
}
/*----[ vert. Menue ]------------*/
#submenu { 
	width: 100%; 
	overflow: hidden;
	margin: 2.0em 0 1.5em 0; 
	list-style-type: none; 	  
	}
#submenu li#title { 
	width: 210px; 
	padding: 5px 0px 0px 10px; 
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 105%; font-weight: bold; 
	color: #FA781A; 
	border-bottom: 1px #A6A9AD solid; 
}	
#submenu a { display:block; text-decoration: none; }
#submenu li { float:left; width: 100%; margin:0; padding: 0 }
#submenu li a { 
	width: 210px; 
	padding: 5px 0px 5px 20px; 
	color: #666666; 
	border-bottom: 1px #eee solid;
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; 
	line-height:15px;
	background: url(images/bullet_submenu.gif) no-repeat 12px 9px;
}
#submenu li a:hover { background-color:#FDF8F0; color: #FA781A; }


/*----[ vert. Menue Ende ]------------*/

#col3 {
	width:auto;
	margin-left: 220px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	margin-right: 0px; /* Standard-Wert, falls keine anderen Vorgaben gemacht werden */
	padding: 20px 20px 10px 20px;
	background: #fff url(images/col3_bg.gif) no-repeat top right;
}
#impressum { float:right; clear:right; line-height:12px;}
#impressum a { text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 70%;	font-weight: bold;
	color: #A6A9AD;}
#impressum a:hover { color: #FA781A; }

#footer { 
	clear:both; /* Backup für IE-Clearing */
	background: #fff url(images/footer.gif) no-repeat top right;
	padding: 5px 0px 5px 20px;
}	

/*-------------- [ Tabellen ] --------------*/
#col3_Table {
	width: auto;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	
}	
table {
	width: 100%;
	border-collapse: collapse;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
}
caption {	
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FA781A;
	padding: 0.3em 1em;
}
td, th {
	padding: 0.3em 1em;
	background: #eee ;
}
td.bold {
	font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
th {
	background: #FA781A;
	color: #FFFFFF;
	font-size: 90%; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
}
td { background:url(images/table_line.gif) repeat-x left bottom; }
tr.gerade td { background: #FDF8F0 url(images/table_line.gif) repeat-x left bottom;}
	
	/* Der z-Index verhindert, dass im Falle des noch bestehenden IE-Bugs die Texte vor 
	** dem Spaltenhintergrund erscheinen. */
	#col1 {z-index: 3;}
	#col3 {z-index: 1;}


/* ######################################################################################################
** ### Markupfreie CSS-Floatclearing-Lösungen ###########################################################
** ######################################################################################################
*/

	/* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe benötigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* ######################################################################################################
** ### IE-Clearing bis YAML V2.4 ########################################################################
** ######################################################################################################
**
** Die CSS-Definition des IE-Clearings, welches bis YAML 2.4 verwendet wurde, ist aus Gründen der 
** Abwärtskompatibilität des Basis-Stylesheets weiterhin enthalten.
*/
	/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
	hr.clear_columns {	
		clear: both; 
		float: left; 
		content: "."; 
		display: block;  
		height: 0; 
		line-height: 0px; 
		visibility: hidden; 
		border: 0; 
		padding: 0;
		margin: -1.1em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
	}
/* ######################################################################################################
** ### Formulare  #############################################################################
** ######################################################################################################
*/


form {overflow:hidden;}

input, textarea {
    width: auto;
	border: 1px #ccc solid;
    background: #fafafa;
	padding: 3px;
	color: #777;
}

input[type=text]:focus, textarea:focus {
	background: #f0f0f0;
	color: #333;
	border-color: #666;
}
/* ######################################################################################################
** ### Standard-Formatierungen für Listen & Zitate ######################################################
** ######################################################################################################
*/

	ul, ol, dl { margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em; }
	
	dt { font-weight: bold; }
	dd { margin: 0 0 1em 2em; }
	
	blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}

/* ######################################################################################################
** ### Subtemplates #####################################################################################
** ######################################################################################################
*/

	.subcolumns { 
		width: 100%;
		padding: 0 1px 0 1px; 
		margin: 0 -1px 0 -1px; 
		overflow:hidden;
	}
		
	.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
	.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}
	
	.c25l, .c25r { width: 24.999%; }
	.c33l, .c33r { width: 33.333%; }
	.c50l, .c50r { width: 49.999%; }
	.c66l, .c66r { width: 66.666%; }
	.c75l, .c75r { width: 74.999%; }
	.c38l, .c38r { width: 38.196%; } /* Goldener Schnitt */
	.c62l, .c62r { width: 61.803%; } /* Goldener Schnitt */
	
	.subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
	.subcl { padding: 0 1em 0 0; overflow: hidden; }
	.subcr { padding: 0 0 0 1em; overflow: hidden; }
}

/* ######################################################################################################
** ### Skiplink-Navigation ##############################################################################
** ######################################################################################################
*/
@media screen, print
{
.skip {
	position: absolute;
	left: -1000em; 
	width: 20em;
}

}
	#col1_content, #col2_content, #col3_content , #galerie_content, #col3_contentTable{ position:relative; }