@charset "utf-8";  /*** UTF Kodierung erspart Sonderzeichenkodierung ***/

html {height: 101%;}

body{
	margin: 0;
	padding: 0;
	height: 100%;
	font-family: Verdana, Arial, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;  
	background-color: #686758;
}

/*** allgemeine Verweise *** outline 0 verhindert Pnktchenrand in Firefox***/
a:active, a:focus {
    outline:0;
}
a:link, a:visited{
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

/*** Grundaufbau ***/

#wrapper {
position: relative;
width: 100%;
min-height: 100%;
}
#content {
position: relative;
margin-left: auto;
margin-right: auto;
min-height: 700px;
width: 100%;
background: #fff url(images/hg.gif) repeat-x top left;
}
#unten{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	height: auto;
	background: url(images/hgbottom.gif) repeat-x top left;
}
#header {
position: relative;
margin-left: auto;
margin-right: auto;
width: 985px;
height: 100px;
}
.logo {
float: left;
padding-left: 10px;
margin: 25px 0 0 0;
width: 356px;
}
#inhalt {
position: relative;
margin-left: auto;
margin-right: auto;
width: 985px;
}
.left {
float: left;
width: 360px;
}
.masken {
margin-left: 16px;
width: 348px;
height: 50px;
border-left: 1px solid #eae9de;
border-right: 1px solid #eae9de;
}
.clear {
clear: both;
height: 1px;
}

/********* Standardnavigation = Menu 1 navi************/

.menu1 {
position: relative; 
float: right;
margin: 59px 0 0 0; 
padding: 10px 0 6px 32px;
width: 587px;
color: #d4d2c3;
font-size: 0.75em;
line-height: 1.6em;
border-bottom: 6px solid #98ca45;
}
.menu1 a {
   margin: 0 3px 0 0;
	padding: 2px 4px 2px 4px;  
    color: #d4d2c3;
	font-weight: normal;
    text-decoration: none;
	border: 1px solid #686758;
}

.menu1 a:hover {
    color: #fff;
	font-weight:normal;
    text-decoration: none;
	border: 1px solid #686758;
}

.menu1 a.current {
    padding: 2px 4px 2px 4px;  
    color: #fff;
	font-weight: normal;
    text-decoration: none;
	border: 1px solid #dbdbd2;
}

.menu1 a.current:hover {
   color: #d4d2c3;
	font-weight: normal;
    text-decoration: none;
	border: 1px solid #959378;
}

/** Hauptnavigation = Menu 2 **/

.menu2 {
margin: 0;
padding: 20px 0 18px 0;
width: auto;
height: auto;
line-height: 1.2em;
}

.menu2 a {
   	display: block;
	margin: 0;
	padding: 2px 0 2px 18px; 
    color: #5e5c45;
	font-size: 0.8em;
	font-weight: bold;
    text-decoration: none;
}

.menu2 a:hover {
    color: #000;
    text-decoration: none;
}

.menu2 a.current {
	display: block;
	margin: 0;
	padding: 2px 0 2px 18px; 
	font-size: 0.8em;
    color: #000;
	font-weight: bold;
    text-decoration: none;
}

.menu2 a.current:hover {
    color: #5e5c45;
    text-decoration: none;
}

/*** Subnavigation = Menu 3 ***/

.menu3 {
width: auto;
height: auto;
padding-bottom: 10px;
}
.menu3 a {
display: block;
margin: 0;
	padding: 0 0 0 18px; 
	width: auto; 
    color: #5e5c45;
	font-size: 0.7em;
	text-align: left;
	font-weight: normal;
    text-decoration: none;
}

.menu3 a:hover {
    color: #000;
    text-decoration: none;
}

.menu3 a.current {
   display: block;
margin: 0;
	padding: 0 0 0 18px;  
	width: auto; 
    color: #5e5c45;
	text-align: left;
	font-size: 0.7em;
	font-weight: bold;
    background: url(images/aktiv.gif) no-repeat;
}
.menu3 a.current:hover {
    color: #000;
    text-decoration: none;
}
/************** inhalt****************/

.feature {
margin: 0 0 0 360px;
background: url(images/kreuze.gif) no-repeat top right;
}
.feature p {
padding: 0 0 0 43px;
font-size: 0.7em;
color: #000;
line-height: 1.5em;
}
h1 {
margin: 0 10px 0 0; 
padding: 25px 0 6px 43px; 
font-size: 1.15em;
color: #72725d;
font-weight: normal;
}
h2 {
margin: 0 10px 16px 0; 
padding: 15px 0 2px 43px;
font-size: 0.95em;
color: #7d7b60;
font-weight: bold;
}
h3.blau {
margin: 0; 
padding: 24px 0 0 43px;
font-size: 1.05em;
color: #0596ca;
font-weight: normal;
}
h3.ocker{
margin: 0; 
padding: 24px 0 0 43px;
font-size: 1.05em;
color: #b9910c;
font-weight: normal;
}
.blue {
margin: 0; 
padding: 0;
font-size: 1.2em;
color: #0596ca;
font-weight: bold;
}
.ocka{
margin: 0; 
padding: 0;
font-size: 1.2em;
color: #b9910c;
font-weight: bold;
}
.minilink {
clear: both;
margin: 25px 0 0 16px;
padding: 0;
font-size: 0.7em;
color: #747144;
line-height: 1.6em;
}
.extern {
padding: 0 3px 0 22px;
background-image: url(images/extern.gif);
background-repeat: no-repeat;
background-position: left;
color: #747144;
font-weight: bold;
}
.vita {
padding: 0 0 0 43px;
font-size: 0.7em;
line-height: 1.6em;
color: #000;
}
.date {
float: left;
width: 90px;
font-weight: bold;
}
.mail {
float: inherit;
padding: 0;
color: #747144;
font-weight: bold;
}
.bildleft {
float: left;
padding: 5px 0 16px 16px;
}
* html .bildleft{
  overflow: visible;
  position: relative;
}
.spalte {
float: left;
margin:0;
width: 250px;
}
.spalte img {
float: left;
}
/***********  startseite  *************/
.aktuell {
padding-left: 56px;
}
.startbw{
margin: 8px 0 1px 45px;
padding: 6px 2px 6px 12px;
color: #526372;
font-size: 0.7em;
background: #f7f8f3 url(images/startbw.gif) no-repeat top right;
line-height: 1.6em;
}
.startcl{
margin: 8px 0 1px 45px;
padding: 6px 2px 6px 12px;
color: #526372;
font-size: 0.7em;
background: #f7f8f3 url(images/startcl.gif) no-repeat top right;
line-height: 1.6em;
}
.startmt{
margin: 8px 0 1px 45px;
padding: 6px 2px 6px 12px;
color: #526372;
font-size: 0.7em;
background: #f7f8f3 url(images/startmt.gif) no-repeat top right;
line-height: 1.6em;
}
.starttextitle {
display: block;
margin: 0 115px 0 0;
color: #526372;
font-size: 1.2em;
height: auto;
font-weight: bold;
}
.starttextitle a {
text-decoration: none;
}
.starttextitle a:hover {
text-decoration: underline;
color: #526372;
}
.startsubline {
display: block;
margin: 0 115px 0 0;
color: #526372;
font-weight: normal;
}
.startdatum {
float: right;
width: 60px;
margin: 0;
color: #68653a;
font-weight: bold;
}
.startmedium {
font-weight: normal;
color: #68653a;
}
.startlinks {
clear: both;
margin: 0 0 0 50px;
padding: 0;
font-size: 0.7em;
color: #747144;
line-height: 1.4em;
}


/*********** Filter Artikel *************/
.filter {
float: right;
margin: 0 0 12px 0;
height: auto;
width: 600px;
font-size: 0.65em;
color: #aeac9b;
}
.showall {
float:right;
padding: 0 8px 10px 0;
width: auto;
font-weight: bold;
}
.showall a {
color: #aeac9b;
}
.showbw {
float: right;
padding-bottom: 10px;
width: 46px;
}
.showcl {
float: right;
padding-bottom: 10px;
width: 47px;
}
.filter a, .filter img {
	border:0;
}

/********* artikelliste textproben *********/
.artikel {
margin: 35px 0 1px 5px;
font-size: 0.75em;
color: #686538;
border-bottom: 1px dotted #c4c4b5;
}
.wagner {
padding: 20px 0 0 40px;
font-weight: bold;
background: url(images/mark_bw.jpg) no-repeat left bottom;
}
.loeffler {
padding: 20px 0 0 40px;
font-weight: bold;
background: url(images/mark_cl.jpg) no-repeat left bottom;
}
.medium {
margin: 0;
font-weight: normal;
}
.datum {
margin: 0;
font-weight: normal;
}
.textitle {
display: block;
padding: 4px 0 0 23px;
color: #526372;
height: auto;
font-weight: bold;
font-size: 0.9em;
}
.textitle a {
text-decoration: none;
}
.textitle a:hover {
text-decoration: underline;
color: #526372;
}
.einzug {
margin: 8px 0 20px 3px;
}
.pdf {
margin-left: 5px;
text-align: center;
float: left;
width: 27px;
font-size: 0.6em;
padding: 15px 0 0 0;
background: url(images/pdf.gif) no-repeat top;
color: #8e8e7b;
}

/***** pagenavi unten ******/
.fussnavi {
margin: 45px 20px 8px 45px;
background-color: #fff;
font-size: 0.8em;
font-weight: normal;
}
.fussnavi a, .fussnavi span{
	text-decoration: none;
	color: #666;
	border: 1px solid #ccc; 
	padding: 2px 4px 2px 4px;
}
.fussnavi a:hover, .fussnavi span:hover{
	color: #fff;
	background-color: #686758;
	text-decoration: none;
	}
.fussnavi a.current, .fussnavi span.current {
	text-decoration: none;
	color: #686758;
	background-color: #efefe8;
	border: 1px solid #ccc; 
	padding: 2px 4px 2px 4px;
}
.fussnavi a.current:hover, .fussnavi span.current:hover{
	color: #fff;
	background-color: #686758;
	}
/************** footer ****************/

.footer {
position: relative;
margin-left: auto;
margin-right: auto;
padding-left: 8px;
width: 985px;
}
.copyright {
margin:0;
padding: 36px 0 0 395px;
width: auto;
font-size: 0.7em;
color: #d4d2c3;
}
.ankertop {
float: left;
border: 0;
}
a.minli:link, a.minli:visited{
	color: #d4d2c3;
	text-decoration: none;
}
a.minli:hover{
    color: #fff;
	text-decoration: underline;
}

/************** suchformular ****************/
.masken img {
	border:0;
}

#customerLogin {
	background:#eeede7;
	display:block;
	float:right;
	margin-top:23px;
}

#customerLogin:hover {
	background:#d0ceba;
}

#ajaxSearch_form {
	float:left;
	width:210px;
}

#ajaxSearch_form div {
	background:#fff;
	border:1px solid #a2aaad;
	float:left;
	margin-top:23px;	
}

#ajaxSearch_form input {
	border:0;
	color:#46566f;
	float:left;	
	font-family: Verdana, Arial, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;  
	font-size:0.6875em;
	width:170px;
	padding:0 5px;
	position:relative;
	top:3px;
}

#ajaxSearch_form input.submit {
	position:static;
	padding:0;
	width:auto;
}

#ajaxSearch_form input.submit:hover {
	cursor:pointer;
}

/************** content formulare ****************/
.wlpeMessage{
	font-weight:bold;
}

.feature label {
	font-weight:bold;
	display:block;
}

.feature input, #logout input {
	background:#fff;
	border:1px solid #a2aaad;
	color:#46566f;
	font-family: Verdana, Arial, "Trebuchet MS", Trebuchet, Helvetica, sans-serif;  
	font-size:1em;
	padding:2px 5px;
	width:170px;
}

.feature input.submit, #logout input.submit {
	background:#eeede7 url(images/submit.gif) right center no-repeat;
	border-color:#464536;
	color:#464536;
	padding-right:25px;
	width:auto;
}

.feature label:hover, .feature input.submit:hover, #logout input.submit:hover {
	cursor:pointer;
}

.feature input.submit:hover, #logout input.submit:hover {
	background-color:#d0ceba;
}

.feature form {
	margin-bottom:20px;
}

#logout {
	padding-top:20px;
	font-size: 0.7em;
	padding-left:20px;
}