/* 	Beratungsstelle Hesseweg
   	Author: unternehmen.online GmbH & Co. KG 	*/



html , body , div , h1 , h2 , h3 , h4 , h5 , h6 , ul , ol , span , a , table , td , form , img , li , blockquote, textarea, input, select {
margin: 0;
padding: 0; 
font-family: Arial, Helvetica, sans-serif; }

body { font-size: 100%; padding: 0; margin: 0; background: #e9dcc6 url(../images/bg.jpg) top repeat-x; }

/* corporate color: #00923f */

/* global motors */

hr {
position: absolute;
left: -1000px;
top: -1000px;
width: 0;
height: 0;
overflow: hidden;
display: inline;
}

.invisible {
position: absolute;
left: -1000px;
top: -1000px;
width: 0px;
height: 0px;
overflow: hidden;
display: inline;
}

p { font-size: 12px; color: #000000; line-height: 150%; }

a:link {
font-weight: bold; color: #f49f02; text-decoration: none; padding: 0; margin: 0; } 
a:visited {
font-weight: bold; color: #f49f02; text-decoration: none; padding: 0; margin: 0; } 
a:hover {
font-weight: bold; color: #000000; text-decoration: underline; padding: 0; margin: 0; }
a:active {
font-weight: bold; color: #000000; text-decoration: underline; padding: 0; margin: 0; } 

h1 { font-size: 20px; font-weight: normal; } 
h2 { font-size: 15px; font-weight: bold; } 
h3 { font-size: 13px; font-weight: normal; } 
h4 { font-size: 10px; font-weight: normal; } 
h5 { font-size: 9px; font-weight: normal; } 
h6 { font-size: 8px; font-weight: normal; } 

ul {		margin-top: 5px; margin-bottom: 10px; }
ul li {		font-size: 12px; line-height: 150%; list-style: square outside; display: list-item; margin: 0 0 0 30px; }
ul li li {	font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 12px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0 0 0 35px; }
ol li li {	font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0 0 0 25px; }

table.hessetable  {
border-collapse: collapse; }

caption { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 7px 5px 7px 5px; margin:0; color: #ffffff; background: #00518e; border-bottom: 1px solid #ffffff; }

table.hessetable td  {
border: 1px solid #cec8be; }

table.hessetable td p {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 3px 5px 3px 5px; margin: 0; }

table.hessetable th  {
background: #00518e; border-bottom: 1px solid #cec8be; }

table.hessetable th p {
font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 7px 5px 7px 5px; margin: 0; color: #ffffff; text-align: left; }

table.hessetable ul { 	 	margin-top: 0px; margin-bottom: 0px; }
table.hessetable ul li { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 30px; padding: 3px 0 3px 0; }
table.hessetable ul li li { 	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: disc outside; display: list-item; margin: 0px 10px 0px 25px; }
table.hessetable ol { 	 	margin-top: 0px; margin-bottom:0px;}
table.hessetable ol li { 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; list-style: decimal outside; display: list-item; margin: 0px 10px 0px 35px; }
table.hessetable ol li li {	font-family: Arial, Helvetica, sans-serif; font-size: 100%; line-height: 150%; list-style: upper-roman outside; display: list-item; margin: 0px 10px 0px 25px; }


div.wrapper {
width: 100%;
margin: 0;
padding: 0;
}

div.site {
width: 970px;
margin: 0 auto 0 auto;
padding: 0;
}

div.head {
float: left;
display: inline;
width: 100%;
height: 339px;
margin: 20px 0 0 0;
padding: 0;
}

div.logo-container {
float: left;
display: inline;
width: 232px;
height: 339px; /*!*/
margin: 0;
padding: 0;
background: url(../images/logo_container.gif) top no-repeat;
}

div.logo-content {
float: left;
display: inline;
width: 177px;
margin: 31px 0 0 27px;
padding: 0;
}

span.house {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

span.logo {
float: left;
display: inline;
width: 100%;
height: 75px;
margin: 0;
padding: 0;
}

div.illu-start-container {
float: left;
display: inline;
width: 738px;
height: 339px;
margin: 0;
padding: 0;
}

div.illu-start {
float: left;
display: inline;
width: 738px;
height: 339px;
margin: 0;
padding: 0;
}


/* content start */

div.content-start-wrapper {
float: left;
display: inline;
width: 100%;
margin: -99px 0 0 0;
padding: 0;
}

div.content-start-left-container {
float: left;
display: inline;
width: 721px;
margin: 99px 0 0 0;
padding: 0;
}

div.content-start-left-head {
float: left;
display: inline;
width: 721px;
margin: 0;
padding: 0;
background: url(../images/bg_content_start_left_head.gif) no-repeat;
}

div.content-start-left-body {
float: left;
display: inline;
width: 721px;
margin: 0;
padding: 0 0 30px 0;
background: url(../images/bg_content_start_left_body.gif) repeat-y;
}

div.content-start-left-bottom {
float: left;
display: inline;
width: 100%;
height: 9px;
margin: 0;
padding: 0 0 50px 0;
background: url(../images/content_start_left_bottom.gif) top left no-repeat;
}

div.content-start-bottom span {
display: none;
}


/* sequence */

div.content-sequence-wrapper {
float: left;
display: inline;
width: 100%;
margin: -99px 0 0 0;
padding: 0;
}

div.content-sequence-left-container {
float: left;
display: inline;
width: 721px;
margin: 99px 0 0 0;
padding: 0;
}

div.content-sequence-left-head {
float: left;
display: inline;
width: 721px;
margin: 0;
padding: 0;
background: url(../images/bg_content_start_left_head.gif) no-repeat;
}

div.content-sequence-left-body {
float: left;
display: inline;
width: 721px;
margin: 0;
padding: 0 0 30px 0;
background: url(../images/bg_content_start_left_body.gif) repeat-y;
}

div.content-sequence-left-bottom {
float: left;
display: inline;
width: 100%;
height: 9px;
margin: 0;
padding: 0 0 50px 0;
background: url(../images/content_start_left_bottom.gif) top left no-repeat;
}

div.content-sequence-bottom span {
display: none;
}


/* nav01 */

div.nav01-container {
float: left;
display: inline;
width: 242px;
margin: 0;
padding: 0;
}

div.metanav {
float: left;
display: inline;
width: 192px;
margin: 0 0 5px 20px;
padding: 0;
}

div.metanav ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.metanav ul li {
margin: 0;
padding: 0;
display: inline;
}

a.metanav-off:link, a.metanav-off:visited {
font-size: 11px; font-weight: bold; text-decoration: none; color: #557ea7; padding: 5px 0 3px 30px; margin: 0; background: url(../images/bullet_metanav_off.gif) top left no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }
a.metanav-off:hover, a.metanav-off:active {
font-size: 11px; font-weight: bold; text-decoration: none; color: #f49f02; padding: 5px 0 3px 30px; margin: 0; background: url(../images/bullet_metanav_off.gif) top left no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }

div.nav01 {
float: left;
display: inline;
width: 222px;
margin: 0 0 0 20px;
padding: 0;
}

div.nav01 ul {
list-style: none;
padding: 0;
margin: 0;  
}

div.nav01 ul li {
margin: 0;
padding: 0;
display: inline;
}

a.nav01-off:link, a.nav01-off:visited {
font-size: 11px; font-weight: bold; text-decoration: none; color: #f49f02; padding: 10px 0 8px 30px; margin: 0; background: url(../images/bullet_nav01_off.gif) left top no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }
a.nav01-off:hover, a.nav01-off:active {
font-size: 11px; font-weight: bold; text-decoration: none; color: #557ea7; padding: 10px 0 8px 30px; margin: 0; background: url(../images/bullet_nav01_off.gif) left top no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }

a.nav01-on:link, a.nav01-on:visited {
font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; padding: 10px 0 8px 30px; margin: 0; background: url(../images/bullet_nav01_on.gif) left top no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }
a.nav01-on:hover, a.nav01-on:active {
font-size: 11px; font-weight: bold; text-decoration: none; color: #000000; padding: 10px 0 8px 30px; margin: 0; background: url(../images/bullet_nav01_on.gif) left top no-repeat; display: block; line-height: 110%; text-tranform: uppercase; }


/* content */

div.content-container {
float: left;
display: inline;
width: 479px;
margin: 10px 0 0 0;
padding: 0;
}

div.content {
float: left;
display: inline;
width: 444px;
margin: 30px 0 0 20px;
padding: 0;
}

h1.head {
font-size: 20px; font-weight: normal; text-decoration: none; color: #00518e; padding: 0; margin: 0 0 10px 0; line-height: 130%; }


/* news-start */

div.news-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.news-content-container {
float: left;
display: inline;
width: 100%;
margin: 0 0 30px 0;
padding: 0;
}

div.news-content-container-last {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.news-content-container1 {
float: left;
display: inline;
width: 100%;
margin: 30px 0 0 0;
padding: 0;
}

div.news-content-container-first {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.news-content {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.news-content h1 {
font-size: 20px; font-weight: normal; text-decoration: none; color: #00518e; padding: 0; margin: 0 0 10px 0; line-height: 130%; }

div.news-content p {
font-size: 12px; font-weight: normal; text-decoration: none; color: #000000; padding: 0; margin: 0; line-height: 150%; }


/* margin-right */

div.marginal-container {
z-index:100;
float: left;
display: inline;
width: 232px;
margin: 0 0 0 10px;
padding: 0;
}

div.marginal-content-container {
float: left;
display: inline;
width: 100%;
margin: 0 0 16px 0;
padding: 0;
border-bottom: 1px solid #cec8be;
}

div.marginal-content {
float: left;
display: inline;
width: 222px;
margin: 0 0 0 10px;
padding: 0 0 26px 0;
}

div.marginal-content h1 {
font-size: 16px; font-weight: bold; text-decoration: none; color: #f49f02; padding: 0; margin: 0 0 10px 0; line-height: 130%; text-transform: uppercase; }

div.marginal-content p {
font-size: 11px; font-weight: normal; text-decoration: none; color: #000000; padding: 0; margin: 11px 0 0 0; line-height: 140%; }


/* list */

div.listnavcontainertop {
float: left;
display: inline;
width: 100%;
padding: 0;
margin: 10px 0 10px 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #cec8be; 
}

div.listnavcontainerbottom {
float: left;
display: inline;
width: 100%;
padding: 0;
margin: 10px 0 10px 0;
border-top: 1px solid #d1d1d1;
border-bottom: 1px solid #cec8be;
}

div.listnavcontainer {
float: left; 
display: inline;
padding: 0;
margin: 10px 0 0 0;
border-left: 1px solid #cec8be;
border-top: 1px solid #cec8be;
background: #EDEDED; 
}

div.listnav {
float: left; 
display: inline;
padding: 0;
margin: 0;
border-right: 1px solid #cec8be;
}

div.listnav2 {
float: left; 
display: inline;
padding: 0;
margin: 0;
border-right: 1px solid #cec8be;
}

p.listnav { font-size: 11px; font-weight: normal; color: #807F83; padding: 4px 5px 5px 5px; margin: 0 0 0 3px; text-decoration: none; display: block; }

p.listnav2 { font-size: 11px; font-weight: normal; color: #807F83; padding: 4px 5px 5px 0; margin: 0 0 0 0; text-decoration: none; display: block; }

p.seitennr										{ padding: 0; margin: 0; font-size:100%; font-weight: normal; }
a.seitennraus:link, a.seitennraus:visited		{ color: #807F83; font-size: 11px; font-weight: normal; padding: 1px 0.55em 1px 0.60em; margin: 0; text-decoration: none; display: block; background: #ffffff; }
a.seitennraus:active, a.seitennraus:hover		{ color: #ffffff; font-size: 11px; font-weight: normal; padding: 1px 0.55em 1px 0.60em; margin: 0; text-decoration: none; display: block; background: #f49f02; }
a.seitennran:link, a.seitennran:visited			{ color: #ffffff; font-size: 11px; font-weight: bold; padding: 1px 0.55em 1px 0.60em; margin: 0; text-decoration: none; display: block; background: #f49f02; }
a.seitennran:active, a.seitennran:hover			{ color: #ffffff; font-size: 11px; font-weight: bold; padding: 1px 0.55em 1px 0.60em; margin: 0; text-decoration: none; display: block; background: #f49f02; }

div.list-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

div.list-content-container {
float: left;
display: inline;
width: 100%;
margin: 5px 0 10px 0;
padding: 0;
border-bottom: 1px solid #cec8be;
}

div.list-content-container-last {
float: left;
display: inline;
width: 100%;
margin: 0 0 0 0;
padding: 0;
}

div.list-content-container1 {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
border-top: 1px solid #cec8be;
}

div.list-content-container-first {
float: left;
display: inline;
width: 100%;
margin: 5px 0 0 0;
padding: 0;
}

div.list-content {
float: left;
display: inline;
width: 424px;
margin: 15px 0 0 0;
padding: 0 0 15px 0;
}
div.list-content span { font-size: 12px; font-weight: bold; color: #000000; padding: 0; margin: 0 0 4px 0; text-decoration: none; line-height: 140%; }

div.list-content h2 { font-size: 15px; font-weight: bold; color: #000000; padding: 0; margin: 0 0 4px 0; text-decoration: none; line-height: 140%; }

div.list-content p { font-size: 12px; color: #000000; padding: 0; margin: 0 0 8px 0; text-decoration: none; line-height: 140%;  }

a.more-list:link, a.more-list:visited {
font-size: 12px; color: #f49f02; font-weight: bold; text-decoration: none; padding: 0; margin: 10px 0 0 0; float: left; display: inline; } 
a.more-list:hover, a.more-list:active {
font-size: 12px; color: #000000; font-weight: bold; text-decoration: underline; padding: 0; margin: 10px 0 0 0; float: left; display: inline; } 

a.list-link-head:link, a.list-link-head:visited {
font-size: 100%; color: #000000; font-weight: bold; text-decoration: none; padding: 0; margin: 0 0 4px 0; } 
a.list-link-head:hover, a.list-link-head:active {
font-size: 100%; color: #000000; font-weight: bold; text-decoration: underline; padding: 0; margin: 0 0 4px 0; } 

div.list-illu {
float: left;
display: inline;
width: 189px;
margin: 0 10px 0 0;
padding: 0;
}
div.fctns {
float: left;
display: inline;
width: 100%;
margin: 30px 0 0 0;
padding: 0;
}

a.fctns-link:link, a.fctns-link:visited {
font-size: 12px; font-weight: bold; color: #00518e; text-decoration: none; padding: 0 0 0 10px; margin: 0 27px 0 0; background: url(../images/bullet_goback.gif) left no-repeat; float: right; display: inline; line-height: 120%; }
a.fctns-link:active, a.fctns-link:hover {
font-size: 12px; font-weight: bold; color: #f49f02; text-decoration: none; padding: 0 0 0 10px; margin: 0 27px 0 0; background: url(../images/bullet_goback_over.gif) left no-repeat; float: right; display: inline; line-height: 120%; }


/* form */

div.form-kontakt {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
}

fieldset {
border: 0px solid #000000;
padding: 0; 
margin: 0;
}

h2.forms {
font-size: 0.75em; font-weight: bold; color: #003399; text-decoration: none; margin: 0 0 20px 0; padding: 0; }


form br {
clear: both; }

form p {
font-size: 12px; color: #000000; text-decoration: none; line-height: 150%;  }

span.red {
color: #ff0000;
}

label.left {
float: left; 
display: inline;
width: 160px; 
margin: 7px 0 5px 0;
padding: 0;
font-size: 12px; 
font-weight: bold; 
}

label.left2 {
float: left; 
display: inline;
width: 160px; 
margin: 7px 0 5px 0;
padding: 0;
font-size: 11px; 
font-weight: normal; 
}

input.form-kontakt  {
float: left; 
display: inline;
width: 250px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal; 
}

input.form-kontakt-short  {
float: left; 
display: inline;
width: 80px;
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal; 
}

select.form-kontakt-short {
float: left; 
display: inline;
width: 89px;
margin: 4px 3px 4px 0;
padding: 0;
font-size: 11px; 
font-weight: normal; 
}

select.form-kontakt {
float: left; 
display: inline;
width: 190px; 
margin: 4px 0 4px 0;
padding: 0;
font-size: 11px; 
font-weight: normal; 
} 

textarea.form-kontakt {
float: left; 
display: inline;
width: 250px; 
margin: 4px 0 4px 0;
padding: 2px 0 2px 5px;
font-size: 11px; 
font-weight: normal; 
} 

div.send {
float: left;
display: inline;
margin: 10px 0 0 160px;
padding: 0;
}

a.send:link, a.send:visited {
font-size: 11px; font-weight: bold; color: #ffffff; text-decoration: none; padding: 5px 15px 5px 15px; margin: 0; background: #f49f02; border: 1px solid #ffffff; float: left; display: inline; }
a.send:active, a.send:hover {
font-size: 11px; font-weight: bold; color: #000000; text-decoration: none; padding: 5px 15px 5px 15px; margin: 0; background: #ffbb3f; border: 1px solid #ffffff; float: left; display: inline; }

div.errormsgs {
float: left;
display: inline;
width: 100%;
margin: 10px 0 15px 0;
padding: 0;
}

div.errormsgs p {
font-size: 12px; font-weight: bold; color: #ff0000; text-decoration: none; padding: 0; margin: 0; line-height: 160%; }

div.errormsgs span {
font-size: 12px; font-weight: normal; color: #ff0000; text-decoration: none; padding: 0; margin: 0; line-height: 160%; }