/* MANN-FRAU.de */
html,body{
	margin: 0;
	padding: 0;
	background-color: #F6F6F6;
	font-family: verdana,helvetica,tahoma,arial,sans-serif;
	font-size: 100.01%;
}

div{ margin: 0; padding: 0; }

#container:after {
	clear: both; /* für FF,Opera,etc. */
	display: block;
	content: '.';
	height: 0;
	visibility: hidden;
}

#container{ display: inline-block; }

#content-wrap{
	border: 1px solid #DED7BD;
	width: 94%;
	margin: 12px auto 40px auto;
	background-color: #FFF5D4;
	line-height: 1.2em;
	min-width: 50em;
	max-width: 65em;
}

#block1Wrapper{ float: left; width: 100%; line-height: 1.2em; }

#block1{ margin: 0 12em 0 12em; padding: 0; line-height: 1.2em; }

#block2{
	float: left;
	margin-left: -100%;
	width: 12em; /* Navi */
}

#block3{
	float: right;
	margin-left: -100%;
	width: 12em; /* 3. spalte */
}

/*  float clearer:
the container div and the clearing rules have no bearing on the technique - they're needed here on the footer's behalf see http://www.positioniseverything.net/easyclearing.html for an explanation of the voodoo applied to #container
In both cases,the height of the containing wrapper is set to the height of block_1. Great if block_1 is the tallest column,not so good if it's not. (Though,of course,it should be noted that both 
methods work just fine in IE because of its infamous broken float implementation) */
/* ------ */
/* Commented Backslash-Hack:http://www.sam-i-am.com/work/sandbox/css/mac_ie5_hack.html */	
/* Vor IE-Mac verstecken: \*/
#container{ display: block; }

/* Ende des vor IE-Mac verstecken-Hack: */
/* ------ */
/* ##### allgemein anwendbare Klassen ##### */
p img.left{ float: left; margin: 1.4em 1.4em .7em 0; }

.anmerkung{ color: #808080; font-size: .7em; }

.adminEdit{ color: #000080; font-size: .7em; }

.pflicht{ color: #800000; }

.noPrint{ }

.weg{
	width: 0px; /* verbergen (für Screenrader,etc.) */
	display: inline;
	background-color: #00FF00; /* just to test ### */
	position: absolute;
	left: -1000px;
	top: -100px;
	height: 0px;
	overflow: hidden;
}

.nix,.noDispl{ display: none; }

/* ===== Layout in einzelnen Bereichen ===== */
/* ---- KOPF ---- */
#block1Kopf{
	margin: 0; /* Header mit Robert-Banner */
	background-color: #FFF5D4; /*border-left:1px solid #DED7BD;
border-right:1px solid #DED6BC;*/
	background-image: url(siteimg/kopf_mitte.jpg);
	background-position: 0;
	background-repeat: no-repeat;
	color: #FFFFFF;
	height: 116px;
}

#block1Kopf p{ margin: 0; padding: 10px 0 0 90px; font-size: 10px; }

#block1Kopf span{ padding-left: 5px; padding-right: 5px; font-size: 12px; }

#block2Kopf{
	background-image: url(siteimg/kopf_l.jpg);
	background-position: 0px -2px;
	background-color: #FFF5D4;
	background-repeat: repeat-x;
	height: 109px;
}

#block3Kopf{
	background-color: #FFF5D4;
	background-image: url(siteimg/kopf_r.jpg);
	background-position: 0px -2px;
	background-repeat: repeat-x;
	height: 109px;
}

/* ---- Content Mitte ---- */
#block1Content{ padding: 30px; background-color: #FFFFFF; }

/* ---- Content Links (Navi) ---- */
#block2Content{ padding: .75em; padding-left: .5em; }

#navi{ margin-top: 2em; }

#navi ul{
	margin: 0; /* Navi-Liste */
	padding: 0; /* padding für Moz nullen */
	list-style-type: none;
}

#navi ul ul, #navi ol ul{
	list-style: none;
	font-size: 1em; /* Unterliste in Liste */
}

#navi li{
	color: #313C44;
	line-height: 1.2em; /* Listenpunkt allgemein */
}

#navi li.abstand{ margin-top: .9em; /* Neuer Navi-Block */ }

#navi a{
	color: #000000;
	font-weight: normal;
	text-decoration: none; /* Navi-Link */
}

#navi a:visited{ color: #000000; }

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

#navi a:active{ color: #FFD295; text-decoration: none; }

#navi li a.current, #navi li.current a{ font-weight: bold; /* aktueller Link */ }

#navi li a{
	padding-left: 12px; /* Link 1. Ebene  - neben :: setzen */
	width: 11em;
	padding-bottom: .3em;
	padding-top: .4em;
	display: block;
	background-image: url(siteimg/menu_dot2.gif);
	background-repeat: no-repeat;
	background-position: 0 .76em;
}

#navi ul ul.unterNavi, #navi ul.artList{
	margin: .3em 0 .3em .1em; /* Liste 2. Ebene */
	padding: 0 .1em .1em .4em;
	width: 13.3em; /* sonst in IE Abstand davor */
	border: 1px solid #E8F2D6;
	background-color: #F0EDCF;
	font-size: 1em;
	-moz-border-radius: 5px;
}

#navi li ul li ul.artList {
	width: 13.1em; /* sonst in IE Abstand davor */
	margin-left: 0em;
	padding-left: 0;
	border: none;
}

#navi ul.artList a, #navi ul.unterNavi a{
	margin-left: .3em; /* Link 2. Ebene */
	width: 12.4em;
	padding: .2em 0 .2em 8px;
	background-image: url(siteimg/menu_dot.gif);
	background-position: 0 .6em;
}

#navi ul.unterNavi ul a{
	width: 11.2em; /* 3. Menüebene Listenpunkt */
	margin-left: 1.1em;
	padding: .1em .2em .3em .5em;
	background-image: none;
	background-color: #F4F1DB;
	line-height: 1.2em;
}

    

#tellafriend{
	margin: 1.2em .2em 0 .5em; /* Seite empfehlen... */
	padding-top: 1.1em;
	border-top: 1.2px dotted #CE8944;
}

#tellafriend p{
	margin-left: .4em; /* Seite empfehlen... */
	font-size: .74em;
}

#tellafriend  a { color: #EA9900; font-weight: bold; }

/* ---- Content Rechts ---- */
#block3Content{ padding: 20px; }

#block3Content p,#block3Content ul,#block3Content ol{ color: #404040; }

#block3Content h1{
	margin-top: 2em;
	padding-left: 0;
	background-image: none;
	font-size: .9em;
}

#block3Content h2{ font-size: .8em; }

#block3Content ul,ol{ margin-left: 1.5em; margin-right: 0; }

#block3Content img{
	margin: 1em auto .4em auto;
	float: none;
	display: block; /* über disp:block zentrierbar */
	max-width: 11.5em;
}

/* Suchformular rechts in Contentspalte */
#block3Content form{
	padding: 0 0 1em 0;
	margin: 0;
	font-size: 94%;
	line-height: 1.1em;
	text-align: right;
}

#block3Content input.suche{
	padding-left: .3em;
	margin-bottom: 0;
	border: 1.2px dotted #FFDB09;
	width: 11.8em;
}

#block3Content input.finden{ margin: 0; margin-top: .3em; }

/* ---- Footer ---- */
#footer{
	margin: 0;
	padding: .4em 0 .6em 0;
	background-color: #D9CCA9;
	background-image: url(siteimg/footer_bg.gif);
}

#footer p{
	margin: 0;
	padding: 0;
	font-size: 0.76em;
	text-align: center;
	line-height: 1em;
}

#footer a,#footer a:visited{ color: #BF7D00; }

/* ===== spezielle Bereiche im Content ===== */
div.trenner{
	width: 99%;
	border-bottom: 1px solid #FFECB2;
	margin: 0;
	padding: 0; /* Trenner zwischen Artikeln */
}

#block1Content p.mehr{
	padding-left: 26px; /* mehr lesen-Link */
	background-image: url(siteimg/pfeil.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
}

#crumbbar{
	margin-top: 2em;
	padding: .5em;
	background-color: #EFEFEF;
	background-image: url(siteimg/crumbbar.jpg);
	line-height: 1.2em;
}

#crumbbar p{ margin: 0; padding: 0; color: #484848; }

#crumbbar a,#crumbbar a:visited{ color: #BF7D00; }

/* ---- Print Things ---- */
#printInfo, #printBanner { display: none; }

/* ---- eMail-Formular ---- */
#block1Content ul.fehler{ color: #970000; /* Fehlermeldung eMail-Form */ }

/* ===== Generelle Auszeichungen Blockelemente,Text,Bilder... ===== */
/* nur hier em-angaben! 
*/
p,ul,ol,input,label,table{
	font-size: .8em;
	font-family: verdana,helvetica,tahoma,arial,sans-serif;
}

input,textarea{
	padding: .1em;
	font-family: verdana,helvetica,tahoma,arial,sans-serif;
}

p,ul,ol{ line-height: 1.3em; /* Hier zentral Zeilenhöhe! */ }

p,ul{ margin: 0; padding-bottom: .5em; padding-top: .4em; }

ul,ol{
	margin: 0 2em 0 2.4em;
	padding-left: 0; /* padding für Moz nullen */
}
ul ul, ul ol, ol ul, ol ol {
	font-size: 1em;
}
blockquote{
	margin: 0;
	margin-left: 1.9em;
	font-variant: inherit;
	font-style: italic;
}

p cite{
	margin: 0;
	padding: 0;
	font-style: italic;
	font-size: 1em;
}

p label{ font-size: 1em; }

img{
	float: right;
	margin: 1.4em 0em .7em 1.4em;
	padding: 3px;
	border: 1px solid #E6E1CE;
}

a:hover img{
	border: 1px solid #B7AA72; /* Hover-Rahmen,wenn Bild verlinkt ist */
}

/* Links */
a{ color: #EA9900; font-weight: bold; }

a:visited{ color: #BF7D00; }

a:hover{ color: #956100; text-decoration: none; }

a:active{ color: #FFD380; text-decoration: none; }

/* Überschriften */
h1,h2,h3,h4{
	margin: 2.8em 0 1em 0;
	color: #313C44;
	font-weight: bold;
	line-height: 1.4em;
}

h1{
	padding-left: 24px;
	background-image: url(siteimg/quadrat.gif);
	background-repeat: no-repeat;
	background-position: 0 .35em;
	background-attachment: inherit;
	font-size: 1.05em;
}

h2{ padding-top: 0; font-size: .95em; }

h3{ margin-top: 1.8em; font-size: .8em; }

h4{ padding-left: 1em; margin-top: 1.8em; font-size: .8em; }

/* verlinke Artikel-Überschriften */
h1 a{ color: #3D4B55; font-size: .9em; text-decoration: none; }

h1.excerpt{
	margin: 0;
	margin-top: 1em;
	padding: 0;
	background-image: none;
}

h2 a{ color: #313C44; text-decoration: none; }

h1 a:visited{ color: #313C44; text-decoration: none; }

h1 a:hover{
	color: #C47100;
	background: transparent;
	text-decoration: underline;
}

h1 a:active{ color: #FFA933; text-decoration: none; }

/* Tabelle */
td{ padding: .3em; }

th{ border-bottom: 2px solid #330099; padding: .3em; }

/* Nice 2CU here! */
/* (c) 2006 Ingo Sparr | DeutscheLebensArt.de */
