html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed,
	figure, figcaption, footer, header, hgroup,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
	    margin: 0;
	    padding: 0;
	    border: 0;
	    font-size: 100%;
	    font: inherit;
	    vertical-align: baseline;
	}
ol, ul { list-style: none; }
body {
  background-color:#fff;
  color: #141312;
  font-family: Arial, Verdana, Helvetica, sans-serif;;
  text-align: center;
  overflow-y: scroll;
}
input, select, textarea { font-size: 100%; }
textarea { font-family:"Courier New", Courier, monospace; }
form label, input { cursor:pointer; }
.blind {
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
 }
.stopFloat {
	display: block;
	float: none;
	clear: both;
	height: 0;
	line-height:0.01em;
	font-size:0.01em;
}
.clearfix:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	zoom: 1;
}
* + html .clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p.beispiel {
	font: italic small-caps bold 1em/1.5em verdana, sans-serif;
	text-shadow: 0 1px 0 #5487BF, 0 -1px 0 #000000; /* für Effekt eingedrückt */}

/* ++++++ SEITE ++++++ */
#wrapper {
	width:990px; margin:auto;
}
#eins, #zwei, #drei, #vier, #fuenf {
	float:left;	height:12px; width:198px;
}
#eins { background-color:#4fa700; }
#zwei { background-color:#d3470f; }
#drei { background-color:#f6a20a; }
#vier { background-color:#848382; }
#fuenf { background-color:#007dcb; }

/* Startseite extra */
#titelbild {
	width:990px;
	height:733px;
	background: #fff url(../imgdesign/titelbild.jpg) no-repeat;
	text-align:left;
	position:relative;
}
#titelbild #slogan { float:left; width:495px; }
#navigation {
	margin-left:495px;
	font-size:90%;
	line-height:190%;
	padding-top:96px;
}
#navigation ul {
	list-style-image: url(../imgdesign/listenpunktstart.gif);
	margin-left:65px; padding-left:0;
}
#navigation ul li:first-child {
    list-style-image: url(../imgdesign/listenpunktstart-rot.gif);
    text-transform: uppercase;
}
#navigation li {
	padding-left:2px;
}
#klickthomepage {
	width:420px; height:125px;
	position:absolute;
	left:530px; bottom:65px;
}
#titelbild a:link, #titelbild a:visited {
  color:#141312;
}
#titelbild a:focus, #titelbild a:hover, #titelbild a:active {
  color: 141312; border-bottom: 1px solid;
}
#titelbild a.noborder:focus, #titelbild a.noborder:hover, #titelbild a.noborder:active {
  border-bottom:none;
 }


/* ALLE SEITEN */
#innerwrapper {
	background:#fff url(../imgdesign/slogan.jpg) no-repeat;
	position:relative;
	text-align:left;
}
#sloganheader { height:253px; }
.illustrator	{
	float:right;
	margin-right:52px;
}
span#thema {
	position:absolute; top:202px; left:736px;
	padding-left:19px;
	text-transform:uppercase;
	font-size:90%;
}
span.thema-eins {
	background:#fff url(../imgdesign/punkt-eins.gif) no-repeat 0 3px;
	color:#4fa700; }
span.thema-zwei {
	background:#fff url(../imgdesign/punkt-zwei.gif) no-repeat 0 3px;
	color:#d3470f; }
span.thema-drei {
	background:#fff url(../imgdesign/punkt-drei.gif) no-repeat 0 3px;
	color:#f6a20a; }
span.thema-vier {
	background:#fff url(../imgdesign/punkt-vier.gif) no-repeat 0 3px;
	color:#848382; }
span.thema-fuenf {
	background:#fff url(../imgdesign/punkt-fuenf.gif) no-repeat 0 3px;
	color:#007dcb; }
#nav { 
	float:left;
	width:148px;
	margin-left:8px;
	font-size:80%;
}
#inhalt {
	float:left;
	width:532px;
	margin-top:-3px;
	margin-left:24px;
	text-align:justify;
}
	
/* Navigation */
a { text-decoration:none; }
#nav a {
	display:block;
	padding:.5em 0 .5em 3.8em;
}
#nav a.aktiv { padding-left: 3.2em; }
#nav a.aktiv:focus, #nav a.aktiv:hover, #nav a.aktiv:active {
	background-color:#fff !important;
}

#nav a:link, #nav a:visited { color:#141312; }
#nav .nav-eins a:focus, #nav .nav-eins a:hover, #nav .nav-eins a:active {
	background-color:#eaf6e2; color:#000; }
#nav .nav-zwei a:focus, #nav .nav-zwei a:hover, #nav .nav-zwei a:active {
	background-color:#fbe8e2; color:#000; }
#nav .nav-drei a:focus, #nav .nav-drei a:hover, #nav .nav-drei a:active {
	background-color:#fef5e4; color:#000; }
#nav .nav-vier a:focus, #nav .nav-vier a:hover, #nav .nav-vier a:active {
	background-color:#cecece; color:#000; }
#nav .nav-fuenf a:focus, #nav .nav-fuenf a:hover, #nav .nav-fuenf a:active {
	background-color:#deeff9; color:#000; }

.nav-eins a.aktiv, #nav .nav-eins a.aktiv:hover { color:#4fa700; border-left:8px solid #4fa700; }
.nav-zwei a.aktiv, #nav .nav-zwei a.aktiv:hover { color:#d3470f; border-left:8px solid #d3470f; }
.nav-drei a.aktiv, #nav .nav-drei a.aktiv:hover { color:#f6a20a; border-left:8px solid #f6a20a; }
.nav-vier a.aktiv, #nav .nav-vier a.aktiv:hover { color:#848382; border-left:8px solid #848382; }
.nav-fuenf a.aktiv, #nav .nav-fuenf a.aktiv:hover { color:#007dcb; border-left:8px solid #007dcb; }

#nav ul { border-top:1px solid; }
#nav li { border-bottom:1px solid; }
#nav .nav-eins ul, #nav .nav-eins li { border-color:#4fa700; }
#nav .nav-zwei ul, #nav .nav-zwei li { border-color:#d3470f; }
#nav .nav-drei ul, #nav .nav-drei li { border-color:#f6a20a; }
#nav .nav-vier ul, #nav .nav-vier li { border-color:#848382; }
#nav .nav-fuenf ul, #nav .nav-fuenf li { border-color:#007dcb; }

.nav-eins {
	height:514px;
	background:#fff url(../imgdesign/bg-farbverlauf-gruen.jpg) no-repeat bottom; }
.nav-zwei {
	height:512px;
	background:#fff url(../imgdesign/bg-farbverlauf-rot.jpg) no-repeat bottom; }
.nav-drei {
	height:605px;
	background:#fff url(../imgdesign/bg-farbverlauf-gelb.jpg) no-repeat bottom; }
.nav-vier {
	height:480px;
	background:#fff url(../imgdesign/bg-farbverlauf-grau.jpg) no-repeat bottom; }
.nav-fuenf {
	height:480px;
	background:#fff url(../imgdesign/bg-farbverlauf-blau.jpg) no-repeat bottom; }
.nav-eins.submenu {
	height:630px;
	background:#fff url(../imgdesign/bg-farbverlauf-gruen.jpg) no-repeat bottom; }

#body-eins #inhalt a:link, #body-eins #inhalt a:visited { color:#4fa700; }
#body-drei #inhalt a:link, #body-drei #inhalt a:visited { color:#f6a20a; }
#body-fuenf #inhalt a:link, #body-fuenf #inhalt a:visited { color:#007dcb; }
#body-vier #inhalt a:link, #body-vier #inhalt a:visited { color:#848382; }
#inhalt a:hover { border-bottom:1px solid; }

a[href^='http://'] 
{
  padding-right: 16px;
  background: url(../imgdesign/icon-link-extern.gif) right no-repeat;
}

/* Sub-Navigation */
.nav-eins li.aktiv { 
	color:#4fa700; border-left:8px solid #4fa700;
	padding:.5em 0 .5em 3.2em; 
}
ul#subnav { margin-left: -3.1em; }	
#nav ul#subnav, #nav ul#subnav li { border:none 0; }
ul#subnav a {
	display:block;
	padding:.2em 0 .2em 3.6em;
	font-size:85%;
}
#subnav a:focus, #nav .nav-eins #subnav a:hover, #nav .nav-eins #subnav a:active {
	background-color:#fff; color:#4fa700; }
ul#subnav a.aktiver {
	background:transparent url(../imgdesign/punktaktiver.gif) no-repeat 22px 5px;
}

/* Schriften */
.eins { color:#4fa700; }
.zwei { color:#d3470f; }
.drei { color:#f6a20a; }
.vier { color:#848382; }
.fuenf { color:#007dcb; }

h2 { font-weight:bold; }
h3 { font: italic normal 120%/110% Arial, Helvetica, sans-serif; }
#inhalt { font-size:80%; line-height:130%; }
h2, h3, p { margin:0 0 1.5em; }
strong { font-weight:bold; }

/* Startseite */
ul#startkeys {
	list-style-image: url(../imgdesign/listenpunktstart.gif);
	margin-left:18px; padding-left:0;
	font-size:110%;
	line-height:190%;
}
ul#startkeys li { padding-left:2px; }
#body-eins #inhalt ul#startkeys a:link, #body-eins #inhalt ul#startkeys a:visited { color:#141312; }
#body-eins #inhalt ul#startkeys a:focus, #body-eins #inhalt ul#startkeys a:hover, #body-eins #inhalt ul#startkeys a:active {
  color: 141312; border-bottom: 1px solid;
}

/* Referenzen */
.referenz { margin-bottom:2.5em; text-align:left; }
.referenz img { margin-bottom:.5em; }
.referenz img.left { float:left; margin-right:12px; margin-bottom:0; }
.referenz h3 { margin-bottom:.5em; }

/* Kontaktformular */
.fehlermessage { color:#F00; }
table.kontakt { text-align:left; }
input.textarea { margin-bottom:5px; padding:3px; }
p.erforderlich { margin-top:1.2em; }
input.textfeld { width:332px; }
input.plz { width:70px; }
input.ort { width:247px; }
table.kontakt textarea { width: 470px; }

/* Impressum */
.tel { float:left; width:37px; }
.nummer { margin-left:37px; }

/* Links */
#links p { margin-bottom: .5em; }
#links a:link { color: #141312; }
#links a:visited { color: #66615d; }
#links a:focus, #links a:hover, #links a:active {
  color: #d3470f;
}