@charset "iso-8859-2";
/* CSS Document */

body {
	font: 100%/1.4 Impact, Arial, Helvetica, sans-serif;
	background:url(images/base/bg-dunkel-gruen-caro-gross.png) repeat-x #fff;
background-size: 1900px 6000px; 
  -webkit-background-size: 1900px 6000px;           /* Safari 3.0 */
     -moz-background-size: 1900px 6000px;           /* Gecko 1.9.2 (Firefox 3.6) */
       -o-background-size: 1900px 6000px;           /* Opera 9.5 */
          background-size: 1900px 6000px;           /* Gecko 2.0 (Firefox 4.0) and other CSS3-compliant browsers */
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element-/Tag-Selektoren ~~ */
ul, ol, dl {
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin: 0 0 5px 0;
}
h1, h2, h3, h4, h5, h6 {
	font: Impact, Arial, Helvetica, sans-serif;
	font-weight:normal;
	color:#666;
	letter-spacing:1px;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:14px;
	letter-spacing: normal;
}
h5 {
	font-size:18px;
	color:#C00;
}
p {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	color:#666;
	font-size:12px;
	line-height:20px;
}
a img {
	border: none;
}

/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #42413C;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited {
	color: #6E6C64;
	text-decoration: underline;
}
a:hover, a:active, a:focus { 
	text-decoration: none;
}

/* Klasse für verstecktes Formularfeld, das nicht ausgefüllt werden darf - HONEYPOT -
Spambots füllen alle Felder eines Formulars aus. Dabei versuchen sie, die Felder mit jeweils passenden Inhalten zu befüllen. Ein Feld 

namens z. B. "E-Mail" (ACHTUNG bei der Schreibweise, es muss anders heißen als das "richtige" E-Mail-Formularfeld!!!), wird daher mit 

großer Wahrscheinlichkeit mit einer - natürlich gefälschten - E-Mail Adresse gefüllt. Diese Eigenschaft der Spambots kann man sich zunutze 

machen, indem man zusätzliche Felder ins Formular einfügt, die von Menschen nicht ausgefüllt werden. Zu diesem Zweck werden die 

Zusatzfelder per CSS vor Menschen versteckt, und für den Fall, dass der Besucher CSS deaktiviert hat, noch ein entsprechender Hinweis 

angebracht. */
.email { display:none;}

/* ~~ Dieser Container umschließt alle anderen div-Tags. ~~ */
.container {
	width:100%;
	margin: 0 auto;
}

/* ~~ Kopfzeile ~~ */
.header {
	width: 1070px;
	background: url(images/base/bg-kopfzeile.png) no-repeat;
	height:175px;
	margin: 0 auto; 
}
.kopfzeile {
	height:100px;
}
.navigation {
	height:75px;
}
.bildleiste {
	width: 1020px;
	padding:0 25px 25px 25px;
	margin: 0 auto;
}
.logo {
	width:375px;
	height:100px;
	float:left;
}
.navigation ul.nav {
	font: 16px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	list-style: none; 
	margin:0 0 0 23px;
}
.navigation ul.nav li {
	border-right: 1px solid #ccc;
	float:left;
}
.navigation ul.nav a, .navigation ul.nav a:visited {
	text-align:center;
	color:#666666;
	padding:15px 0 0 0;
	display: block;
	width: 203px;
	height:35px;
	text-decoration: none;
}
.navigation ul.nav a:hover, .navigation ul.nav a:active, .navigation ul.nav a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: #FFF;
	background-color:#004a86;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.navigation ul.nav-aktiv {
	font: 16px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	list-style: none; 
	margin:0 0 0 23px;
}
.navigation ul.nav-aktiv li {
	border-right: 1px solid #ccc;
	float:left;
}
.navigation ul.nav-aktiv a, .navigation ul.nav-aktiv a:visited {
	text-align:center;
	color:#fff;
	padding:15px 0 0 0;
	display: block;
	width: 153px;
	height:35px;
	text-decoration: none;
	background-color:#004a86;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.navigation ul.nav-aktiv a:hover, .navigation ul.nav-aktiv a:active, .navigation ul.nav-aktiv a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: #666666;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.navigation ul.verkauf {
	font: 16px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	list-style: none; 
	margin:0 0 0 23px;
}
.navigation ul.verkauf li {
	float:left;
}
.navigation ul.verkauf a, .navigation ul.verkauf a:visited {
	background:#becdda;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-align:center;
	color:#666666;
	padding:15px 0 0 0;
	display: block;
	width: 255px;
	height:35px;
	text-decoration: none;
}
.navigation ul.verkauf a:hover, .navigation ul.verkauf a:active, .navigation ul.verkauf a:focus { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: #FFF;
	background-color:#004a86;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.navigation ul.verkauf-aktiv {
	font: 16px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	list-style: none; 
	margin:0 0 0 23px;
}
.navigation ul.verkauf-aktiv li {
	float:left;
}
.navigation ul.verkauf-aktiv a, .navigation ul.verkauf-aktiv a:visited { /* Hiermit wird der Hintergrund und die Textfarbe bei der Navigation mit der Maus und der Tastatur geändert. */
	color: #FFF;
	background-color:#004a86;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-align:center;
	color:#fff;
	padding:15px 0 0 0;
	display: block;
	width: 255px;
	height:35px;
	text-decoration: none;
}
.navigation ul.verkauf-aktiv a:hover, .navigation ul.verkauf-aktiv a:active, .navigation ul.verkauf-aktiv a:focus {
	background:#becdda;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	color:#666666;
}
.kopfzeile ul.nav {
	font: 14px Impact, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	list-style: none;
	padding:55px 25px 0 0;
}
.kopfzeile ul.nav li {
	float: right;
}
.kopfzeile ul.nav a, .kopfzeile ul.nav a:visited {
	text-align: center;
	color:#666;
	display: block;
	text-decoration: none;
}
.kopfzeile ul.nav a:hover, .kopfzeile ul.nav a:active, .kopfzeile ul.nav a:focus { 
	color: #ccc;
}
/* ################# INHALTE ###################### */
/* ~~ Dies sind die Spalten für das Layout. ~~ */
.bg-content {
	background:url(images/base/bg-gruen-caro-komplett.png) repeat center; /* definiert den grün karierten Hintergrund */
	margin: 0 auto; 
	width:1020px;
	overflow:hidden;
	padding:0 0 25px 50px;
}
.bg-content-breit {
	background:url(images/base/bg-gruen-caro-ohne-rechts.png) repeat center; /* definiert den grün karierten Hintergrund */
	margin: 0 auto; 
	width:1020px;
	overflow:hidden;
	padding:0 0 25px 50px;
}
.content { /* umfasst die linke und rechte Spalte sowie den Textbereich in der Mitte */
	width:1070px;
	height:100%;
	margin: 0 auto; 
}
.content a {
	color: #009900;
}
.content ul {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	list-style:square;
}
/* ################# Linke Spalte ###################### */
.sidebar1 {
	float: left;
	width: 205px;
	margin:0;
	padding: 25px 0 0 0;
}
.sidebar1 a {
	text-decoration:none;
	color:#666;
}
.sidebar1 a:hover {
	text-decoration: underline;
	color:#666;
}
.quelle {
	font-size:10px;
}
.mehr a {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	width: 110px;
	height:20px;
	display:block;
	background-color:#004a86;
	float:right;
	color:#fff;
	text-align:right;
	padding:5px 5px 0 0;
	-webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
	text-decoration:none;
}
.mehr a:hover {
	color:#fff;
	text-decoration: underline;
}
.linie {
	margin:7px 0 0 0;
	border-bottom: 1px dotted #666;
}

.sidebar1 ul.nav {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	list-style: none;
	padding:5px 25px 0 0;
	margin:5px 0 0 0;
}
.sidebar1 ul.nav li {
	width:195px;
	height:30px;
	display:block;
	padding:5px 0 0 10px;
	border-bottom: 1px dotted #666;	
}
.sidebar1 ul.nav a, .sidebar1 ul.nav a:visited {
	text-decoration: none;
}
.sidebar1 ul.nav a:hover, .sidebar1 ul.nav a:active, .sidebar1 ul.nav a:focus { 
	width:220px;
	height:30px;
	display:block;
	font-weight:bold;
}
/* ################# Inhalt Mitte ###################### */
.inhalt {
	margin: 25px 0 0 50px;
	width: 470px;
	float: left;
}
.inhalt-breit {
	margin: 25px 0 0 50px;
	width: 730px;
	float: left;
}
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}
.content td {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
}
.content td {
	border-bottom:1px dotted #666;
}
.content-td-hell {
	background:#e3f0d8;
}

/* ################# Rechte Spalte ###################### */
.sidebar2 {
	width: 225px;
	padding: 25px 25px 0 0;
	float:right;
	margin:0 50px 0 0;
}
.sidebar2-archiv {
	width: 225px;
	padding: 25px 25px 0 25px;
	float:right;
	margin:0 0 0 0;
}


/* ################# Sitemap ###################### */
.sitemap {
	margin:0 auto;
	width:1020px;
	height:410px;
	padding: 10px 0 10px 50px;
	position: relative;/
	clear: both;
	background:#fff;
}
.sitemap-block-breit {
	width:180px;
	height:200px;
	display:block;
	float:left;
}
.sitemap-block {
	width:115px;
	height:200px;
	display:block;
	float:left;
}
.sitemap-block a, .sitemap-block-breit a {
	color:#666;
	text-decoration:none;
}
.sitemap-block a:hover, .sitemap-block-breit a:hover {
	text-decoration: underline;
}
.sitemap-block ul, .sitemap-block-breit ul {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	list-style:none;
}
.sitemap-block ul li, .sitemap-block-breit ul li {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
}
.sitemap-block ul li a, .sitemap-block-breit ul li a {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
}
.sitemap-block ul li a:hover, .sitemap-block-breit ul li a:hover {
	text-decoration: underline;
}
.sitemap-schnellanfrage {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	width:325px;
	display:block;
	float: right;
	margin:0 25px 0 0;
}
.sitemap-schnellanfrage h4 {
	font: 100%/1.4 Impact, Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#666;
}
.sitemap-schnellanfrage a {
	color:#666;
	text-decoration:none;
}
.sitemap-schnellanfrage a:hover {
	text-decoration: underline;
}
.sitemap-schnellanfrage ul {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	list-style:none;
}
.sitemap-schnellanfrage ul li {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:24px;
}
.sitemap-schnellanfrage ul li a {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#666;
}
.sitemap-schnellanfrage ul li a:hover {
	text-decoration: underline;
}
/* ################# Fußzeile ###################### */
.footer {
	background:url(images/base/bg-gruen-caro.png) repeat;
	margin: 0 auto;
	padding: 10px 0 10px 25px;
	position: relative;
	clear: both;
	width: 1047px;
}
.footer-inhalt {
	font: 100%/1.4 Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666;
	margin:0 auto;
	width:1000px;
	padding: 10px 0;
}
.footer-inhalt a {
	text-decoration:none;
	color:#666;
}
.footer-inhalt a:hover {
	text-decoration: underline;
}

/* ~~ Verschiedene float/clear-Klassen ~~ */
.fltrt {  /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. Das fließende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* Diese Klasse kann in einem <br />-Tag oder leeren div-Tag als letztes Element nach dem letzten fließenden div-Tag (im .container) platziert werden, wenn .footer entfernt oder aus dem .container herausgenommen wird. */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ################# Container  Clearbox ###################### */.container-clearbox {
      width: 320px;
      height: auto;
      font-size:11px;
}
.item a img {
      float:left;
      padding:3px;
      background-color: #fff;
      border:1px solid #cccccc;
      -moz-border-radius: 1px;
      -webkit-border-radius: 1px;
      -khtml-border-radius: 1px;
      border-radius: 1px;
      filter:alpha(opacity=100);
      -moz-opacity: 1;
      -khtml-opacity: 1;
      opacity: 1;
	  margin:0 0 5px 0;
}
.item a:hover img, .item a:active img {
      padding:3px;
      border:1px solid #cccccc;
      filter:alpha(opacity=80);
      -moz-opacity:0.80;
      -khtml-opacity: 0.80;
      opacity: 0.80;
}
.clearfix:after{
      clear:both;
}
#inline{
      visibility: hidden;
      color:#444;
}.text-rot {
	color: #C00;
}
.text-gruen {
	color: #009900;
	text-align: center;
}

/* ################# Container Spamschutz Honeypot ###################### */
.feld { display:none; }