/* Alle Abstände entfernen */

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

.downloadbild {
	width: 85%;
	height: auto;
	border-width: 3px;
	border-style: solid;
    border-color: #0071BB ;
}

.floating-box
{ float: left;
 width: 170px;
 height: 220px;
 margin: 10px;
}


.clearfix::after {
    content: "";
    clear: both;
    display: table;
}


.tooltip {
    position: relative;
    display: inline-block;
}

.tooltip .tooltiptext {
    font-size: 0.8em;
	visibility: hidden;
    width: 120px;
    background-color: #0071BB;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    top: -5px;
    left: 50%;
}

.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 100%;
    margin-top: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: transparent black transparent transparent;
}
.tooltip:hover .tooltiptext {
    visibility: visible;
}

.imgDG_small { /*width:190px; */ height:92px; border:none; vertical-align: bottom;}
.logoDG { padding-left:5px; padding-top:15px; padding-bottom:5px; border:none;}
.imagesDG { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px; border:none;width:220px; height:220px;}
.imagesDGfree{ padding:0px; border:none;}
.imagesFlag{ padding:0px;  border:none; height:1em;}
.divimagesDG {/*z-index:0*/}
.img1px { width:1px; height:1px;}

.imgDG_big { width:302px; /*height:99px; */ border:none; vertical-align: bottom;}
.logoDGindex{ padding: 0px; border:none;}
.imagesDGindex { padding:0px; border:none;width:220px; height:220px;}

.link_div { position:absolute; top:0px; left:0px; width:100%; height:100%; z-index:1000; }
.link_img { width:100%; height:100%; border:none; }

.myhline { position:relative; overflow:hidden; background-color:#0071bb; }
.headertext { line-height:1em; padding-right:0px; text-align:right; font-family:Arial; 
font-size:18px; font-style:normal; font-weight:normal; color:#0071bb; text-decoration:none;}
.divheader {padding-right:0px; border:none; }

.AmA {padding-bottom:0.8em}

p  { font-size: 0.8em; font-family: Arial; font-style:normal;  font-weight:normal;  color:#564b47; }
h1  { font-size: 0.9em; font-family: Arial; font-style:normal;  font-weight:bold;  
	color:black; line-height:150%; }
h2  { font-size: 1em; font-family: Arial; font-style:normal;  font-weight:bold; 
	color:black; line-height:150%;}
.S1 { font-weight:bold; color:black;}
.S2 { font-family:Arial; font-size:22px; font-style:normal; font-weight:normal; 
color:#0071bb; line-height:100%;padding-bottom:0px;height:22px; margin-bottom:0px}
.S3 { font-family:Arial; font-size:22px; font-style:normal; font-weight:normal; 
color:#FFbc04; line-height:100%;padding-bottom:0px;height:22px; margin-bottom:0px}

#left{text-align:left;}
.small1{ font-size:0.9em;}
.small2{ font-size:0.8em;}
.mylist { font-size: 0.8em; padding-left:15px; padding-bottom:0.8em; text-align:left}
/*font-family: Arial; font-style:normal;  font-weight:normal; 
	color:#564b47; */

body {
background-color: #background-color: #FFFFFF;
font-size: 100%;
font-family: Arial;
font-style:normal; 
font-weight:normal; 
color:#564b47;
margin: 0px 10%  0px 10%;
min-width: 650px;
}

a {
color: #564b47;
display:block;
}

a:visited {color:#666666;}
a:hover {color:black;font-weight:bold;}
a:active { color:black;}

a.index{text-decoration:none;display:block;}

a.download{display:block;}
a.download:link{color:#564b47;}
a.download:visited{color:#666666;}
a.download:hover{color:black;font-weight:bold;}
a.download:active{color:black;font-weight:bold;}

a.intextverweis{display:inline;}
a.intextverweis:link{color:#564b47;}
a.intextverweis:visited{color:#666666;}
a.intextverweis:hover{color:black;font-weight:normal;}
a.intextverweis:active{color:black;font-weight:normal;}

a.menu{
padding-left: 5px;
text-decoration:none;
display:block;
}

a.menu:link
{
color:#000000;
background:white;
font-weight : normal;
}

a.menu:active
{
/*color:#FFFFFF;*/
font-weight:bold;
background: #ffffff;
}

a.menu:visited 
{
font-weight:normal;
color:#666666;
background:white;
}

a.menu:hover
{
color:black;
font-weight:bold;
background: #ffffff;
}

.myMenu
{
background:white;
border:none;
width:100%-5px;
text-decoration:center;
margin-right: auto;
font-size:0.9em;
margin-bottom:5px;
line-height:170%;
margin-left: 0px;
display:block;
}

.mySubMenu
{
background:white;
border:none;
width:180;
text-decoration:center;
margin-left: 20px;
margin-right: auto;
font-size:0.8em;
margin-bottom:5px;
line-height:170%;
display:block;
}

body#unternehmen a.menu#menu-unternehmen,
body#historie a.menu#menu-historie,
body#leistung a.menu#menu-leistung, 
body#leistunghandel a.menu#menu-leistunghandel, 
body#leistungplanung a.menu#menu-leistungplanung, 
body#leistungdesign a.menu#menu-leistungdesign, 
body#referenzen a.menu#menu-referenzen,
body#partner a.menu#menu-partner,
body#aktuelles a.menu#menu-aktuelles,
body#downloads a.menu#menu-downloads,
body#impressum a.menu#menu-impressum,
body#datenschutzDG a.menu#menu-datenschutz,
body#impressumDG a.menu#menu-impressumDG,
body#impressumImpEx a.menu#menu-impressumImpEx,
body#kontakt a.menu#menu-kontakt,
body#home a.menu#menu-home,
body#shop a.menu#menu-shop,
body#company a.menu#menu-company,
body#history a.menu#menu-history,
body#trade a.menu#menu-trade, 
body#planning a.menu#menu-planning, 
body#design a.menu#menu-design, 
body#references a.menu#menu-references,
body#partners a.menu#menu-partners,
body#news a.menu#menu-news,
body#nlform a.menu#menu-nlform,
body#downloads_e a.menu#menu-downloads_e,
body#impressum_e a.menu#menu-impressum_e,
body#datenschutzDG_e a.menu#menu-datenschutz_e,
body#impressumDG_e a.menu#menu-impressumDG_e,
body#impressumImpEx_e a.menu#menu-impressumImpEx_e,
body#copyright a.menu#menu-copyright,
body#copyright_e a.menu#menu-copyright_e,
body#bildnachweise a.menu#menu-bildnachweise,
body#bildnachweise_e a.menu#menu-bildnachweise_e,
body#contact a.menu#menu-contact
{color:black; 
background:#FFFFFF;
font-weight:bold;
display:block;
} 

a.shopmenu{text-decoration:none;display:block;}
a.shopmenu#menu-shop:hover {font-weight:bold;}
a.shopmenu#menu-shop
{color:#0071bb; 
background:#FFFFFF;
font-weight:normal;
display:block;
} 

	/* Anfang 3 col, mitte variable*/

#links {
width: 140px;
float:left;
clear:left;
margin-top:10px;
margin-right:10px;
margin-bottom:5px;
padding-left:0px;
}

#inhalt {
margin-left:185px;
margin-right:255px;
margin-top:10px;
margin-bottom:5px;
padding-left:10px;
padding-right:10px;
overflow: auto;
text-align:justify;
}
@media all {
#inhalt {min-width: 150px;}
}
 

#rechts {
float:right;
width: 220px;
/*clear:right;*/
margin-top:10px;
margin-bottom:5px;
}

#header {
	clear:both;
	width:100%;
	}
#header-left {
	float:left;
	width:200px;
	}
#header-right {
	float:right;
	width:400px;
	/* vertical-align: bottom; */
	/*clear:both*/
	}
#header-righttop{
   /* width:200px;*/
	height:89px;}
#header-righbottom {
   /* width:200px;*/
	height:0px;
	/*clear:both;*/
	}

#header-bottom {
  clear:both;
  width:100%;
  height:1px; 
  background-color:#0071bb;
}

/* Footer styles */
#footer {
	clear:both;
	/*float:center;*/
	width:100%;
	border:none;
	/*text-align: left; */
	margin-top:5px;
}

#footer p {
	padding-left:5px;
	margin:0;
}

#footercontain {
	width:100%;
	border:none;
	/*text-align: left; */
	margin-top:5px;
}


#footer-left {
	float:left;
	/*text-align: left; */
	width:20%;
	margin-top:5px;
	margin-bottom:5px;
	}
#footer-right {
	float:right;
	/*text-align: right; */
	width:20%;
	margin-top:5px;
	margin-bottom:5px;
	}

#footer-middle {
	/*text-align: center; */
	width:200px;
	margin-top:5px;
	margin-bottom:5px;
	}
 
body.index {
border: none;
min-width: 700px;
margin: 90px 3%  0px 3%;
background-color: #ffffff;
}
 
#inhalt-index-right {
width: 310px;
text-align:left;
float:right;
}

#inhalt-index-left{ 	
width: 310px;
text-align:right;
}

#inhalt-index-wrap{ 	
width: 650px;
text-align:center;
margin:auto;
}

.fcolumn1 {
  float: left;
  width: 33%;
  padding: 5px;
}
.fcolumn2 {
  float: left;
  text-align: center;
  width: 33%;
  padding: 5px;
}
.fcolumn3 {
  float: left;
  text-align: right;
  width: 33%;
  padding: 5px;
}

/* Clear floats after the columns */
.frow:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (max-width: 600px) {
  .fcolumn1 {
    width: 100%;
  }
  .fcolumn2 {
    width: 100%;
    text-align: left;
  }
  .fcolumn3 {
    width: 100%;
    text-align: left;
  }
}