/* CSS Document */
* {
       margin:0;
       padding:0;
}

html, body {
       height:100%;
}

body {
	background-color:#CCCCCC;
}

#clearer {
	clear: both;
}

.clear {
	clear: both;
}

/* Rahmen */
.wrapper {
	width: 900px;
	margin: 25px 0px 25px 0px;
	height: auto;
}

/* Themenbild im Hintergrund */
#header00 {
	width:900px;
	height: 160px;
	background-image: url(images/header_00.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header01 {
	width:900px;
	height: 160px;
	background-image: url(images/header_01.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header02 {
	width:900px;
	height: 160px;
	background-image: url(images/header_02.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header03 {
	width:900px;
	height: 160px;
	background-image: url(images/header_03.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header04 {
	width:900px;
	height: 160px;
	background-image: url(images/header_04.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header04_1 {
	width:900px;
	height: 160px;
	background-image: url(images/header_04_1.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header05 {
	width:900px;
	height: 160px;
	background-image: url(images/header_05.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header06 {
	width:900px;
	height: 160px;
	background-image: url(images/header_06.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header07 {
	width:900px;
	height: 160px;
	background-image: url(images/header_07.jpg);
	background-repeat:no-repeat;
	float:left;
}
#header08 {
	width:900px;
	height: 160px;
	background-image: url(images/header_08.jpg);
	background-repeat:no-repeat;
	float:left;
}


/* Menu Button im Header */
.b_home {
	width: 110px;
	height: 32px;
	margin-top: 128px;
	margin-right: 10px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	text-align: right;
	float: left;
}
.b_home a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.b_home a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.b_home a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}

/* Box Rot Small im Header */
#box_red_small {
	width: 40px;
	height: 40px;
	margin-top: 120px;
	background-color:#FA7236;
	float: left;
	cursor: pointer;
}

/* Box Rot Big im Header */
#box_red_big {
	width: 80px;
	height: 80px;
	margin-top: 80px;
	background-color:#FA7236;
	float: right;
}
/* Abstand von rechts f�r Box Rot Big*/
#box_red_spacer {
	width: 82px;
	height: 80px;
	margin-top: 80px;
	float: right;
}

.container {
	width: 900px;
	background-image: url(images/bg_content.gif);
	background-repeat: repeat-y;
	float: left;
	text-align: left;
}

/* Men� */
.container .menu {
	width: 160px;
	height: auto;
	background-color:#82B74A;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	float: left;
}

.container .menu .active {
	width: 110px;
	height: 32px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	margin-top: 10px;
	maring-left: 10px; /*FIXME Verschreiber*/
	text-align: right;
	float: left;
}
.container .menu .active a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.container .menu .active a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.container .menu .active a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.container .menu .box_active {
	width: 40px;
	height: 40px;
	background-color:#007FBF;
	border-bottom: 1px solid #A7D4EC;
	float: right;
	cursor: pointer;
}
.container .menu .normal {
	width: 110px;
	height: 32px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	margin-top: 10px;
	maring-left: 10px; /*FIXME Verschreiber*/
	text-align: right; 
	float: left;
}
.container .menu .normal a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.container .menu .normal a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.container .menu .normal a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.container .menu .box_normal {
	width: 40px;
	height: 40px;
	background-color:#3DA0D4;
	border-bottom: 1px solid #A7D4EC;
	float: right;
	cursor: pointer;
}

/* Content - Bild links */
.container .theme {
	width: 160px;
	height: auto;
	margin-top: 220px;
	margin-right: 18px;
	float: left;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#FA7236;
	text-align: right;
}
.container .theme img {
	margin-bottom: 8px;
}

.container .theme h1 {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#777777;
}

.container .theme p {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#FA7236;
}

/* Content - Mitte */
.container .main {
	width: 400px;
	float: left;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#FA7236;
	text-align: right;
}
/* Content - Schriftzug Dr. Kamm */
.container .main .doctor {
	width: 400px;
	height: 81px;
	background-image:url(images/drkamm.jpg);
	background-repeat: no-repeat;
	float: left;
}
/* Content - �berschriften */
.container .main .headline  { color: #333333; font-size: 13px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: normal; text-align: left; margin-top: 30px; padding-bottom: 10px; width: 400px; float: left }
.container .main .headline h1  { color: #333333; font-size: 18px; font-family: "Lucida Grande", "Trebuchet MS", Verdana, sans-serif; font-weight: bold; text-align: left; padding-bottom: 10px }
.container .main .headline h2 {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}

/* Content - diverse Inhalte */
.content {
	width: 380px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	float: left;
}

.content h1 {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	text-align: left;
}

.content h4 {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color:#FA7236;
	padding-bottom: 20px;
}
.content a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FA7236;
	text-decoration: none;
}
.content a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FA7236;
	text-decoration: none;
}

.content a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FA7236;
	text-decoration: underline;
}
/* Content - Rechts */
.container .side {
	widht: 162px; /*FIXME Verschreiber*/
	height: auto;
	float: left;
}
.container .side h2 {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #FA7236;
	border-bottom: 1px solid #000000;
}
.container .side .info {
	width: 162px;
	height: auto;
	margin-top: 6px;
	padding-bottom: 6px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #333333;
	border-bottom: 1px solid #000000;
}
.container .side .info a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FA7236;
	text-decoration: none;
}
.container .side .info a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FA7236;
	text-decoration: none;
}
.container .side .info a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FA7236;
	text-decoration: none;
}

/* weiter Link */
.follow   { margin-top: 23px }
.follow p    { text-align: left; margin: 0 0 140px; padding: 0 }
.follow p a, .follow p a:visited    { color: #007fbf; font-size: 18px; font-weight: 700; text-decoration: none; background-image: url("images/weiter.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 5px 0 5px 32px }
.follow p a:hover  { color: #007fbf; font-size: 18px; font-weight: 900; text-decoration: none; background-image: url("images/weiter_over.gif"); background-repeat: no-repeat; background-position: 0 0; margin: 0; padding: 5px 0 5px 32px }



/* Footer inkl. Impressum */
.footer {
	width: 900px;
	float: left;
}
.footer .menu {
	width: 160px;
	float: left;
}
.footer .menu .impressum {
	width: 110px;
	height: 32px;
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	margin-top: 10px;
	maring-left: 10px; /*FIXME Verschreiber*/
	text-align: right; 
	float: left;
}
.footer .menu .impressum a:link {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.footer .menu .impressum a:visited {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: normal;
	text-decoration: none;
}
.footer .menu .impressum a:hover {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 16px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
.footer .menu .box_impressum {
	width: 40px;
	height: 40px;
	background-color:#007FBF;
	float: right;
	cursor: pointer;
}

.footer .footertext {
	width: 400px;
	height: 40px;
	padding-top: 5px;
	padding-left: 178px;
	padding-bottom: 0px;
	float: left;
}

.footer .footertext p {
	font-family: Lucida Grande, Trebuchet MS, Verdana, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
}