* { margin:0; padding:0; }

html {
background : url(../bilder/bg_aerzteverein.gif) repeat;
}

body {
font-family: Arial, Tahoma, Verdana, sans-serif; 
text-align: center; 
margin : auto; 
padding : 0; 
font-size: 80%;
height: 100%;
}

table {
width: 800px;
font-family: Arial, Tahoma, Verdana, sans-serif; 
font-size: 100%;
text-align: left; 
line-height: 1.5em;
border-collapse: separate;
border-spacing: 2px 2px;
margin : auto; 
margin-bottom: 20px;
padding : 20px 0 0 0; 

}

table th {
color: #666666;
background-color: #CCCCCC;
}


table th, table td {
padding: 5px;
margin: 0;
}

table ul li {
list-style-type: none;
margin: 0;
padding: 0;
}

h2 {
padding: 15px 0;
}
 
table caption {
padding: 1em;
margin: 0 auto;
text-align: center;
caption-side: top;
color: #333333;
font-weight: 700;
text-transform: capitalize;
}


	#page
	{
		position: relative;
		min-height: 100%;
	}

	* html #page
	{
		height: 100%;
	}
	
	
  /* Alles umschliessender Container */
#wrapper {
background-color: #fff;
position: relative;
text-align: center;
width: 800px;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important; /* !important-Regel für moderne Browser */
height: 100%; /* Mindesthöhe in IE (<7) */
margin: auto;
padding: auto;
border: 0;
}



/* Header */
#header { /* umschliesst oder enthaelt Logo */
background-color: #666666;
width:800px;
height:auto;
border: 1px solid #CC6600;
text-align: center;
margin: auto;
padding: auto;
}


#content {
background-color: #fff;
position: center;
text-align: center;
clear: both;
width: 800px;
height: 100%;
margin: auto;
padding: auto;
border-left: 1px solid #CC6600;
border-right: 1px solid #CC6600;
border-bottom: 1px solid #CC6600;
margin-bottom: 0;
padding-bottom: 20px;
}

/* Seitenrand */
#top, #bottom, #left, #right {
	background: #cc6600;
	position: fixed;
	}
	#left, #right {
		top: 0; bottom: 0;
		width: 5px;
		}
		#left { left: 0; }
		#right { right: 0; }

	#top, #bottom {
		left: 0; right: 0;
		height: 5px;
		}
		#top { top: 0; }
		#bottom { bottom: 0; }
		
		

/* Aktiviere das Element, das Du nutzen willst (Text- oder Bild-Logo) */
div#logo h1 {
visibility: hidden;
}
div#logo {
background: #fff url("../bilder/avw_logo_header.gif") no-repeat;
text-align: center;
width: 800px;
height: 120px;
margin:auto;
padding: 0;
}

div#nav {
	float: none;
  	position:center;
  	text-align: center;
    width:60em;
	height:20px;
	margin:auto;
    padding: 0 0 20px 35px;
	overflow: visible;
	visibility: visible;
	display: block;

  }
  * html div#nav {  /* Korrektur fuer IE 5.x */
    width: 48.7em;
    w\idth: 47.1em;
  }
  div#nav div {
     clear: left; 
  }
  ul#menu {    
  	text-align: center;
    margin:auto;
	padding: auto;
	  }

  ul#menu li {
    list-style: none;
    float: left;  /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: auto; 
	padding: auto;
  }


  ul#menu li ul {
  	float:none;
    position: absolute;
	width: auto;
    margin: 0; 
	padding: 0;
	font-weight:normal;
    top: 1.5em; 
	left: 0;
    display: none;  /* Untermenu ausblenden */
	/* visibility: hidden;  Untermenu unsichtbar machen */
  }

  *:first-child+html ul#menu ul {  /* Workaround fuer den IE 7 */
    background-color:fff; 
	padding-bottom:0.4em;
  }
  ul#menu li:hover ul {
    display: inline;  /* Untermenu in modernen Browsern einblenden */
  }
  ul#menu li ul li {
    float: none;
	padding:0;
  }

  ul#menu a, ul#menu span {
    display: block;
    width: 5em;  /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0.4em 1em 0.5em 1em;
    text-decoration: none; 
	font-weight: normal;
    border: 0px;
    color: #ffffff; 

  }
  * html ul#menu a, * html ul#menu span {
    width: 8.6em;   /* Breite nach altem MS-Boxmodell für IE 5.x */
    w\idth: 6.4em;  /* korrekte Breite fuer den IE 6 im standardkonformen Modus */
  }
  ul#menu a:hover, ul#menu span, li a#aktuell {
    color: #FFFFFF; 
	background-color: #CC6600;
	border: 0;
  }
  ul#menu a.selected {
	color : #000000; 
	background-color: #c60;
	text-decoration: underline;
} 
  li a#aktuell {  /* aktuelle Rubrik kennzeichnen */
    color: #0062A0; 
	background-color: #fff;
  }
  ul#menu li ul span {  /* aktuelle Unterseite kennzeichnen */
    background-color: #ccc;
  }

a:link {
color: #c60;
}

a:visited {
color: #666;
}

a img{border:none;}

  


#footer {
	background: #fff url(file:///Macintosh%20HD/Users/markusweber/Sites/gp-web/bilder/bg_footer.gif) no-repeat;
	position: relative;
  	clear: both;
	width: 720px;
	height: auto;
  	font-size: 90%;
  	text-align: center;
	padding: 5em 0 1em 0;
  	color: #004D80;
  	margin-top: -4em;
	margin: auto;
}