html
  { overflow: hidden; height: 99%;}
                         
body  { color: #ccc; font-size: 10px; font-family: Verdana, sans-serif; background-color: gray; text-align: center; margin: 0; padding: 0; height: 99% }

* {
	text-align: left;
}

.list
  { margin: 5px; border-top: 1px solid white; border-bottom: 1px solid white; }


/* === Containers === */


#first_container
   { display: table; margin: 0 auto; position: relative; width: 1000px; height: 100%; }

#second_container {
	position: absolute;
	top: 50%;
	width: 100%;
	vertical-align: middle;
}

#third_container {
	background-color: #000000;
	background-image: url(images/back.jpg);
	background-repeat: no-repeat;
	position: relative;
	top: -325px;
	width: 1000px;
	height: 650px;
	border: solid 1px white;
}


/* === Menu === */


#nav    
    { position: absolute; z-index: 97; left: 180px; height: 90px; border-left: 1px solid white }

#logo 
   { background-image: url(images/logo.jpg); position: absolute; top: 0; left: 0; width: 180px; height: 107px }

#menu
    { font-size: 14px; font-family: Times; font-variant: small-caps; font-weight: bold; margin: 0 15px 0 0; padding: 0; z-index: 98 }
   
#menu li
   { display: inline; position: relative; z-index: 98; top: 78px; left: 15px }

#menu a
  { text-decoration: none }

#menu a:link, #menu a:visited
  { color: gray }

#menu a:hover, #menu a:active
  { color: #ffffff; }

#menuselected
   { color: #cccccc; margin: 0 15px 0 0 }


/* === Sub Menu === */
ul {
	list-style-type: none;
}

#submenu {
	font-variant: small-caps;
	text-align: left;
	margin: 0;
	padding: 0;
	z-index: 102;
	position: relative;
	top: -7px;
	left: 20px;
}

#submenu li { text-align: left; }
#submenu ul { padding-left: 20px; }
#submenu a { text-decoration: none; line-height: 25px; text-align: left;font-size: 14px; font-family: Times; }

#submenu a:link, #submenu a:visited { color: gray }

#submenu a:hover, #submenu a:active { color: #ffffff; }

#submenuselected
   { color: #cccccc; text-decoration: none; text-align: left; margin: 0; padding: 0; }
/* #submenuselected li { text-align: left; display: block; position: relative; top: -17px; } */


/* === Sub Sub Menu === */

#subsubmenu { line-height: 25px; text-align: left; display: block; margin: 0; padding: 0 }
/*#subsubmenu li { text-align: left; display: block; margin: 0; padding: 0 }*/
#subsubmenuselected  { color: #ccc;  }
/* #subsubmenuselected li { text-align: left; display: block; position: relative; top: -17px; } */
   
/* === Other Divs === */
 

.border {
	background-repeat: no-repeat;
	background-position: left 50%;
	text-align: left;
	padding: 0 15px 15px 180px;
	position: relative;
	z-index: 0;
	top: 125px;
	height: auto;
}

.subnav
   { margin: 0; padding: 0; position: absolute; top: 126px; left: 0; width: 180px; height: 525px; border-right: 1px solid white; }

.content
  { padding: 7px; position: relative; top: 10px; overflow: auto }
.content_zh2 {
	background-image: url(images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
#content_einzug { position: absolute; z-index: 99; top: 0; left: 250px; width: 350px; }

#content_text {
	z-index: 99;
	width: 400px;
	text-align: left;
}

#content_text a {
color:#fff;
text-decoration: none;
}

#content_text a:hover {
color:#ccc;
text-decoration: underline;
}

#content_text_2 { text-align: left; position: absolute; z-index: 99; top: 0; left: 0; width: 540px; }
#content_text_3 { text-align: left; position: absolute; z-index: 99; top: 0; left: 0; width: 780px; }

#schaufenster {
	position: absolute;
	top: 170px;
	z-index: 99;
	left: 0px;
	width: 520px;
}

#content_bilder {
	position: absolute;
	top: 0;
	z-index: 99;
	left: 420px;
	width: 236px;
}
#content_bilder_ad { position: absolute; z-index: 99; top: 25px; left: 540px; width: 236px }
#content_bilder_hq { position: absolute; top: 0px; left: 0; background-color: #000000; background-image: url(images/back.jpg); background-repeat: no-repeat;}
#content_bilder_sp1 { position: absolute; top: 0; left: 0; z-index: 99; width: 220px; }
#content_bilder_sp2 { position: absolute; z-index: 99; top: 0; left: 270px; width: 220px; }
#content_bilder_sp3 { position: absolute; z-index: 99; top: 0; left: 540px; }
#content_inhalt_sp1 { position: absolute; z-index: 99; top: -20px; left: -30px; width: 220px; }
#content_inhalt_sp2 { position: absolute; z-index: 99; top: -20px; left: 175px; width: 220px; }
.bilder_text { position: relative; left: 3px; }
.bilder_text_bold { font-weight: 700; position: relative; left: 3px; }
#content_inhalt_sp1 li { line-height: 3; border-bottom: 1px solid gray; display: block; }
#content_inhalt_sp2 li { line-height: 3; display: block; border-bottom: 1px solid gray; }
#content_inhalt_sp1 a {color: gray; font-weight: 700; text-decoration: none;}
#content_inhalt_sp1 a:hover { color: white; font-weight: 700; text-decoration: none; }
#content_inhalt_sp2 a:hover { color: white; font-weight: 700; text-decoration: none; }
#content_inhalt_sp2 a { color: gray; font-weight: 700; text-decoration: none; }
#gallery { position: relative; top: 125px; left: 0; width: 1000px; height: 520px; z-index: 98; }
#gallerynav1  { position: absolute; z-index: 102; top: 627px; right: 20px; width: auto; height: 20px }
#gallerynav2  { position: absolute; z-index: 200; top: 100px; right: 20px; width: auto; height: 20px }
.content_home  { position: absolute; z-index: 97; right: 0 }
.content_bs2 {
	background-image: url(images/hg_bl.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_schreiben2 {
	background-image: url(images/hg_katalog.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
	top: 0px;
}
.content_produkte2 {
	background-image: url(images/hg_pd.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	top: 0;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_schreibkultur2 {
	background-image: url(images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_druckkultur2 {
	background-image: url(images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}
.content_kontakt2 {
	background-image: url(images/hg_zh.jpg);
	background-repeat: no-repeat;
	padding: 0;
	position: relative;
	left: 15px;
	height: 525px;
	overflow: auto;
}




.image
  { text-align: left; position: relative; z-index: 1; top: 0px; height: auto; float: left; left: -42px; }



/* === Inline Text Styles === */

h1, h2, h3, h4 { margin:0 0 10px 0; }
h1
  { color: #ffffff; font-size: 16px; font-family: Times; font-variant: small-caps;}
  h2
  {
	color: #333333;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
	font-style: normal;
}
   h2 a
  {
	color: #666666;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
}
 h2 a:hover
  {
	color: #999999;
	font-size: 12px;
	font-family: Times;
	font-variant: small-caps;
	font-weight: normal;
}
#katalog_tb { position: absolute; top: 33px; left: 400px; width: auto; z-index: 1; }
.details
  { display: none; font-size: 9px; color: #6E7468; }

.text
  { display: block; padding-left: 5px }

.text a
  { color: #ffffff; text-decoration: none; font-weight: bold; }

.text a:hover, .text a:active
  { color: #CCCCCC; }

blockquote
  { padding-left: 5px }

.note
  { color: #555555; display: block }
.generationen_selected {
	color: #FFFFFF;
}

.bold
  { font-weight: bold; }
.class { }

.date { }
.event {
	left: 40px;
	top: -12px;
	width: 360px;
	position: relative;
	margin-bottom: -5px;
}

/* depreciated ? */
#history1 {
	text-align: left;
	position: relative;
	width: 40px;
	float: left;
	margin-top: -5px;
	margin-bottom: -5px;
}

/* depreciated ? */
#history2 {
	position: relative;
	left: 50px;
	overflow: auto;
	margin-top: -5px;
	margin-bottom: -5px;
}
#hg_generation1,
#hg_generation2,
#hg_generation3,
#hg_generation4,
#hg_generation5 {
	background-position: 10px 0;
	background-repeat: no-repeat;
}
#hg_generation1{
	background-image: url(images/hg_gen1.jpg);
	height: 525px;
	overflow: auto;
}
#hg_generation2{
	background-image: url(images/hg_gen2.jpg);
	height: 525px;
	overflow: auto;}
#hg_generation3 { background-image: url(images/hg_gen3.jpg); height: 525px; overflow: auto }
#hg_generation4 { background-image: url(images/hg_gen4.jpg); height: 525px; overflow: auto }
#hg_generation5 { background-image: url(images/hg_gen5.jpg); height: 525px; overflow: auto }

#impressum { position: relative; top: 20px; left: 650px; z-index: 3; width: 146px; height: 120; }
#impressum2 { position: relative; top: 110px; left: 513px; z-index: 3; width: 182px; height: 114; }
#impressum3 { position: relative; top: 206px; left: 280px; z-index: 2; width: 183px; height: 117; }
#impressumtxt { text-align: left; position: relative; top: 36px; right: -390px; z-index: 3; color: #FFF000; }

#undknup {
left: 816px;
position:absolute;
top: 12px;
width:10px;
z-index:1;

}

.footer {
	color: white;
	text-align: right;
	margin-top: 5px;
	position: relative;
	top: 110px;
	z-index: 2;
}

.footerh {
	color: white;
	text-align: right;
	margin-top: 5px;
	position: relative;
	top: 635px;
	z-index: 2;
}