/* TrueSense CSS screen */

html {
	height: 100.3%;
	font-size: 62.5%;
}

body {
	text-align: center;
	font: 1.2em/1.8em Tahoma, Geneva, sans-serif;
}

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, sans-serif; 
	margin: 0em 0em 0.5em 0em; 
}

h1 {
	font-size: 1.6em; 
	padding-bottom: 0.4em;
	font-weight: bold;
}

h3 {
	text-transform: uppercase; 
	color: #000;
	font-size: 1.1em;
}

h4 {
	text-transform: uppercase;
	font-size: 1.0em;
	color: #80CD20;
}

div#header h1 {border: 0px;}
h2 {font-size: 1.4em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.2em;}

body#home div#maintext h1 {font-size: 1.2em;}

a {color: #000; text-decoration: none;}
a:link {}
a:visited {}
a:hover {}
a:active {}

div#wrapper {
	width: 900px;
	margin: 10px auto 0px auto;
	text-align: left;
}

div#header {
	height: 370px;
	position: relative;
	text-align: left;
}

body#home div#header {background: url(../images/header/mainpic_home.jpg) no-repeat top left;}
body#philosophie div#header {background: url(../images/header/mainpic_philosophie.jpg) no-repeat top left;}
body#warum div#header {background: url(../images/header/mainpic_philosophie.jpg) no-repeat top left;}
body#leistungen div#header {background: url(../images/header/mainpic_leistungen.jpg) no-repeat top left;}
body#antworten div#header {background: url(../images/header/mainpic_leistungen.jpg) no-repeat top left;}
body#beispiele div#header {background: url(../images/header/mainpic_leistungen.jpg) no-repeat top left;}
body#system div#header {background: url(../images/header/mainpic_system.jpg) no-repeat top left;}
body#karriere div#header {background: url(../images/header/mainpic_karriere.jpg) no-repeat top left;}
body#fortbildung div#header {background: url(../images/header/mainpic_karriere.jpg) no-repeat top left;}
body#kontaktformular div#header {background: url(../images/header/mainpic_karriere.jpg) no-repeat top left;}
body#kontakt div#header {background: url(../images/header/mainpic_kontakt.jpg) no-repeat top left;}
body#anfahrt div#header {background: url(../images/header/mainpic_kontakt.jpg) no-repeat top left;}
body#datenschutz div#header {background: url(../images/header/mainpic_home.jpg) no-repeat top left;}
body#impressum div#header {background: url(../images/header/mainpic_kontakt.jpg) no-repeat top left;}

.logoimage {
	position: relative;
	text-align: left;
	margin-left: -20px;
	margin-top: 20px;
}

.headerimage {
	display: none;
	position: relative;
	text-align: right;
	margin-left: 580px;
	margin-top: 0px;
}

div#nav {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	margin: 10px 0px 0px 10px;
	padding-left: 10px;
	text-align: left;
}

div#nav li {
	display: inline;
	list-style-type: none;
}

div#nav a {
	float: left;
	padding-left: 1.0em;
	margin-left: 0.4em;
	text-decoration: none; 
	font-weight: bold;
	color: #666;
	background: url(../images/button.png) no-repeat left top;
}

div#nav a span {
	display: block;
	padding: 0.3em 1.4em 0.5em 0.5em;
	background: url(../images/button.png) no-repeat right top;
}

div#nav a:hover, 
body#home li.navhome a,
body#philosophie li.navphilosophie a,
body#leistungen li.navleistungen a,
body#system li.navsystem a,
body#karriere li.navkarriere a,
body#kontakt li.navkontakt a,
body#warum li.navphilosophie a,
body#antworten li.navleistungen a,
body#beispiele li.navleistungen a,
body#fortbildung li.navkarriere a,
body#kontaktformular li.navkarriere a,
body#anfahrt li.navkontakt a,
body#impressum li.navkontakt a {
	background: url(../images/button_over.png) no-repeat top left;
	color: #333;
}

div#nav a:hover span, 
body#home li.navhome a span,
body#philosophie li.navphilosophie a span,
body#leistungen li.navleistungen a span,
body#system li.navsystem a span,
body#karriere li.navkarriere a span,
body#kontakt li.navkontakt a span,
body#warum li.navphilosophie a span,
body#antworten li.navleistungen a span,
body#beispiele li.navleistungen a span,
body#fortbildung li.navkarriere a span,
body#kontaktformular li.navkarriere a span,
body#anfahrt li.navkontakt a span,
body#impressum li.navkontakt a span {
	background: url(../images/button_over.png) no-repeat top right;
	color: #333;
}

/* submenu */

div#submenu {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.9em;
	text-align: left;
}

div#submenu li {
	list-style-type: none;
}

div#submenu a {
	text-decoration: none; 
	font-weight: bold; 
	color: #666;
	background: url(../images/sub.png) no-repeat left top;
}

div#submenu a span {
	display: block;
	padding: 0.6em 1.4em 0.4em 1.0em;
	background: url(../images/sub.png) no-repeat right top;
}

div#submenu a:hover, 
body#philosophie li.subueberuns a,
body#warum li.subwarum a,
body#leistungen li.subhaushalt a,
body#antworten li.subantworten a,
body#beispiele li.subbeispiele a,
body#karriere li.submoeglichkeiten a,
body#fortbildung li.subfortbildung a,
body#kontaktformular li.subkontaktformular a,
body#kontakt li.subkontakt a,
body#anfahrt li.subanfahrt a,
body#impressum li.subimpressum a {
	background: url(../images/sub_hover.png) no-repeat top left;
	color: #333;
}

div#submenu a:hover span, 
body#philosophie li.subueberuns a span,
body#warum li.subwarum a span,
body#leistungen li.subhaushalt a span,
body#antworten li.subantworten a span,
body#beispiele li.subbeispiele a span,
body#karriere li.submoeglichkeiten a span,
body#fortbildung li.subfortbildung a span,
body#kontaktformular li.subkontaktformular a span,
body#kontakt li.subkontakt a span,
body#anfahrt li.subanfahrt a span,
body#impressum li.subimpressum a span {
	background: url(../images/sub_hover.png) no-repeat top right;
	color: #333;
}

/* END submenu */


div#wrap_content {
	padding-top: 30px;
}

div#col1 {
	width: 190px;
	font-size: 0.9em;
	line-height: 1.5em;
	float: right;
	text-align: left;
	margin: 0px 5px 0px 10px;
	padding: 0px 15px 10px 5px;
}

div.infobox {
	display: none;
	margin: 30px 0px 0px 0px;
	padding: 10px 20px 0px 10px;
	background: url(../images/infobox.png) no-repeat top left;
}

div.infobox h6 {padding: 2px 0px 0px 0px; font-weight: bold;}

div.infobox p {padding: 0px 0px 10px 0px;}

div.infoboxend {display: none; background: url(../images/infobox.png) no-repeat bottom left; margin-bottom: 5px;}

div.kontaktbox {
	margin-top: 30px;
	padding: 10px 20px 0px 10px;
	background: url(../images/kontaktbox.png) no-repeat top left;
}

div.kontaktbox p.servicehotline {padding: 10px 0px 10px 40px; font-size: 1.1em;}

div.kontaktbox p.kontaktbox {padding: 0px 0px 10px 20px;}

div.kontaktboxend {background: url(../images/kontaktbox.png) no-repeat bottom left; margin-bottom: 10px;}

div.kontaktbox a {font-weight: bold; font-style: italic; font-size: 0.9em;}

div.kontaktbox a:hover {border-bottom: #000 1px solid;}

div#col1start {
	width: 350px;
	font-size: 0.9em;
	line-height: 1.5em;
	float: right;
	text-align: justify;
	margin: 0px 6px 0px 10px;
	padding: 0px 15px 10px 5px;
}

div.box_leistungen {
	margin-top: 30px;
	padding: 10px 20px 0px 10px;
	background: url(../images/box_start.png) no-repeat top left;
}

div.box_system {
	margin-top: 30px;
	padding: 10px 20px 0px 10px;
	background: url(../images/box_start.png) no-repeat top left;
}
div.box_karriere {
	margin-top: 30px;
	padding: 10px 20px 0px 10px;
	background: url(../images/box_start.png) no-repeat top left;
}

div.boxend {background: url(../images/box_start.png) no-repeat bottom left; margin-bottom: 10px;}

div#col1start a {font-weight: bold; font-style: italic; font-size: 0.9em;}

div#col1start a:hover {border-bottom: #000 1px solid;}

div#maintext {
	height: auto;
	text-align: justify;
	margin: 0px 20px 0px 10px;
	padding: 30px 270px 30px 50px;
	border: #CCC 1px solid;
	background: #FFF;
	color: #222;
}

div.startlinks_pic {float: right; width: auto; height: auto;}

div.startlinks_pic img.leistpic {margin: 25px auto auto 5px;}
div.startlinks_pic img.systpic {margin: 8px auto auto 5px;}
div.startlinks_pic img.karrpic {margin: 8px auto auto 5px;}

div#maintext a {font-size: 0.9em; font-weight: bold; font-style: italic;}
div#maintext a:hover {border-bottom: #68E701 1px solid; color: #68E701;}

body#impressum div#maintext a {font-size: 0.9em; font-weight: bold; font-style: italic;}
body#impressum div#maintext a:hover {border-bottom: none; color: #68E701;}

.imgnofloat {margin-right: 10px; margin-bottom: 10px; margin-left: -10px; padding: 5px; border: #ccc 1px solid;}

div#footer {
	height: 5px;
	margin: 0px 20px 0px 10px;
	font-size: 0.7em;
	font-family: Verdana, Geneva, sans-serif;
	text-align: left;
	background: #68E701;
}

div#nav2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 0.85em;
	margin: 10px 20px 20px 10px;
	padding-left: 10px;
	text-align: left;
}

div#nav2 li {
	display: inline;
	list-style-type: none;
}

div#nav2 a {
	float: right;
	padding-left: 0em;
	margin-left: 0.4em;
	text-decoration: none; 
	font-weight: normal; 
	color: #666;
}

div#nav2 a:hover, 
body#impressum li.navimpressum a,
body#datenschutz li.navdatenschutz a {
	color: #68E701;
}

body#mail_kontakt {text-align: left;}

input {background: #eee; border: #ccc 1px solid; padding: 3px;}

textarea {background: #eee; border: #ccc 1px solid; padding: 3px;}