/* CSS */
/* bg */
/* LAYOUT */

html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid transparent; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Arial, sans-serif;
margin:0;
padding:0;
color:#333;
text-align:center;
background: #eae5d1 url(../_img/body-bg.gif) left top repeat;
}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/***********************************************************
 CONTAINER
************************************************************/

#wrapper {
position: relative;
width: 1015px;
padding: 0;
margin: 55px auto 0;
}

#container {
width: 995px;
position: absolute;
top: 0;
left: 0;
z-index: 99;
height: 705px;
}

.kontakt #container { height: 1495px; }

.kontakt.length2 #container { height: 1885px; }
.kontakt.length3 #container { height: 2275px; }
.kontakt.length4 #container { height: 2665px; }


#bg-container {
width: 995px;
height: 705px;
position: relative;
z-index: 90;
}

.kontakt #bg-container {
height: 1495px;
}

.kontakt.length2 #bg-container { height: 1885px; }
.kontakt.length3 #bg-container { height: 2275px; }
.kontakt.length4 #bg-container { height: 2665px; }

#bg-n { position: absolute; left: 50px; top: 0px; width: 895px; height: 50px; background: transparent url(../_img/bg-standard/bg-n.png) left top no-repeat; }
#bg-ne { position: absolute; left: 945px; top: 0px; width: 50px; height: 50px; background: transparent url(../_img/bg-standard/bg-ne.png) left top no-repeat; }
#bg-e { position: absolute; left: 945px; top: 50px; width: 50px; height: 605px; background: transparent url(../_img/bg-standard/bg-e.png) left top no-repeat; }
#bg-se { position: absolute; left: 945px; top: 655px; width: 50px; height: 50px; background: transparent url(../_img/bg-standard/bg-se.png) left top no-repeat; }
#bg-s { position: absolute; left: 50px; top: 655px; width: 895px; height: 50px; background: transparent url(../_img/bg-standard/bg-s.png) left top no-repeat; }
#bg-sw { position: absolute; left: 0px; top: 655px; width: 50px; height: 50px; background: transparent url(../_img/bg-standard/bg-sw.png) left top no-repeat; }
#bg-w { position: absolute; left: 0px; top: 50px; width: 50px; height: 605px; background: transparent url(../_img/bg-standard/bg-w.png) left top no-repeat; }
#bg-nw { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; background: transparent url(../_img/bg-standard/bg-nw.png) left top no-repeat; }
#bg-center { position: absolute; left: 50px; top: 50px; width: 895px; height: 605px; background: #bbb2ad url(../_img/bg-standard/bg-center.jpg) left top no-repeat; }


.kontakt #bg-nw { position: absolute; left: 0px; top: 0px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-nw.png) left top no-repeat; }
.kontakt #bg-n { position: absolute; left: 50px; top: 0px; width: 895px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-n.png) left top no-repeat; }
.kontakt #bg-ne { position: absolute; left: 945px; top: 0px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-ne.png) left top no-repeat; }

.kontakt #bg-w1 { position: absolute; left: 0px; top: 50px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-w-1.png) left top no-repeat; }
.kontakt #bg-center1 { position: absolute; left: 50px; top: 50px; width: 895px; height: 465px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-1.jpg) left top no-repeat; }
.kontakt #bg-e1 { position: absolute; left: 945px; top: 50px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-e-1.png) left top no-repeat; }

.kontakt #bg-w2 { position: absolute; left: 0px; top: 515px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-w-2.png) left top no-repeat; }
.kontakt #bg-center2 { position: absolute; left: 50px; top: 515px; width: 895px; height: 465px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-2.jpg) left top no-repeat; }
.kontakt #bg-e2 { position: absolute; left: 945px; top: 515px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-e-2.png) left top no-repeat; }

.kontakt #bg-w3 { position: absolute; left: 0px; top: 980px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-w-3.png) left top no-repeat; }
.kontakt #bg-center3 { position: absolute; left: 50px; top: 980px; width: 895px; height: 465px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-3.jpg) left top no-repeat; }
.kontakt #bg-e3 { position: absolute; left: 945px; top: 980px; width: 50px; height: 465px; background: transparent url(../_img/bg-kontakt/bg-e-3.png) left top no-repeat; }

.kontakt #bg-sw { position: absolute; left: 0px; top: 1445px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-sw.png) left top no-repeat; }
.kontakt #bg-s { position: absolute; left: 50px; top: 1445px; width: 895px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-s.png) left top no-repeat; }
.kontakt #bg-se { position: absolute; left: 945px; top: 1445px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-se.png) left top no-repeat; }

/**************/

.kontakt #bg-w4 { position: absolute; left: 0px; top: 1445px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-w-4.png) left top no-repeat; }
.kontakt #bg-center4 { position: absolute; left: 50px; top: 1445px; width: 895px; height: 390px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-4.jpg) left top no-repeat; }
.kontakt #bg-e4 { position: absolute; left: 945px; top: 1445px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-e-4.png) left top no-repeat; }

.kontakt.length2 #bg-sw { position: absolute; left: 0px; top: 1835px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-sw.png) left top no-repeat; }
.kontakt.length2 #bg-s { position: absolute; left: 50px; top: 1835px; width: 895px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-s.png) left top no-repeat; }
.kontakt.length2 #bg-se { position: absolute; left: 945px; top: 1835px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-se.png) left top no-repeat; }

/***************/

.kontakt #bg-w5 { position: absolute; left: 0px; top: 1835px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-w-4.png) left top no-repeat; }
.kontakt #bg-center5 { position: absolute; left: 50px; top: 1835px; width: 895px; height: 390px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-4.jpg) left top no-repeat; }
.kontakt #bg-e5 { position: absolute; left: 945px; top: 1835px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-e-4.png) left top no-repeat; }

.kontakt.length3 #bg-sw { position: absolute; left: 0px; top: 2225px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-sw.png) left top no-repeat; }
.kontakt.length3 #bg-s { position: absolute; left: 50px; top: 2225px; width: 895px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-s.png) left top no-repeat; }
.kontakt.length3 #bg-se { position: absolute; left: 945px; top: 2225px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-se.png) left top no-repeat; }

/***************/

.kontakt #bg-w6 { position: absolute; left: 0px; top: 2225px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-w-4.png) left top no-repeat; }
.kontakt #bg-center6 { position: absolute; left: 50px; top: 2225px; width: 895px; height: 390px; background: #bbb2ad url(../_img/bg-kontakt/bg-center-4.jpg) left top no-repeat; }
.kontakt #bg-e6 { position: absolute; left: 945px; top: 2225px; width: 50px; height: 390px; background: transparent url(../_img/bg-kontakt/bg-e-4.png) left top no-repeat; }

.kontakt.length4 #bg-sw { position: absolute; left: 0px; top: 2615px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-sw.png) left top no-repeat; }
.kontakt.length4 #bg-s { position: absolute; left: 50px; top: 2615px; width: 895px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-s.png) left top no-repeat; }
.kontakt.length4 #bg-se { position: absolute; left: 945px; top: 2615px; width: 50px; height: 50px; background: transparent url(../_img/bg-kontakt/bg-se.png) left top no-repeat; }

/***************/



/* Navigation
*******************************************************/

#navigation {
position: absolute;
z-index: 85;
top: -45px;
left: 0;
font-size: 0.8em;
height: 64px;
width: 100%;
}

#navigation ul {
float: left;
clear: both;
padding: 0 0 0 20px;
}

#navigation li {
height: 64px;
float: left;
position: relative;
overflow: hidden;
text-indent: -5000em;
}

.lang0 #navigation li {
margin: 0 -4px 0 0;
}

#navigation li a {
width: 100%;
height: 64px;
display: block;
overflow: hidden;
}

#navigation li.c1 a.s1 {position: absolute; top: 14px; left: 68px; width: 70px; height: 35px; }
#navigation li.c1 a.lang1 { position: absolute; top: 23px; left: 39px; width: 23px; height: 15px; }
#navigation li.c1 a.lang0 { position: absolute; top: 24px; left: 10px; width: 23px; height: 15px; }

#navigation li.c1 { width: 146px; background: transparent url(../_img/menu/menu-home.png) 0 6px no-repeat; }

.lang0 #navigation li.c4 { width: 166px; background: transparent url(../_img/menu/menu-de-unternehmen.png) 0 6px no-repeat; margin: 0 -2px 0 0; }
.lang0 #navigation li.c5 { width: 80px; background: transparent url(../_img/menu/menu-de-idee.png) 0 6px no-repeat; }
.lang0 #navigation li.c6 { width: 203px; background: transparent url(../_img/menu/menu-de-musterfertigung.png) 0 6px no-repeat; }
.lang0 #navigation li.c7 { width: 110px; background: transparent url(../_img/menu/menu-de-design.png) 0 6px no-repeat; }
.lang0 #navigation li.c8 { width: 147px; background: transparent url(../_img/menu/menu-de-produktion.png) 0 6px no-repeat; }
.lang0 #navigation li.c9 { width: 118px; background: transparent url(../_img/menu/menu-de-kontakt.png) 0 6px no-repeat; }

.lang1 #navigation li.c4 { width: 124px; background: transparent url(../_img/menu/menu-en-unternehmen.png) 0 6px no-repeat; }
.lang1 #navigation li.c5 { width: 153px; background: transparent url(../_img/menu/menu-en-idee.png) 0 6px no-repeat; }
.lang1 #navigation li.c6 { width: 136px; background: transparent url(../_img/menu/menu-en-musterfertigung.png) 0 6px no-repeat; }
.lang1 #navigation li.c7 { width: 111px; background: transparent url(../_img/menu/menu-en-design.png) 0 6px no-repeat; }
.lang1 #navigation li.c8 { width: 145px; background: transparent url(../_img/menu/menu-en-produktion.png) 0 6px no-repeat; }
.lang1 #navigation li.c9 { width: 126px; background: transparent url(../_img/menu/menu-en-kontakt.png) 0 6px no-repeat; }

#wrapper #navigation ul li:hover, #wrapper #navigation ul li.active { background-position: 0 0; }


/* Sidenavi */

#sidenavi {
position: absolute;
z-index: 85;
top: 50px;
left: 973px;
width: 52px;
display: none;
}

#sidenavi li {
text-indent: -5000em;
overflow: hidden;
}

#sidenavi a {
width: 100%;
display: block;
}

.label-majordog { height: 137px; background: transparent url(../_img/label-majordog.png) 0 0 no-repeat; }
.label-zone3 { height: 117px; background: transparent url(../_img/label-zone3.png) 0 0 no-repeat; }
.label-ifamily { height: 78px; background: transparent url(../_img/label-ifamily.png) 0 0 no-repeat; }

#sidenavi li:hover { background-position: 7px 0; }

.label-majordog a { height: 137px; }
.label-zone3 a { height: 117px; }
.label-ifamily a {height: 78px;}


/* Content
**********************************************************/

#mainbody {
text-align:left;
float:left;
clear:both;
width: 952px;
height: 661px;
padding: 15px 18px 29px 25px;
position: relative;
}

.kontakt #mainbody {
height: 1395px;
}

/* Title
***************/

div#branding {
position: absolute;
z-index: 99;
}

.signet {
position: absolute;
left: 20px;
top: 27px;
}

.nic {
position:absolute;
left: -45px;
top: 120px;
}

div#branding h1,
div#branding h2 {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}


/* Content
***************/

#content {
position: relative;
z-index: 95;
font-size: 0.85em;
float:right;
width: 100%;
}

.standard3070 #content, .kontakt #content {
width: 765px;
}

/* Sidebar
*************/

#subcontent {
position: relative;
z-index: 95;
width: 187px;
height: 311px;
margin: 350px 0 0 0;
float: left;
font-size:0.8em;
color: #333333;
}


/* Footer
**********************************************************/

#siteinfo {
text-align: left;
clear:both;
padding: 0 0 5px 25px;
font-family: "Courier New", serif;
}

#siteinfo-wrapper {
margin: 0 auto;
clear: both;
width: 247px;
padding: 0 0 0 5px;
height: 20px;
background: #ffe9a8;
}

#siteinfo p {
margin: 0;
float: left;
color:#666666;
font-size:11px;
line-height: 20px;
margin: 0 5px 0 0;
}

#siteinfo ul {
float: left;
list-style: none;
}

#siteinfo a,
#siteinfo a:hover,
#siteinfo span{
font-size: 11px;
color:#666666;
text-decoration:none;
}
#siteinfo a:hover {
color: #333333;
}

/*********************************************************
allgemeine Formate Text, Formulare, Tabellen, Bilder
**********************************************************/

h1, h2 {
font-size: 1.5em;
margin: 0 0 10px 0;
font-weight: bold;
}

h3 {
font-size: 1.2em;
margin: 0 0 10px 0;
}
h4 {
font-size: 1.05em;
margin: 0 0 10px 0;
}
h5 {
font-size: 1em;
margin: 0 0 10px 0;
}
h6 {
font-size: 0.5em;
margin: 0 0 10px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.4em;
}

ul, ol, li {
margin: 0;
padding: 0;
}
#content ul,
#content ol {
margin: 0 0 10px 20px;
padding: 0;
line-height: 1.4em;
}
#content ol {
margin: 0 0 10px 30px;
}
#content li {
margin: 0 0 4px 0;
}


a {
color: #666666;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

hr {
height: 1px;
background-color: #ccc;
color: #999999;
border: none;
/*border-top: 3px dotted #666666;*/
margin: 3px 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 100%;
font-size: 1em;
width: 100%;
}

th {
border-top: 1px solid #ccc;
border-bottom: 2px solid #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}
td {
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
padding: 4px 15px 4px 6px;
text-align: left;
vertical-align: top;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {
margin: 0;
padding: 0;
font-size:100%;
float:left;
clear: both;
}

form p {
margin:0 0 6px 0;
clear:both;
width:100%;
}
form p.req {
margin-bottom:6px;
width:auto;
}

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

legend {
font-weight: bold;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {
margin:0;
float:left;
font-size:100%;
}

input,
select,
textarea {
float:left;
margin: 0 5px 6px 0;
border:1px solid #ccc;
background-color:#fff;
padding:1px;
font-family: Arial, sans-serif;
font-size:100%;
}

input.submit {
float:left;
margin: 0 5px 6px 0;
border:1px solid #666;
background: #ccc;
font-weight: bold;
width:auto;
}

p.formcheckbox input.checkbox,
p.formradio input.radio {
width:auto;
border:none;
background: none;
}
p.formcheckbox label.checkbox,
p.formradio label.radio {
width:auto;
}


/*********************************************************
allgemeine Klassen
**********************************************************/

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}

.bigger {
font-size: 170%;
font-weight: bold;
}
.smaller {
font-size: 75%;
}
.justify {text-align:justify;}
.alignright {text-align: right;}


/*********************************************************
MODUL-Formate
**********************************************************/


/* Abstand + Clear
*************************/

div.space {
height: 25px;
clear:both;
}


/* MODUL Text + Bild
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;
}

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
div.section-txtpic.bottom p.pic {
display:block;
float:none;
}
span.picsub {
font-size: 0.7em;
line-height:13px;
margin:4px 0;
padding-bottom:4px;
display:block;
}



/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}


/* MODUL Galerie
 * allgemein
**********************/

#content div.gallery {
float:left;
clear: both;
width:100%;
margin-bottom:15px;
}

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
/*display: inline;*/
float:left;
display: block;
width: 118px;
height: 118px;
overflow: hidden;
margin:0 3px 3px 0;
}
#content div.gallery li img {
border:none;
}


/* Imagemap
**********************/

#content .imagemaps_map { position:relative; }
#content .imagemaps_map img { display: block; }
#content .imagemaps_map div.imagemaps_hotspot { position:absolute;overflow:hidden; }
#content .imagemaps_map div.imagemaps_hotspot a { margin:0;padding:0;background:none;width:100%;height:100%;display:block; background:url(../img/blank.html); text-decoration: none; }
#content .imagemaps_map div.imagemaps_hotspot ul { display:none; }
#content .imagemaps_map div.imagemaps_hotspot a.imagemap_group { display:none; }

/* Polaroid
**********************/

.polaroid-container {
width: 100%;
float: left;
clear: both;
}

.polaroid {
width: 194px;
height: 232px;
float: left;
margin: 0 42px 0 0;
position: relative;
font-family: "Courier New", serif;
}

.polaroid-name {
z-index: 94;
position: absolute;
left: 35px;
top: 179px;
font-size: 13px;
font-weight: normal;
}

.right .polaroid-name {
top: 183px;
}

.left .polaroid-name {
top: 181px;
}

.polaroid-contact {
z-index: 93;
width: 130px;
height: 151px;
padding: 20px 18px;
position: absolute;
left: 20px;
top: 23px;
display: none;
font-size: 12px;
}

.left .polaroid-contact { padding: 20px 16px; }
.right .polaroid-contact { padding: 20px 16px; }

.polaroid-wrapper {
z-index: 92;
width: 194px;
height: 232px;
position: absolute;
left: 0;
top: 0;
background: transparent url(../_img/polaroid-norm.png) left top no-repeat;
}

.left .polaroid-wrapper {
background: transparent url(../_img/polaroid-left.png) left top no-repeat;
}

.right .polaroid-wrapper {
background: transparent url(../_img/polaroid-right.png) left top no-repeat;
}

.polaroid-overlay {
z-index: 91;
width: 154px;
height: 161px;
position: absolute;
left: 20px;
top: 23px;
background: transparent url(../_img/polaroid-overlay.png) left top repeat;
display: none;
}

.polaroid-image {
z-index: 90;
width: 154px;
height: 161px;
position: absolute;
left: 20px;
top: 23px;
}

/* Adressbox
**********************/

.addressbox {
float: left;
clear: both;
margin: 0 0 15px 0;
width: 187px;
height: 230px;
background: transparent url(../_img/addresses-bg.png) left top no-repeat;
}

.addressbox-content {
font-size: 10px;
font-family: "Courier New",serif;
width: 133px;
height: 189px;
margin: 25px 0 0 23px;
}

/* Adressbox
**********************/

#paper-module {
float: left;
clear: both;
margin: 17px 0 0 2px;
background: transparent url(../_img/paper-bg.png) left top no-repeat;
width: 500px;
height: 583px;
padding: 41px 37px 14px 37px;
/*color: #000050;*/
font-family: "Courier New", serif;
font-size: 11px;
overflow: hidden;
}

#paper-module a {
/*color: #000050;*/
text-decoration: underline;
}

#paper-module a:hover {
/*color: #000050;*/
text-decoration: none;
}

/* IE Fixes
**********************/

.ie html {
border-bottom: none;
}

.ie6 form p {
margin:0;
clear:none;
}
.ie6 .colclear {
height: 1px;
font-size: 1px;
}

body.ie7  {
padding-top: 70px;
}

.ie7 #bg-container {
padding: 0 20px;
}

.ie7 #branding {
position: absolute;
left: 20px;
}