/*
* Styledefinition für Masterplan-Neanderthal.de
* 07/2009 Thomas Hitzbeck - ME-BIT
*/

/* ### ALLGEMEINEs ### */
html, body {
	height:100%;
}
body {
	margin:0;
	padding:0;
	text-align:center;
	min-height:600px;
	background:#cccccc;
	font-family:Verdana, Tahoma, Arial;
	font-size:14px;
	color:#333333;
	line-height:1.3;
}
p { padding:0; margin:0; }
/* ### DIV-LAYOUT ### */
#container {
	position:relative;
	top:50%;
	width:900px;
	height:600px;
	background:#ffffff;
	margin:-310px auto;
	border: solid 1px #333333;
	overflow:hidden;
}
#ueberschrift_schmal
{
	position:absolute;
	top:0px;
	left:0px;
	width:445px;
	height:50px;
	margin:0px;
	padding:5px;
	padding-top:50px;
	margin-left:170px;
	padding-right:60px;
	background:#e6e6e6;
	text-align:left;
	z-index:2;
	overflow:auto;
	font-size:18px;
	font-weight:bold;
}
#ueberschrift_breit
{
	position:absolute;
	top:0px;
	left:0px;
	width:590px;
	height:50px;
	margin:0px;
	padding:5px;
	padding-top:50px;
	margin-left:25px;
	padding-right:60px;
	background:#e6e6e6;
	text-align:left;
	z-index:2;
	overflow:auto;
	font-size:18px;
	font-weight:bold;
}
#ueberschrift_breit_bgbild
{
	position:absolute;
	top:0px;
	left:0px;
	width:590px;
	height:50px;
	margin:0px;
	padding:5px;
	padding-top:50px;
	margin-left:25px;
	padding-right:60px;
	background:transparent;
	text-align:left;
	z-index:2;
	overflow:auto;
	font-size:18px;
	font-weight:bold;
}
#content_breit {
	position:absolute;
	top:0px;
	left:0px;
	width:625px;
	height:392px;
	margin:0px;
	padding:5px;
	padding-top:110px;
	padding-left:30px;
	padding-right:45px;
	background:#e6e6e6;
	text-align:justify;
	z-index:1;
	overflow:auto;
}
#content_breit_hoch {
	position:absolute;
	top:0px;
	left:0px;
	width:625px;
	height:497px;
	margin:0px;
	padding:5px;
	padding-left:30px;
	padding-right:45px;
	background:#e6e6e6;
	text-align:justify;
	z-index:1;
	overflow:auto;
}
#content_breit_hoch_bgbild {
	position:absolute;
	top:0px;
	left:0px;
	width:625px;
	height:392px;
	margin:0px;
	padding:5px;
	padding-left:30px;
	padding-right:45px;
	padding-top:110px;
	background:#e6e6e6;
	background-image:url(bilder/bg_bild.jpg);
	background-repeat:no-repeat;
	background-position:fixed;
	text-align:justify;
	z-index:1;
	overflow:auto;
}
#content_schmal {
	position:absolute;
	top:0px;
	left:0px;
	width:480px;
	height:392px;
	margin:0px;
	padding:5px;
	padding-top:110px;
	padding-left:175px;
	padding-right:45px;
	text-align:justify;
	background:#e6e6e6;
	z-index:1;
	overflow:auto;
}
#content_schmal_neander {
	position:absolute;
	top:0px;
	left:0px;
	width:150px;
	height:500px;
	margin:0px;
	padding:5px;
	text-align:left;
	background:#e6e6e6;
	background-image:url(bilder/neander.png);
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-position:fixed;
	z-index:2;
	overflow:auto;
}
#content_start {
	position:absolute;
	top:0px;
	left:0px;
	width:690px;
	height:505px;
	margin:0px;
	padding:5px;
	background:#e6e6e6;
	text-align:left;
	z-index:1;
	overflow:auto;
}
#sub_content {
	position:absolute;
	top:0px;
	left:705px;
	width:195px;
	height:515px;
	margin:0px;
	padding:0px;
	background:#7f7f7f;
	z-index:1;
}
#navigation {
	position:absolute;
	top:0px;
	left:705px;
	width:185px;
	height:425px; /*400*/
	margin:0px;
	padding:10px;
	padding-top:80px; /*105*/
	padding-left:0px;
	background:#7f7f7f;
	z-index:4;
	text-align:left;
	font-family:Tahoma, Verdana, Arial;
	font-size:14px;
}
#streifen_gelb {
	position:absolute;
	top:507px;
	left:0px;
	width:720px;
	height:8px;
	margin:0px;
	padding:0px;
	background:transparent;/*#e6e6e6;*/
	background-image:url(bilder/streifen_gelb.png);
	background-repeat:no-repeat;
	text-align:left;
	z-index:2;
	overflow:auto;
}
#streifen_blau {
	position:absolute;
	top:507px;
	left:0px;
	width:720px;
	height:8px;
	margin:0px;
	padding:0px;
	background:transparent;/*#e6e6e6;*/
	background-image:url(bilder/streifen_blau.png);
	background-repeat:no-repeat;
	text-align:left;
	z-index:2;
	overflow:auto;
}
#footerl {
	position:absolute;
	top:520px;
	left:0px;
	width:690px;
	height:48px;
	margin:0px;
	padding:5px;
	padding-top:27px;
	background:#a6a6a6;
	z-index:1;
	text-align:left;
}
#footerl_start {
	position:absolute;
	top:520px;
	left:0px;
	width:690px;
	height:48px;
	margin:0px;
	padding:5px;
	padding-top:27px;
	/*padding-left:220px;*/
	background:#a6a6a6;
	z-index:1;
	text-align:center;
}
#footerr {
	position:absolute;
	top:520px;
	left:705px;
	width:150px; /*(195px - padding-left)*/
	height:54px;
	margin:0px;
	padding:0px;
	padding-top:26px;
	padding-left:45px;
	background:#7f7f7f;
	z-index:1;
	font-size:11px;
	color:#ffffff;
	font-weight:bold;
	text-align:left;
}
#kreis_mit_gesicht {
	position:absolute;
	top:520px;
	left:664px;
	width:80px;
	height:80px;
	margin:0px;
	padding:0px;
	background-image:url(bilder/kreis_mit.png);
	z-index:2;
}
#footer {
	position:absolute;
	bottom:0px;
	width:450px;
	height:15px;
	/*background:#cccccc;*/
	left:50%;
	margin-left:-225px;
	color:#4f4f4f;
	font-size:12px;
	text-align:center;
}

/* ### LINKS ### */
a:link, a:visited, a:active {
	text-decoration: underline;
	color: #333333;
}
a:hover {
	text-decoration: underline;
	color: #333333;
	font-style:italic;
}
a:link.div, a:visited.div, a:active.div, a:hover.div {
	text-decoration: none;
	color: #333333;
	font-style:normal;
}
a:link.nav, a:visited.nav, a:active.nav {
	text-decoration: none;
	color: #333333;
}
a:hover.nav {
	text-decoration: underline;
	color: #333333;
	font-style:italic;
}
a:link.footer, a:visited.footer, a:active.footer {
	text-decoration: none;
	color: #4f4f4f;
	font-weight:normal;
}
a:hover.footer {
	text-decoration: underline;
	color: #3f3f3f;
	font-weight:normal;
	font-style:normal;
}
a:link.startseite, a:visited.startseite, a:active.startseite, a:hover.startseite {
	text-decoration: underline;
	color: #333333;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
}
a:link.link_klein, a:visited.link_klein, a:active.link_klein, a:hover.link_klein {
	text-decoration: underline;
	color: #333333;
	font-size:11px;
	font-weight:normal;
	font-style:normal;
}
a:link.link_blank, a:visited.link_blank, a:active.link_blank, a:hover.link_blank {
	text-decoration: none;
	color: #333333;
	font-weight:normal;
	font-style:normal;
}

/* ### TEXTE ### */
.gr1 {
	font-size:32px;
	font-weight:bold;
	color: #666666;
}
.gr2 {
	font-size:20px;
	font-weight:bold;
}
.gr2bl {
	font-size:20px;
	font-weight:bold;
	color: #3366ff;
}
.gr3 {
	font-size:16px;
	font-weight:bold;
}
.kl1 {
	font-size:11px;
}
.tr1 {
	background:#e9e9e9;
}
.tr2 {
	background:#e6e6e6;
}
td.left {
	text-align:left;
}

/* ### NAVIGATION ### */
.navi ul {
	list-style-type: none;
	margin:0;
	padding:0;
}
.navi li {
	float:left;
	width: 100%;
	margin:0;
	padding:0;
}
.navi ul li a,
.navi ul li a:link,
.navi ul li a:visited,
.navi ul li a:active {
	display:block;
	width: 167px;
	min-height: 20px;
	padding: 3px 0px 1px 28px;
	text-decoration: none;
	background: #7f7f7f url(bilder/navi_norm.png) repeat-y;
	border-bottom:solid 7px #7f7f7f;
	font-weight: bold;
	font-style: normal;
}
.navi ul li a:hover {
	background: #7f7f7f url(bilder/navi_active.png) repeat-y;
}
.navi ul li.active a,
.navi ul li.active a:link,
.navi ul li.active a:visited,
.navi ul li.active a:active {
	background: #7f7f7f url(bilder/navi_active.png) repeat-y;
}
/*.navi ul li.active a:hover {
	
}*/
.navi ul li.subi a,
.navi ul li.subi a:link,
.navi ul li.subi a:visited,
.navi ul li.subi a:active {
	background: #7f7f7f url(bilder/navi_sub.png) repeat-y;
}
.navi ul li.subi a:hover {
	background: #7f7f7f url(bilder/navi_sub_active.png) repeat-y;
	color: #cccccc;
}
.navi ul li.suba a,
.navi ul li.suba a:link,
.navi ul li.suba a:visited,
.navi ul li.suba a:active {
	background: #7f7f7f url(bilder/navi_sub_active.png) repeat-y;
	color: #cccccc;
}
/*.navi ul li.suba a:hover {
	
}*/

/* ### SONSTIGES ### */
hr {
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #333333;
}
form {
	display:inline;
}
input {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	width: 360px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}
input.plz {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	width: 60px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}
input.klein {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	width: 280px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}
input.button {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	width: 175px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}
textarea {
	font-family: Arial;
	font-size: 14px;
	color: #000000;
	width: 360px;
	height: 100px;
	border: solid 1px #000000;
	background-color: #eeeeee;
}