/* Standardelemente */

html {min-height: 100%;}

* {margin: 0;
	padding: 0;}

p,ul {
	padding-bottom: 12px;
	line-height: 140%;
}

.red{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: Maroon;
}

img {border:0px;}

li {list-style: none;}

a {color: #024486;}
a:link {color: #024486;}
a:visited {color: #024486;}
a:active {color: #024486;}
a:hover {color: #947D58;}
a:focus {color: #947D58;}

.left {float: left;}
.right {float: right;}
.kursiv {font-style: italic;}
.strong {font-weight: bold;}
.clear {clear: both;}

hr {
	margin: 12px 0px;
	padding: 0px;
	color: white;
	height: 1px;
	border: 0px;
	border-top: 1px dotted Gray;
}
	
body {
	background: #E2DCD0;
	text-align: center;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif;
	padding: 16px 0px;
}

/* Headline */

#headline {
	width: 976px;
	margin: 2px auto;
	text-align: left;
	color: #9C9994;
	margin-top: 2px;
	margin-bottom: 2px;
}

#headline h1{
	font: normal 12px Arial, Helvetica, sans-serif;
	float: left;
}

.cr{
	font: normal 12px Arial, Helvetica, sans-serif;
	float: right;
}

/* Hauptbereichs mit Rahmen */

#rand {
	margin: auto;
	border: 1px solid #9C9994;
	background: #ffffff;
	padding: 26px 0px 4px 0px;
	width: 980px;
	text-align: center;
}
	
#container {
	margin: 0px auto;
	width: 880px;
	text-align: left;
}

/* Header */

#header-nav a {
   margin: 0px 18px;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
  }

#header {
	height: 276px;
	text-align: left;
	padding-top: 13px;
}

.main {background: url('img/header-main.jpg') no-repeat;}

.olm {background: url('img/header-olm.jpg') no-repeat;}
.txt {background: url('img/header-txt.jpg') no-repeat;}
.afi {background: url('img/header-afi.jpg') no-repeat;}
.seo {background: url('img/header-seo.jpg') no-repeat;}
.ana {background: url('img/header-ana.jpg') no-repeat;}
.telko {background: url('img/header-telko.jpg') no-repeat;}
.office {background: url('img/header-office.jpg') no-repeat;}
.inhouse {background: url('img/header-inhouse.jpg') no-repeat;}
.stimmen {background: url('img/header-stimmen.jpg') no-repeat;}
.ref {background: url('img/header-ref.jpg') no-repeat;}
.versprechen {background: url('img/header-versprechen.jpg') no-repeat;}
.kurse {background: url('img/header-kurse.jpg') no-repeat;}
.termine {background: url('img/header-termine.jpg') no-repeat;}

.newsletter {background: url('img/header-newsletter.jpg') no-repeat;}
.newsletter-at {background: url('img/header-newsletter-austragen.jpg') no-repeat;}

.teleko {background: url('img/header-teleko.jpg') no-repeat;}
.teleko-news {background: url('img/header-teleko-news.jpg') no-repeat;}

.web {background: url('img/header-web.jpg') no-repeat;}
.web-partner {background: url('img/header-web-partner.jpg') no-repeat;}
.web-projekte {background: url('img/header-web-projekte.jpg') no-repeat;}

.kontakt-lage {background: url('img/header-kontakt-lage.jpg') no-repeat;}
.impr {background: url('img/header-impr.jpg') no-repeat;}

.hilfen {background: url('img/header-tool-hilfen.jpg') no-repeat;}
.linktipp {background: url('img/header-tool-link.jpg') no-repeat;}
.buch {background: url('img/header-tool-buch.jpg') no-repeat;}
.check {background: url('img/header-tool-check.jpg') no-repeat;}
.werkz {background: url('img/header-tool-tools.jpg') no-repeat;}

.presse {background: url('img/header-presse.jpg') no-repeat;}

  
/* Hauptnavigation */

.hauptnav {
	background-image: url(img/hn-back.gif);
	height: 25px;
	width: 880px;
	margin: 204px 0px 6px 0px;
}

.hauptnav a {
	display: block;
	width: 175px;
	float: left;
	font: bold 11px Arial, Helvetica, sans-serif;
	line-height: 25px;
	text-align: center;
	color: #ffffff;
	border-left: 1px solid transparent;
	border-right: 1px solid transparent;
	margin-left: -1px;
}

.hauptnav a:link, .hauptnav a:visited, .hauptnav a:active {
	text-decoration: none;
	color: #ffffff;
}
	
.hauptnav a:hover, .hauptnav a:focus {
	background-color: #BFA16F;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

#selected-hn {
	background-color: #BFA16F;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	color: #ffffff;
}

/* Navigation-SUMA-SEITEN */

#nav-suma {
	margin-top: 8px;
	height: 56px;
}

#nav-suma a {
	display: block;
	width: 138px;
	float: left;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-align: center;
	border: 1px solid #004890;
	background-color: #CCDAE1;
	margin-right: 14px;
	line-height: 18px;
}

#nav-suma a:link, #nav-suma a:visited, #nav-suma a:active {
	padding: 4px;
}
	
#nav-suma a:hover, #nav-suma a:focus {
	background-color: #004890;
	color: #ffffff;
}

/* Seitenstruktur - linke Spalte */

#left {
	float: left;
	width: 176px;
}

#left ul {
	padding-bottom: 4px;
}

#left-home {
	float: left;
	width: 176px;
}

#left-home h4 {
	display: block;
	padding: 0px 0px 4px 14px;
	border-bottom: 1px solid #BFA16F;
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #024486;
}

#left-home p {
	display: block;
	padding: 8px 0px;
	border-bottom: 1px solid #BFA16F;
}

#left-home p a {
display: block;
padding: 6px 0px 6px 14px;
}

#left-home p a:link, #left-home p a:visited {
	color: #333333;
	text-decoration: none;
}
	
#left-home p a:hover, #left-home p a:focus {
	text-decoration: none;
	background-color: #E8EAE9;
}

.mehr {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #024486;
	text-decoration: underline;
	}

.nav-l1 {
	width: 173px;
	}
	
.nav-l1 li {
margin-bottom: 2px;
	}	
	
.nav-l1 li a {
	text-decoration: none;
	display: block;
	padding: 4px 1px 4px 4px;
	list-style: none;
	border: 1px solid #ffffff;
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 96%;
}	
	
.nav-l1 li a:link, .nav-l1 li a:visited, .nav-l1 li a:active {
	color: #024890;
}
	
.nav-l1 li a:hover, .nav-l1 li a:focus {
	border: 1px solid #A89471;
	color: #A89471;
}

#selected1 {
	border: 1px solid #A89471;
	color: #A89471;
}

.nav-l2{
	width: 173px;
	padding-bottom: 9px;
	border-bottom: 1px solid #A89471;
	margin-bottom: 15px;
}
	
.nav-l2 li a {
	text-decoration: none;
	display: block;
	padding: 4px 0px 4px 6px;
	list-style: none;
	border: 0px;
	color: #A48D68;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 96%;
}	
	
.nav-l2 li a:link, .nav-l2 li a:visited, .nav-l1 li a:active {
	color: #A48D68;
	font-weight: normal;
}
	
.nav-l2 li a:hover, .nav-l2 li a:focus {
	border: 0px;
	color: #99825B;
	background-color: #E8EAE9;
}

#selected2  {
	border: 0px;
	color: #99825B;
	background-color: #E8EAE9;
}

/* Seitenstruktur - Mitte und rechte Spalte */

.box {
	width: 682px;
	float: right;
}
	
.box-left {
	width: 490px;
	margin-right: 14px;
	margin-bottom: 30px;
	float: left;
}
	
.box-left h2 {
	font: normal 22px "Times New Roman", Times, serif;
	color: #A89471;
	margin-bottom: 24px;
}

#sub-h2 {
	font: normal normal 19px "Times New Roman", Times, serif;
	color: #A89471;
	margin-bottom: 24px;
}

.box-left h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #024890;
	padding-bottom: 4px; 
	margin-bottom: 14px; 
	border-bottom: 1px solid #024486;
}

.box-left h3 a {
	text-decoration: none;
}

.box-left h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 7px 0px;
}

.teiln-sti {
	font-style: italic;
	padding-top:30px;
}

.box-left li {
	list-style: url(img/li.gif);
	margin-left: 16px;
	margin-bottom: 4px;
}

.blue1 {
	width: 444px;
	margin-bottom: 14px;
	padding: 5px 0px 5px 6px;
	background-color: #024486;
	display: block;
	float: left;
}

.blue1 h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px;
	margin: 0px;
}

.blue1 h3 a:link, .blue1 h3 a:visited {
	color: #ffffff;
	text-decoration: none;
}
	
.blue1 h3 a:hover, .blue1 h3 a:focus {
	text-decoration: underline;
}

.blue2 {	
	padding: 5px 5px 5px 20px;
	background-color: #024486;
	display: block;
	float: left;
}

.box-left-kurse {
	width: 492px;
	height: 160px;
	margin-right: 14px;
	margin-bottom: 30px;
	float: left;
	border-bottom: 1px solid #024486;
}

.box-left-kurse h4{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 10px 6px;
}

.nav-termin{
	width: 174px;
	margin-bottom: 15px;
	float: left;
}
	
.nav-termin a {
	text-decoration: none;
	display: block;
	padding: 0px 4px;	
	list-style: none;
	border: 0px;
	color: #333333;
	font: normal 12px Arial, Helvetica, sans-serif;
	width: 94%;
}	

.nav-termin li a:link, .nav-termin li a:visited, .nav-termin li a:active {
	color: #333333;
	font-weight: normal;
	line-height: 140%;
}

.nav-termin li a:hover, .nav-termin li a:focus {
	border: 0px;
	color: #A89471;
	text-decoration: underline;
}

.termin-box{
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
	float: left;
	width: 318px;
}

.box-left-kurse-all {
	width: 492px;
	height: 110px;
	margin-right: 14px;
	margin-bottom: 30px;
	float: left;
	border-bottom: 1px solid #024486;
}

.box-left-kurse-all h4{
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #333333;
	margin: 0px 0px 10px 6px;
}

.tag {
	margin: 12px 0px;
	padding-bottom: 2px;
	border-bottom: 1px dotted gray;
}

.tools {
	margin-bottom: 10px;
}

.tools a {
	font: bold 12px Arial, Helvetica, sans-serif;
	line-height: 22px;
}

.tools a:link, .tools a:visited, .tools a:active {
	text-decoration: underline;
	color: #333333;
}
	
.tools a:hover, .tools a:focus {
	text-decoration: underline;
	color: #947D58;
}

.box-right-kurse-all {
	width: 175px;
	float: right;
	border-bottom: 1px solid #024486;
	height: 110px;
}

.box-right-kurse-all a{
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
	margin-top: 58px;	
}

.box-right-kurse {
	width: 175px;
	float: right;
	border-bottom: 1px solid #024486;
	height: 160px;
}

.box-right-kurse a{
	font-weight: bold;
	display: block;
	margin-bottom: 30px;
	margin-top: 58px;	
}

.box-right-hilfen {
	width: 175px;
	float: right;
	border-bottom: 1px solid #024486;
	height: 122px;
	margin-top: 38px;
}

.box-right-hilfen li {
	list-style: url(img/li.gif);
	margin-left: 16px;
}

.box-right {
	width: 175px;
	float: right;	
}
	
.box-right a{
	font-weight: bold;
	display: block;
}
	
.box-right p{
	margin-top: 19px;
	padding-top: 12px;
	border-top: 1px solid #024486;
}
	
.box-right-nav {
	width: 175px;
	float: right;
	padding-top: 2px;
}	

#box-right-home {
	width: 175px;
	float: right;
	padding-top: 2px;
}

#box-right-home h3 {
	display: block;
	padding: 4px 8px 4px 4px;
	margin-top: 8px;
	border: 1px solid Silver;
	font: bold 11px Arial, Helvetica, sans-serif;
	width: 92%;
	color: #A89471;
}

#box-right-home p {
	display: block;
	padding: 4px 8px 4px 4px;
	border-left: 1px solid Silver;
	border-right: 1px solid Silver;
	width: 92%;
	height: 88px;
}

#box-right-home p a {
background: url(img/nav-r-home.gif) no-repeat;
padding-left: 20px;
display: block;
}

#box-right-home p a:link, #box-right-home p a:visited {
	color: #333333;
	text-decoration: none;
	padding-bottom: 6px;
}
	
#box-right-home p a:hover, #box-right-home p a:focus {
	text-decoration: underline;
}

#druck {
	margin-left: 76px;
	background: url(img/druck.gif) no-repeat right;
	padding-right: 22px;
	text-decoration: none;
	font: normal 11px Arial, Helvetica, sans-serif;
}

#nav-r {
	width: 175px;
	padding: 26px 0px 22px 0px;
	border-bottom: 1px solid #024486;
	margin-bottom: 28px;
}
	
#nav-r li a {
	text-decoration: none;
	display: block;
	padding: 2px;
	list-style: none;
	width: 100%;
}	
	
#nav-r li a:link, #nav-r li a:visited {
	color: #024486;
	background: url(img/nav-r.gif) no-repeat;
	padding-left: 20px;
	text-decoration: none;
}
	
#nav-r li a:hover, #nav-r li a:focus {
	text-decoration: underline;
}

#light {
	background-color: #E8EAE9;
}

/* Formulare */

.ef {
	border: 1px solid #7F9DB9;
	padding: 2px;
}

.ef-r {
	border: 1px solid #7F9DB9;
	background-color: #E8EAE9;
	padding: 2px;
}

input:focus, textarea:focus {
	background-color: #D9E2EA;
	border: 1px solid #004890;
}

input.sffocus {
	background-color: #D9E2EA;
	border: 1px solid #004890;
}

input.sffocus:focus {
	background-color: #D9E2EA;
	border: 1px solid #004890;
}

.sffocus {
   background-color: #D9E2EA;
	border: 1px solid #004890;
	padding: 2px;
}

textarea:focus, textarea.sffocus {
	background-color: #D9E2EA;
	border: 1px solid #004890;
}

#box-form {
	float: left;
}
	
#box-form h3 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #024486;
	padding-bottom: 4px; 
}

#form {
	width: 670px;
	border-left: 1px solid #024486;
	border-top: 1px solid #024486;
	border-right: 1px solid #024486;
	padding: 6px;
}	
	
#form-bottom {
	width: 673px;
	height: 10px;
	padding-right: 10px;
	border-left: 1px solid #024486;
	background: url(img/form-eck.gif) bottom right no-repeat;
}	

fieldset {border:0px;}
fieldset#links {width:320px; float:left;}
fieldset#rechts {width:320px; float:right; padding-top:39px; padding-right:8px;}
fieldset#links-tell {width:320px; float:left; padding-top:10px;}
fieldset#rechts-tell {width:320px; float:right; padding-top:10px; padding-right:8px;}
fieldset#breit {width:664px; padding: 6px 0px; clear: both;}
fieldset#breit p {margin-left: 128px;}

#chapt1 {  display: block;
float: left;
margin-left: 124px;
width: 360px;}

#chapt2 {  display: block;
float: right;
padding-right: 10px;}

	
label, input, select {
  display: block;
  float: left;
  margin: 1px;
}

input, select {
width: 186px;
}

label { 
width: 116px;
margin-top:4px;
}

#Anrede {width: auto;}
#PLZ {width:48px;}
#Ort {width:130px;}
textarea {width:528px;}

form br {
  clear: left; 
}

form p { 
  clear: left; 
}

input#submit {
  float: none;
  width: auto;
  margin-left: 128px;
  clear: both;
}

label {
 text-align: right; 
 padding-right: 6px; 
}


/* Tabellen */

#term {
 margin-bottom: 12px;
}

#term td {
 font: normal 12px Arial, Helvetica, sans-serif;
 padding: 3px 0px;
 width: 100px;
}

.term-all {
 margin-bottom: 12px;
 border: 0px;
}

.term-all td {
 font: normal 12px Arial, Helvetica, sans-serif;
 padding: 5px 0px;
 width: 320px;
 text-align: left;
 vertical-align: top;
}

.term-all th {
	padding: 5px 0px;
	width: 170px;
	text-align: left;
	vertical-align: top;
	font: normal 12px Arial, Helvetica, sans-serif;
}


/* Footer */

#baseline {
	margin-top: 50px;
	width: 682px;
	padding-top: 3px;
	border-top: 1px solid #333333;
	font: normal 11px Arial, Helvetica, sans-serif;
	clear: both;
}

#baseline h5{
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-top: 2px;
	float: left;
}

.base-links{
	float: right;
}

.base-links a{
	font: normal 11px Arial, Helvetica, sans-serif;
}

.base-links a:link, .base-links a:visited, .base-links a:hover {
	padding: 0px 4px 0px 4px;
	text-decoration: none;
	color: #333333;
}



#footer {
	margin: 8px auto;
	width: 976px;	
	color: #9C9994;
	text-align: left;
}

#footer-left{
	width: 245px;	
	text-align: left;
	float: left;
}

#footer-right{
	width: 730px;	
	text-align: left;
	float: right;
}

#footer-right p{
	font: normal 11px Arial, Helvetica, sans-serif;
	padding-bottom: 5px;
}

#footer-right a:link, #footer a:visited, #footer a:hover {
	text-decoration: none;
	color: #9C9994;
}