/* 	big-essen.de
   	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: #cccccc; }


/* 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 { color: #000000; font-size: 12px; line-height: 150%; }

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

/* corporate color: #2990b5 */

h1 { font-size: 20px; font-weight: normal; } 
h2 { font-size: 16px; font-weight: normal; } 
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-image: url(../images/list_item.gif); margin: 0 0 0 30px; }
ul li li {	font-size: 100%; line-height: 150%; list-style: square inside;  margin: 0 0 0 25px; }
ol {		margin-top: 5px; margin-bottom:5px;}
ol li {		font-size: 12px; line-height: 150%; list-style: decimal outside; margin: 0 0 0 35px; }
ol li li {	font-size: 100%; line-height: 150%; list-style: upper-roman outside; margin: 0 0 0 25px; }

table, table.seminare  {
border-collapse: collapse; }

caption { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 7px 5px 7px 5px; margin:0; color: #000000; background: #cccccc; }

table td  {
background: #ffffff; border: 1px solid #cccccc; }

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

table th  {
background: #2990b5; border-bottom: 1px solid #ffffff; }

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

table ul { 	 	margin-top: 0px; margin-bottom: 0px; }
table ul li { 	 	font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 150%; list-style: square outside; display: list-item; margin: 0px 10px 0px 30px; }
table 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 ol { 	 	margin-top: 0px; margin-bottom:0px;}
table 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 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; }

table.seminare {
	width: 100%;
}

table.seminare td, table.seminare th {
	background: #ffffff; border: 0; 
	/* border-top: 1px solid #0099cc; */
	border-top: 1px solid #2990B5;
	text-align: left;
}
table.seminare th {
	border: 0;
}
table.seminare th p, table.seminare td p {
	padding: 3px 5px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
table.seminare th p {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}



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

div.illu {
width: 100%;
margin: 0;
padding: 0;
height: 80px;
background: url(../images/illu_top.jpg) repeat-x;
}

div.site-container {
width: 965px;
margin: 0 auto 0 auto;
padding: 0;
}

div.site-container-outback {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
/*background: url(../images/bg.gif) top repeat-y;*/
}


/* metanav */

div.metanav-container {
float: left;
display: inline;
width: 100%;
margin: 0;
padding: 0;
background: #cccccc;
}

div.metanav {
float: left;
display: inline;
width: 500px;
margin: 14px 0 0 187px;
padding: 0;
}

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

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

div.metanav-container ul li {
margin: 0;
padding: 0;
display: inline;
line-height: 120%;
list-style: none;
}

a.metanav:link, a.metanav:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0 33px 0 0; padding: 0 0 0 14px; background: url(../images/bullet_metanav.gif) left no-repeat; float: left; display: inline; }
a.metanav:hover, a.metanav:active {
font-size: 12px; font-weight: bold; color: #2990b5; text-decoration: underline; margin: 0 33px 0 0; padding: 0 0 0 14px; background: url(../images/bullet_metanav.gif) left no-repeat; float: left; display: inline; }

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


/* nav01 */

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

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

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

div.nav01 ul li {
margin: 0;
padding: 0;
display: inline;
line-height: 120%;
list-style: none;
}

a.nav01-off:link, a.nav01-off:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #52ccf5; border-top: 1px solid #ffffff; display: block; }
a.nav01-off:hover, a.nav01-off:active {
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; display: block; }

a.nav01-off-last:link, a.nav01-off-last:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #52ccf5; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display: block; }
a.nav01-off-last:hover, a.nav01-off-last:active {
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display: block; }

a.nav01-on:link, a.nav01-on:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; display: block; }
a.nav01-on:hover, a.nav01-on:active {
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; display: block; }

a.nav01-on-last:link, a.nav01-on-last:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display: block; }
a.nav01-on-last:hover, a.nav01-on-last:active {
font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 5px; background: #0099cc; border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; display: block; }


a.nav02-off:link, a.nav02-off:visited {
font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 10px; background: #52ccf5; border-top: 1px solid #ffffff; display: block; }
a.nav02-off:hover, a.nav02-off:active {
font-size: 12px; font-weight: normal; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 10px; background: #0099cc; border-top: 1px solid #ffffff; display: block; }

a.nav02-on:link, a.nav02-on:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0; padding: 5px 5px 5px 10px; background: #52ccf5; border-top: 1px solid #ffffff; display: block; }
a.nav02-on:hover, a.nav02-on:active {
font-size: 12px; font-weight: bold;; color: #ffffff; text-decoration: none; margin: 0; padding: 5px 5px 5px 10px; background: #0099cc; border-top: 1px solid #ffffff; display: block; }



/* content */

div.content-container {
float: left;
display: inline;
width: 607px;
margin: 0;
padding: 0;
border: 1px solid #666666;
background: #ffffff;
}

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

h1.head { font-size: 18px; font-weight: normal; color: #000000; text-decoration: none; margin: 0 0 20px 0; padding: 0; line-height: 150%; }

.content-image {
float: left;
display: inline;
margin: 0px 10px 10px 0;
padding: 0;
}


/* marginal right */

div.marginal-right-container {
float: left;
display: inline;
width: 169px;
margin: 0;
padding: 0;
height: 50px;
}

div.marginal-right {
float: left;
display: inline;
width: 154px;
margin: 0 0 0 15px;
padding: 0;
}

div.logo-right {
float: left;
display: inline;
/*width: 154px;*/
margin: 0;
padding: 0;
}

div.slogan-right {
float: left;
display: inline;
margin: 80px 0 0 4px;
padding: 0;
}

/* footer */

div.footer-container {
float: left;
display: inline;
width: 100%;
margin: 10px 0  0;
padding: 0 0 50px 0;
}

div.footer {
float: right;
display: inline;
width: 120px;
margin: 0 174px 0 0;
padding: 0;
}

div.footer p { font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0; }


/* image site */

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

/* team */

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

div.team-content-container {
float: left;
display: inline;
width: 230px;
margin: 0 0 30px 0;
padding: 0;
}

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

div.team-illu {
float: left;
display: inline;
with: 75px;
margin: 0;
padding: 0;
}

div.team-text {
float: left;
display: inline;
clear: left;
with: 100%;
margin: 10px 0 0 0;
padding: 0;
}

div.team-text h3 { font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0 0 2px 0; padding: 0; line-height: 140%; }

a.team-link:link, a.team-link:visited {
font-size: 12px; font-weight: normal; color: #000000; text-decoration: none; margin: 0; padding: 0 14px 0 0; background: url(../images/team_bullet.gif) right no-repeat; }
a.team-link:hover, a.team-link:active {
font-size: 12px; font-weight: normal;; color: #2990b5; text-decoration: none; margin: 0; padding: 0 14px 0 0; background: url(../images/team_bullet.gif) right no-repeat; }


/* form */

form {
margin:0;
padding:0; 
}	

p.form { font-size: 11px; color: #000000; font-weight: normal; line-height: 140%; margin: 0; padding: 0; }

fieldset {
border:0;
margin:0;
padding:0; 
}

legend { display: none; font-size: 12px; font-weight: bold; color: #000000; margin: 0; padding: 0; }

label.left{
float: left;
display: inline;
font-size: 12px;
color: #000000;
font-weight: bold;
line-height: 150%;
text-align: left;
width: 160px;
margin: 5px 0 10px 0;
}

div.left {
margin:0;
padding:0;
border:0;
float: left; 
display: inline;
width: 160px; 
margin: 5px 0 10px 0;
}
div.left label {
font-size: 12px; 
color: #000000;
font-weight: bold; 
line-height: 150%; 
text-align: left; 
width: 160px; 

}  

select.formular-mittel {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 130px; 
margin-left: 0px; 
margin-top: 5px; 
padding: 0;
}
 
input.formular {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 260px; 
margin: 2px 0px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-mittel {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 150px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
} 

input.formular-mittel-2 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 50px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
}

input.formular-mittel-3 {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal; 
color: #000000;
width: 70px; 
margin: 2px 10px 0 0;
padding: 3px 0 3px 5px;
} 

input.formular-kurz {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000; 
width: 70px; 
margin: 5px 0 0 0;
padding: 3px 0 3px 5px;
}

textarea.formular {
float: left; 
display: inline;
font-size: 12px; 
font-weight: normal;
color: #000000;
line-height:1 50%;
width: 260px; 
height:100px;
margin-left: 0px; 
margin-top: 5px; 
padding: 3px 0 3px 5px;
}

form br {
clear: both; 
} 

.rot {
padding: 0;
margin: 0;
font-size: 11px;
color: #ff0000; 
} 

.blau { padding: 0; margin: 0; font-size: 11px; color: #2990b5; }

input.button {
float: left; 
display: inline;
margin: 30px 0 0 159px;
padding: 0;
}

input.seminar_btn {
color: #000000;
background-color: #52ccf5;
font-weight: bold;
padding: 2px;
font-size: 11px;
}

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

div.formtext p { font-size: 14px; font-weight: bold; color: #2990b5; line-height: 140%; margin: 0; padding: 0; }

/* news */

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

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

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

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

a.news-link:link, a.news-link:visited {
font-size: 12px; font-weight: bold; color: #000000; text-decoration: none; margin: 0 0 0 5px; padding: 0 0 0 14px; background: url(../images/team_bullet.gif) left no-repeat; }
a.news-link:hover, a.news-link:active {
font-size: 12px; font-weight: bold;; color: #2990b5; text-decoration: none; margin: 0 0 0 5px; padding: 0 0 0 14px; background: url(../images/team_bullet.gif) left no-repeat; }