/* CSS Document */

body {
margin: 0;
padding: 0;
text-align: center;
font: 12px/130% "Lucida Grande", Verdana, Helvetica, sans-serif ;
color: #2a2a2a;
/*background: #89B3DB url(index.jpg) top center fixed;*/
background: #e5e5e5 url(mettalic.jpg);
}

#message {
  margin-bottom:15px;
  /*font: message-box;*/
	color:#333;
	padding:17px;
	border: 3px double #d5d5d5;
	background-color: #ffb; 
}

body div#toolTip { margin: 0; padding: 0; position: absolute; z-index: 1000; width: auto; min-width:220px; background: #EFF7FF; border: 2px solid #538CBF; text-align: left; padding: 1px 5px; min-height: 1em; }
body div#toolTip p { margin: 0; padding: 0; width: auto; min-width:220px; color: #000; text-transform: uppercase; font: bold 12px Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; text-align: left;}
body div#toolTip p em { margin: 0; padding: 0; width: auto; min-width:220px; display: block; color: #0055A8; text-transform: none; font-style: normal; font: 10px 'Trebuchet MS', Verdana, Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; text-align: left; }
body div#toolTip p em span { margin: 0; padding: 0; color: #295959; font: 11px 'Trebuchet MS', Verdana, Arial, Helvetica, 'Lucida Sans', 'Lucida Sans Unicode', sans-serif; }


.mainbox a, #footer a {
color: #0055A8;
text-decoration: underline;
}
.mainbox a:visited, #footer a:visited {
color: #990000;
text-decoration: underline;
}
.mainbox a:hover, #footer a:hover {
color: #990000;
text-decoration: underline;
}


.ano, a.ano:visited, a.ano:hover {
border: none;
text-decoration: none;
}
.hoi {
font-weight: bold;
}
img {
border: none;
}

#hilfebox { font: normal 18px/120% "Times New Roman", Arial, sans-serif; float: left; padding: 15px 0; margin:0; }
#hilfebox a { border: none 0; }
br.cleaning {
clear:both;
display:block;
height:1px;
font-size:1px;
line-height:1px;
}

h1, h2, h3, h4 {
margin: 0;
padding: 3px 0;
}

#wrapper {
width: 740px;
margin: 10px auto 20px auto;
padding: 0;
text-align: left;
/*border: 6px solid #307BBF;*/
border:2px solid #ccc;
background: #fff url(bg_header.gif) repeat-x;
}
.wrapper-c {
padding: 20px;
margin: 0;
/*border-bottom: 2px solid #1784FE;*/
}
h1 {
display: none;
}
#head {
height: 45px;
background: transparent url(logo.gif) /*520px 10px*/ left top  no-repeat;
}
#head_gmbh {
/*height: 60px;
background: transparent url(logo_gmbh.gif) left top  no-repeat;*/
display: none;
}

.splash {
height: 133px;
margin: 0;
padding: 0 0 2px 0;
clear: left;
}
div.spl-home {
background: transparent url(splash.jpg) top left no-repeat;
padding: 0 0 1px 0;
}
div.spl-about {
background: transparent url(splash.jpg) top left no-repeat;
padding: 0 0 1px 0;
}
div.spl-test {
background: transparent url(test_top.jpg) top left no-repeat;
padding: 0 0 1px 0;
}
div.spl-team {
background: transparent url(das_team.jpg) top left no-repeat;
padding: 0 0 1px 0;
}
div.spl-team2 {
background: transparent url(das_team2.jpg) top left no-repeat;
padding: 0 0 1px 0;
}

.navcontainer {
padding: 0;
margin: 0;
}
.navcontainer ul
{
padding: 0;
margin: 0;
float: left;
width: 700px;
font: bold 1em Verdana, Arial, helvetica, sans-serif;
border-bottom: 2px solid #1065B6;
background: #f5f5f5 url(bg_nav.gif) repeat-x bottom;
}

.navcontainer ul li { display: inline; margin-left: 0; padding: 0; margin-right: 3px; }

.navcontainer ul li a, .navcontainer ul li a:link, .navcontainer ul li a:visited, .navcontainer ul li a:link, .navcontainer ul li span, .navcontainer ul li a:hover
{
font-size: 12px;
padding: 0.5em 0.9em;
text-decoration: none;
float: left;
border-bottom: none;
color: #333;
}
.navcontainer ul li a:hover
{
text-decoration: underline;
border: none;
color: #000;
background: #f5f5f5 url(bg_nav_hover_alt.gif) repeat-x bottom;
}
.navcontainer ul li a:active
{
text-decoration: underline;
}

/* ################################### TEST ################################## */

.navcontainer_test {
padding: 0;
margin: 0;
}
.navcontainer_test ul
{
padding: 0px;
margin: 0;
float: left;
width: 700px;
font: 1em Verdana, Arial, helvetica, sans-serif;
border-bottom: 1px solid #aaa;
background: #ccc url(bg_nav_hover.gif) repeat-x bottom;
}

.navcontainer_test ul li { display: inline; margin-left: 0; padding: 0; margin-right: 3px;}
/*.navcontainer_test ul li.rott a { background: #EF1100; color:#fff;}*/

.navcontainer_test ul li a, .navcontainer_test ul li a:link, .navcontainer_test ul li a:visited, .navcontainer_test ul li a:link, .navcontainer_test ul li span, .navcontainer_test ul li a:hover
{
font-size: 13px;
padding: 0.5em 1.30em;
text-decoration: none;
float: left;
border-bottom: none;
color: #005AA2;
 border-right: 1px solid #aaa;
}
.navcontainer_test ul li.last a, .navcontainer_test ul li.last a:link, .navcontainer_test ul li.last a:visited, .navcontainer_test ul li.last a:link, .navcontainer_test ul li.last span, .navcontainer_test ul li.last a:hover
{
border: none;
}
.navcontainer_test ul li a:hover
{
text-decoration: underline;
border-right: 1px solid #aaa;
color: #a80000;
background: #f5f5f5 url(bg_nav.gif) repeat-x bottom;
}
.navcontainer_test ul li a:active
{
text-decoration: underline;
}

/* ########################################################################### */

.mainbox {
line-height: 20px;
}

.big {
width: 500px;
float: left;
margin: 0;
padding: 0;
}
.bigger {
width: 100%;
float: left;
margin: 0;
padding: 0;
}
.big-c {
padding: 10px 0;
margin: 0;
}
.small {
width: 198px;
float: right;
margin: 0;
padding: 0;
font-size: 11px;
}
.small-c {
padding: 20px 0;
margin: 0;
}

p {
margin: 0;
padding: 4px 0;
}
.sbox {
padding: 10px 0 10px 10px;
}
.sbox ul {
list-style-type: none;
margin: 5px 0;
padding: 0;
border-top: 1px solid #EDEDED;
}

.sbox ul li {
padding: 4px 0;
border-bottom: 1px solid #EDEDED;
}

.sbox h2 {
font: normal 18px/120% "Lucida Grande", Verdana, Helvetica, sans-serif;
margin: 0;
padding: 0;
/*text-transform: uppercase;
letter-spacing: 0.1em;*/
}
#i-contact {
/*border-top: 4px double #ccc;*/
margin-top: 0px;
}
#s-contact {
/*border-top: 4px double #ccc;*/
margin-top: 28px;
}
.item {
padding: 10px 15px 10px 0;
}
.item-b {
padding: 10px 0 10px 0;
}

.item-b ul {
padding: 5px 0 5px 30px;
margin: 0;
}

.item-c {
padding: 20px 0;
border-top: 1px solid #bbb;
margin: 0;
clear: both;
background: #f5f5f5;
}

.item h2, .item-b h2 {
font: normal 22px "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#0058A8;
}
.item h3, .item-b h3 {
font: normal 18px "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#444;
padding-bottom: 10px;
margin-top: 7px;
}
.item h4, .item-b h4 {
font: bold 14px "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#454545;
padding-top: 0px;
}

.sub-item {
margin: 0;
padding-left: 20px;
padding-top: 7px;
padding-bottom: 15px;
color: #444;
}
.sub-item img {
margin: 2px 20px 15px 0;
padding: 5px;
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 2px solid #999;
border-bottom: 2px solid #999;
background-color: #ededed;
float:left;
}

.sub-item img:hover {
border-left: 1px solid #ccc;
border-top: 1px solid #ccc;
border-right: 2px solid #555;
border-bottom: 2px solid #555;
background-color: #d5d5d5;
}

* html .sub-item { padding-bottom:25px; }

div.sub-item h3 {
	color: #444; 
	font: bold 14px Verdana, Arial, helvetica, sans-serif;
	margin: 10px 0 5px 0;
	letter-spacing:1px;
}
div.sub-item h4 {
font: bold 13px "Lucida Grande", Verdana, Helvetica, sans-serif;
color:#454545;
margin: 5px 0px;
}


#footer {
border-top: 2px solid #ccc;
padding: 10px 0 0 0;
margin-bottom: 10px;
text-align: right;
font-size: 10px;
background: url(footer.jpg) bottom right no-repeat;
}
div.bt-nav {
padding: 15px 0 5px 0;
text-align: left;
font-size: 11px;
font-weight: bold;
}
div.btn-nav {
padding: 15px 0 5px 0;
text-align: left;
font-size: 11px;
font-weight: normal;
}
span.copyright {
float: left;
}
span.designby {
color: #ccc;
}

input, textarea, select {
		border: 1px solid #ccc;
		font-family: Geneva, Arial, Verdana, helvetica, sans-serif;
		font-size: 12px;
		background-color: #fff;
		font-weight: normal;
		margin: 0 0 5px 0;
		color: #666;
		padding: 2px;
	}

select {
		width: auto;
	}


.theform input {
width: 400px;
}

.theform textarea {
width: 475px;
overflow: auto;
}

.theform input:focus, .theform select:focus, .theform textarea:focus {
background: #F7FFE0;
}
label.zemRequired {
font-weight: bold;
}

input#zemSubmit {
border-color: #ffffff #999999 #999999 #ffffff;
border-style: solid;
border-width: 1px;
color: #fff;
background: #0055A8;
padding: 2px 30px 2px;
font-weight: bold;
width: auto;
}
fieldset {
margin: 0;
padding: 0 10px;
border: none 0;
background-color: #ededed;
}
ul.zemError { color: #990000; margin: 10px 0; padding-top: 10px; list-style: none; }
p.imgthumb {
float: left;
margin-right: 10px;
}

blockquote {
font-size: 11px;
border-right: 1px solid #E7E7E7;
border-bottom: 1px solid #E7E7E7;
padding-left: 15px;
padding-right: 15px;
background: #F7F7F7;
margin: 10px;
}
p.postedon {
font-size: 11px;
color: #666;
}

p.botnav {
text-align: center;
font-size: 11px;
}
p.tagline {
display: none;
}
.bildexpo { margin-top: 5px; }
.bildexpo img { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 2px solid #999; border-bottom: 2px solid #999; background-color: #ededed; padding: 5px; margin-right:10px; margin-top:10px; }
.bildexpo img:hover { border-left: 1px solid #ccc; border-top: 1px solid #ccc; border-right: 2px solid #555; border-bottom: 2px solid #555; background-color: #d5d5d5; }
.bildexpo a, .bildexpo a:hover, .bildexpo a:visited { border: none 0; text-decoration: none;}

.bildl { float: left; padding: 10px; margin: 0 25px 20px 0; }
.bildr { float: right; padding: 5px; margin: 0 0 15px 15px; }
.picr { float: right; margin: 7px 0 5px 10px; }
.mapr { float: right; margin: 7px 50px 10px 10px; }
.emaill { float: left; padding: 5px 5px 15px 0; }
.bold { font-weight: bold; }
big { font-weight: bold; }
.linetop { border-top: 3px double #ddd; }
.bilder { float: left; margin: 0 10px 10px 0; }
.bcumb { font-size: 10px; }
ul.pfeilr li { list-style: square; font-size: 12px; font-weight: bold; color: #465B8F; letter-spacing:.05em; line-height: 1.8em; padding: 5px; }
ul.liste li { list-style: square; font-size: 12px; font-weight: normal; color: #333; line-height: 1.8em; padding: 5px; }
ul.bilder li { list-style: none; font-size: 12px; margin-bottom:2px; border: none 0;}
ul.bilder li img { border: none 0; }

hr { color: #d5d5d5; }
.druck { display: none; }
#lightbox{background-color:#f5f5f5;padding: 10px; border: 7px solid #e5e5e5;}
#lightboxDetails{font-size: 1.2em;padding-top: 0.4em;}
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }
#lightbox img{ border: none; clear: both;}
#overlay img{ border: none; }
#overlay{ background-image: url(../../img/overlay.png); }
* html #overlay {background-color: #333;back\ground-color: transparent;background-image: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../img/overlay.png", sizingMethod="scale");}
.thumbs { border: none 0; background-color: #fff; }
.thumbs a, .thumbs a:hover, .thumbs a:visited { border: none 0; text-decoration: none;}
/*.thumbs img { border: 1px solid #ccc; background-color: #ededed; padding: 10px; margin-right: 5px;}
.thumbs img:hover { border: 1px solid #aaa; }*/
#LSResult { position: absolute; background-color: #fff; width: 211px; border: 7px solid #ededed; }
#LSShadow { padding: 5px; }
#LSRes { background-color: #fff; }
.LSRow { padding: 0 5px; }
#LSHighlight { background-color: #aaa; }
#LSHeader { padding: 2px 2px 8px; }
.lsDate { display: block; color: #555; }

/*
img {
border: 1px dotted #999;
padding: 3px;
display: block;
}

img:link, img:visited {
display: block;
margin:  0 8px 8px 0;
border: 1px solid white;
}

img:hover, img:active {
background: none;
border: 1px solid #69f;
}

.bildrahmendotted { 
margin:0px 0px 4px 0px;
padding: 5px; 
border: dotted 1px #999;
}

.galerie {
float:left;
display:block;
margin:3px 8px 3px 0px;
padding: 5px; 
border: dotted 1px #999;
}

.bildlinks { float: left; }

.bildlinks img {
background: white;
margin: 0.3em 0.8em 0.2em 0; padding: 4px; border: 1px #999 solid;
}

.bildlinks a img:hover {
border: 1px #69f solid;
}

.bildrechts { float: right;  }

.bildrechts img {
background: white;
margin: 0.3em 0 0.2em 0.8em; padding: 4px; border: 1px #999 solid;
}

.bildrechts a img:hover {
border: 1px #69f solid;
}
*/

.bildsmall {
font-size: 0.7em;
}

/****************** tabelen formatierung ***********************+*/

table {
display:table;
margin: 10px 0;
font-size: 100%;
width: 700px;
text-align:left;
}
th {
font-size:95%;
font-weight: bold;
color: #555;
}
td {
vertical-align: middle;
padding: 4px 0;
border-top: 1px solid #aaa;
background-color: #f5f5f5;
}
td.one { background: #ededed; }
td.two { background: #fff; }
.re { text-align: left; }
table sup { font-size:85%; font-weight: normal; }

#testbild { min-height: 350px; background: transparent url(testbild.gif) top center no-repeat;}

#angebotcontent{
	width: 100%;
	overflow: hidden;
	background: #f5f5f5;
	margin:15px 0 10px 0;
	padding: 10px 0;
	border: 1px solid #ccc;
	}
	
#angebotcontent h3 {
  font: bold 18px Arial, Helvetica, sans-serif;
	}

/* list of services */

ul.angebotelist{
  padding-left: 30px;
  float: left;
  font-size:1.3em;
  line-height:1em;
  list-style: none;
	}

ul.angebotelist li a{
	display: block;
  padding: 10px 0px;
	width: 305px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.05em;
	color: #1065B6;
	text-decoration: none;
	border-bottom: 1px dotted #ccc;
	/*background: #323C26 url(list_dotted_border.gif) bottom repeat-x;*/
	}
ul.angebotelist li a:hover{
	color: #a80000;
	background: #e5e5e5;
	text-decoration: underline;
	border-bottom: 1px dotted #aaa;
	/*background: #2C3421 url(list_dotted_border.gif) bottom repeat-x;*/
	}
	
ul.angebotelistunten{
  padding-left: 30px;
  float: left;
  font-size:1.3em;
  line-height:1em;
  list-style: none;
	}

ul.angebotelistunten li a{
	display: block;
  padding: 10px 0px;
	width: 305px;
	font: bold 13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	letter-spacing:0.05em;
	color: #1065B6;
	text-decoration: none;
	/*background: #323C26 url(list_dotted_border.gif) bottom repeat-x;*/
	}
ul.angebotelistunten li a:hover{
	color: #a80000;
	text-decoration: underline;
	/*background: #2C3421 url(list_dotted_border.gif) bottom repeat-x;*/
	}	
	
/* team list */

#content .team {
  margin-top: 20px;
	float: left;
	width: 100%;
	clear: both;
}
#content .team .photo {
	float: left;
	width: 155px;
}
#content .team .photo p {
	margin: 0 0 15px 20px;
	padding: 0;
	background-color: #ffffff;
}
#content .team .photo p img {
	display: block;
}
#content .team .description {
	float: left;
	width: 410px;
}
#content .team .description p {
	margin: 0 0 15px 0;
	padding: 0 40px 0 20px;
}
#content .team .description h3 {
	margin: 0 0 20px 0;
	padding: 0 40px 0 20px;
	font: bold 16px arial, verdana;
	color: #1065B6;
}
#karte {
	margin-top: 10px;
	width: 485px;
	line-height: 15px;
	color: #1a1a1a;
	margin-bottom: 20px;
	border-bottom:1px solid #e5e5e5;
	padding-bottom:10px;
}
#linkkarte {
	background:#e5e5e5;
	width: 185px;
	line-height:26px;
	font-size: 16px;
	margin-bottom:10px;
	}
#linkkarte a {
  padding-left:5px;
  display: block;
  color: #1065B6;
  font-weight: bold;
  text-decoration: none;
 	}
#linkkarte a:hover {
  color: #a80000;
  text-decoration: underline;
 	} 	
#karte.swicontent {display:none; width: 485px;}