@import url("navigation.css");
   
body { 
	padding: 0; 
	margin: 0; 
	font: 0.7em Tahoma, sans-serif; 
	line-height: 1.9em;
	background: #fff url("images/h.gif");
	color: #454545; 
}

a                        {color: #E0691A;	background: inherit; text-decoration:none;}
a:hover                  { color: #6C757A; background: inherit; }
.left a                  { text-decoration:underline; color: #000066}
.left a:hover            { text-decoration:underline overline;}
h1 a, h2 a               { text-decoration: none; }
h1 a:hover, h2 a:hover   { color: #FF6600; background: inherit; }
h2                       { margin: 0; padding: 0; }
h2                       { font-size: 1.5em; color: #000; background: inherit; }
ul                       { margin: 0; padding : 0; list-style : none; }
img, img a               { border:none;}
acronym                  { cursor: help; }
em                       { font-style: normal;}


h1 { 
   font: normal 2.1em Arial, Sans-Serif; letter-spacing: -1px; 
   padding: 7px 0 0 8px; margin: 0; 
}

.seitentitel h1 { 
   margin:0; padding:0; 
   font: 1.5em Arial, Sans-Serif;
}

.content { 
	margin: 0 auto;
	width: 933px;
	max-width: 95%;
	padding: 0px; 
	background: #fff;
	border-right: 2px solid #374254;
	border-left: 2px solid #374254;
}

.header { 
	position: relative;
	height: 100px;
	background: #8db5fb url("images/bg_seot_header.jpg") no-repeat;
	color: #000;
	margin: 0;
	padding: 0px 0px 0px 0px;
}

.header h1 { padding-top: 20px;}

.top_info {
	float: right;
	width: 555px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #eee;
	background: #eee;
	color: #808080;
}

	.top_info_left {
		width: 200px;
		float: left;
	}

	.top_info_right {
		float: right;
		width: 290px;
		padding: 0 0 0 35px;
		border-left: 1px solid #eee;
	}

.grey {
	color: #808080;
	background: inherit;
	font-weight: normal;
}

.left {
	float: right;
	width: 75%;
	margin: 15px 0 10px 0;
	padding-right: 10px;
	font-size:1.2em;
	background: url(/img/seot-bg.gif) no-repeat top left;
}

.left h1 { color: #778899; }

.left h2  {
	color: #000;
	padding: 3px 0 3px 5px;
	font: bold 1.2em Tahoma, Arial, Sans-Serif;
}

.left h3  {
     font-size: 1.1em;
	 color:#000066;
}

.left ul {margin: 6px 15px;}
.left li {
   margin: 3px 6px;
   padding: 3px;
   list-style: url(/img/p4.png);
}

.left_side {
		float: left;
		width: 250px;
		padding: 0 0 0 10px;
		margin: 10px 0;
	}
		
.left_side a, .right_side a { color: #414141; background: #FFF; }
		
.right_side {
		float: right;
		width: 250px;
		background: #FFF url(images/dotted.gif) repeat-y;
		color: #414141;
		padding: 0 0 0 20px;
		margin: 10px 0;
	}
		
.left_box { margin: 0 0 10px 0; color: #000; background: #FFF; padding: 3px 0; }
.left_box a:hover {
   text-decoration:none; 
   border-top: 1px dotted #CC0000; 
   border-bottom: 1px dotted #CC0000;
}
.left_box a { text-decoration:none;}	

.right {
	float: left;
	width: 21.6%;
	min-height: 400px;
	margin: 0 0 10px 0;
	padding-top: 100px;
	background: url(/img/seot-logo3.gif) no-repeat;
}

.right h3 {
	background: url("/img/t1.gif") repeat-x;
	color: #336699;
	padding: 7px 0 7px 5px;
	font: bold 1em Tahoma, Arial, Sans-Serif;
	margin: 0 0 3px 0;
}

.right li h3 {list-style:none}

.right_articles {
		color: #414141;	
		margin: 0 0 3px 0;
	}

.right_articles a { color: #660000;}
.right_articles p {
     margin:0; padding: 8px; background: #f5f5f5;
}	
	
.image {
	float: left;
	margin: 0 9px 0px 0;
}

.footer { 
	clear: both;
	text-align: center;
	padding: 10px 0 10px 20px;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
	color: #000066; 
  background: #c8ddf3 url(/img/foot.jpg) no-repeat right top;
  border-top: 5px #336699 solid;
  text-align:left;
}

.footer a { color: #000066;}
.footer a:hover { text-decoration: underline overline; }

.mitte             { text-align:center; margin: auto; }
a.extern           { padding-left: 17px; background: url(img/extern.gif) no-repeat;}
.extern a:hover    { padding-left: 17px; background: url(img/ex.gif) no-repeat;}
img.alignright     { padding: 4px;	margin: 0 0 2px 7px;	display: inline;	}
img.alignleft      {	padding: 4px;	margin: 0 7px 2px 0;	display: inline;	}
.alignleft         { float: left; }
.alignright        { float: right;}
small              {font-size: 0.7em;}

.content_text  {
  border: 1px solid #ff9148;
  padding: 8px;
  margin-bottom: 10px;
  text-align:justify;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear          { clear:both; }
.floatLeft { float:left; }
.floatRight { float:right; }
.links        { text-align:left;}
.rechts       { text-align:right;}
.bildlinks    { float:left; margin-right: 5px;}
.bildrechts   { float:right; margin-left: 5px;}
img.mitte     { text-align: center; margin:auto;}
.artikel        { width:90%; padding-left:10px; border-left:2px solid #ff9148;}

dfn, .dn, .null, .link, .hier {
   position:absolute;
   left:-1000px;
   top:-1000px;
   width:0px;
   height:0px;
   overflow:hidden;
   display:inline;
}

.post h2, .post h1   {
   margin-top: 15px;
}


div#extra p { 
          margin: 0 0 8px 0;
		  padding:5px;
		  border-top: 1px solid #006600;
		  border-bottom: 1px solid #006600;
		  border-left: 1px solid #006600;
} 

#search li { text-align:center;}



/******* Leiste *********************/
#leiste h2 {
  display:none;
}

#leiste {
  border-bottom: 3px solid #d9dbde;
  clear: both;
}

#leiste, #leiste ul {
  padding: 0;
  margin: 0;
  line-height: 25px;
  list-style: none;
  background: url(images/nv-bg.png) repeat-x;
}

#leiste a {
  display: block;
  padding: 0 11px 0 0;
  font-weight: bold;
  color: #171c23;
  text-decoration: none;
  background: url(images/nv-r.png) right top no-repeat;
}

#leiste li {
  float: left;
  list-style: none;
  padding: 0 0 0 11px;
  background: url(images/nv-l.png) left top no-repeat;
}

#leiste li:hover a {
  color: #303a49;
  background: url(images/nv-hover-r.png) right top no-repeat;
}

#leiste li:hover {
  background: url(images/nv-hover-l.png) left top no-repeat;
}

#leiste li:hover li a, #leiste li:hover li {
  color: #171c23;
  background: #aebfd8;
}

#leiste li ul {
  margin-left: -10px;
  position: absolute;
  width: 210px;
  left: -999em;
  border: 3px solid #d9dbde;
  background: #aebfd8;
}

#leiste li:hover ul, #leiste li.sfhover ul {
  left: auto;
}

#leiste li ul li a, #leiste li ul li {
  padding: 0 0 0 5px;
  margin: 0;
  width: 200px;
  background: #aebfd8;
}

#leiste li ul li a:hover, #leiste li ul li:hover {
  color: #ffffff;
  background: #3b475a;
}

#leiste li:hover ul ul, #leiste li.sfhover ul ul {
  left: -999em;
}
.clear:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clear {
  display: inline-block;
}

* html .clear {
  height: 1%;
}

.clear {
  display: block;
}

/***** / Leiste *****/

.box  { 
	margin-bottom: 10px;
	padding: 6px;
	padding-left: 10px;
	border-left: 6px solid #C8DDF3;
	/*  background: url(/img/box.jpg) no-repeat; */
}

.boxtitel  {
	color: #000;
	text-align: center;
	font-weight:bold;
	font-size: 1.1em;
	padding: 3px 0;
	background: #F7FFD5;
}

.box_center  {
	text-align: center
}

#form-module *                                  
{ padding:0px; margin:0px; }

#form-module                                    

{ margin:0px; padding:0px; width:520px; background-color:#fff;

color:#666; font-family:verdana, arial, helvetica, sans-serif; font-size:0.9em;}

#form-module fieldset                           
{ border:0px solid #fff; }

#form-module legend                             
{ display:none; }

#form-module p                                  
{ margin:0; padding:2px; font-size:0.9em; font-weight:bold; }

#form-module .element                           
{ display:block; clear:both; background-color:#fff;}

#form-module label                              
{display:block; float:left; padding:2px; width:120px;  }

#form-module label.checkbox                     
{width:372px; border-left:2px solid #fff; border-right:none; }

#form-module input, 
#form-module select, 
#form-module textarea                          
{ float:left; margin:5px; width:295px; border:1px solid #333; }

#form-module input.text                        
{ height:20px; }

#form-module input.checkbox                    
{ width:120px; padding:0; border:none; }

#form-module input.submit                      
{  text-align:center; margin:5px auto 5px auto; padding:2px 5px; border:1px solid #333; 
background-color:#fff; color:#666; 
font-family:verdana, arial, helvetica, sans-serif; 
cursor:pointer; }

#form-module input.submit:hover                 
{ background-color:#f7f7f7; color:#000; }

#form-module label.textarea, 
#form-module textarea.textarea                  
{ height:auto; }

#form-module-thanks                             
{ display:block; color:#666; 
font-family:verdana, arial, helvetica, sans-serif; font-size:1.01em; }

.button 
{border: 1px solid #4E5665; background:url(/img/btn.gif);}

.atitel  { display:block; font-weight:bold;}

td#textbereich  ul   { 
     margin-left: 16px; 
	 padding: 0 0 0 10px; 
	 }

td#textbereich li 
{ list-style:url(/img/list_sub_1.gif);}

.content_text  
{ border: 1px solid #990000; padding: 10px;
 -moz-border-radius: 8px;}

.werbung  
{ text-align:center; margin: 0 auto;}		

.ebut {
     text-align:center; margin: 20px auto;
	 background: #F7FFD5; font-size: 1.4em; 
	 padding: 10px 20px; font-weight:bold;
	 color:#000;  }	

.ebut a { color:#000;}

.indexliste { margin: 10px;} 
.indexliste a { color:#000;}
#sitemap .sitemaplevel1 li { list-style:none;}
#sitemap .sitemaplevel2 li { list-style:url(/img/list_sub_1.gif);}
#sitemap .sitemapartikel li { list-style:url(/pics/hellblau.gif);}
.flLeft { float:left; margin-right: 6px; }
.flRight { float:right; margin-left: 6px; }

.einsenden { 
   background: url(/symbole/info.gif) no-repeat;
   padding: 6px 0 6px 28px;  
   margin:15px 30px;
}

.inhalt { background: #000; padding: 10px 6px; }
.inhalt a { color: #fff; font-weight:bold;}
.inhalt a:hover { background: #000; color: #fefefe;}

.p_box a { 
background:#e0ecf8 url(/img/extern.gif) no-repeat top left; 
padding: 0px 0px 0px 17px;
}

.p_box { 
background:#e0ecf8; 
padding: 6px;
margin: auto 20px;
}

/* Formulare */

.formgen {
	font-size: 1em;
	text-align:left;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
}



.formgen form
{
line-height : 120%;
width: 450px;
}


/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 210px;
	height: 250px;
	margin-left: 4px;
}


/* Textfeld */
.formgen .formtext
{
	height: 200px;
    width: 200px;
	background-color: #c8ddf3;
	margin-left: 4px;
}
#el_0,
#el_1, #el_2, #el_3, #el_4 { height: 15px; }
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 30px;	
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #003366;
	font-size: 1.2em;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
	color: #003366;
}


/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font-family: Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 90%;
	
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 450px;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}


/* Fieldsetbeschriftung */
.formgen legend {
font-weight: bold;
color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.formgen .forminfo {
	color: #FFFFFF;
	background-color: #990000;
	border: 1px dashed #000000;
	margin: 5px;
	padding: 5px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FFFFFF;
	background-color: #990000;
}

.klink, .klink a { text-decoration:none; color: #000; }
.block  { text-align:justify;}
.blaettern { 
   border-top: 2px solid #336699; 
   font-weight:bold; 
}
.blaettern a { text-decoration:none; color:#336699;}
.zwei {float: left;  }
.part12 {float: right; margin-left: -5px; }
.zwei, .part12 { width: 49%; }

.part11 { padding: 0 1em 0 0;  }
.part13 { padding: 0 0 0 1em;  }

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  
.part1 { background: #ddeba0; }
.part2 { background: #eaf2bf; }
.part3 { background: #fff; }

.fbox_rechts {
	float: right; margin-left:15px; width: 40%;
}

.fbox_links {
	float: left; margin-right: 15px; width: 40%;
}



.bildbox {text-align: center;}
.bildbox td {
   border: 1px solid #ccc;
   border-right: 1px solid #92b4fc;
   border-bottom: 1px solid #92b4fc;
   padding: 5px;
}

.t1 { width: 220px;}
.t2 { background-color:#efefef}
caption {
		border-top: 15px solid #add8e6; border-bottom: 1px solid #000;
		padding-top: 15px; padding-bottom: 10px;
		margin-top: 15px; margin-bottom: 10px;
		}

.bglogo {background: url(/img/seot-bg.gif) no-repeat top left;}
.boxen  {background: url(/img/bg-boxen.gif) top left;}
.form_warning li { color: blue; }