*
{
  margin:0;
  padding:0;
}

html, body
{
  height:100%;
}

body
{
	background:#FFF url(bg_verlauf.jpg) repeat-x top;
  color:#444466;
  font:10pt/12pt Arial, Helvetica, sans-serif;
  text-align:center; /* horizontal centering for IE Win quirks */
}

table
{
  color:#444466;
  font:10pt/12pt Arial, Helvetica, sans-serif;
}

#distance
{
  width:1px;
  height:50%;
  margin-bottom:-281px; /* half of container's height */
  float:left;
}

#container
{
  margin:0 auto;
  position:relative; /* puts container in front of distance */
	background:#9CF url(main_bg.jpg) no-repeat;
  text-align:left;
  height:560px;
  width:760px;
  clear:left;
  background-color:#9CF;
  border:1px solid #69C;
}

#container_os
{
  margin:0 auto;
  position:relative; /* puts container in front of distance */
	background:#9CF url(bg_onlineserver.jpg) no-repeat;
  text-align:left;
  height:560px;
  width:760px;
  clear:left;
  background-color:#9CF;
  border:1px solid #69C;
}

#container_ks
{
  margin:0 auto;
  position:relative; /* puts container in front of distance */
	background:#9CF url(bg_kundenserver.jpg) no-repeat;
  text-align:left;
  height:560px;
  width:760px;
  clear:left;
  background-color:#9CF;
  border:1px solid #69C;
}

#header
{
  position:absolute;
  top:0;
  left:0;
  height:70px;
	width:760px;
}

#contentbox
{
  position:absolute;
  top:70px;
  left:0;
	border-top:1px solid #69C;
	width:760px;
	height:470px;
}

#navbox
{
  position:absolute;
  top:0;
  left:0;
	border-right:1px solid #69C;
	overflow:hidden;
	width:120px;
	height:470px;
}

#box_oben
{
  position:absolute;
  top:70px;
  left:0;
	border-right:1px solid #69C;
	border-top:1px solid #69C;
	overflow:auto;
	padding:5px;
	width:690px;
	height:380px;
}

#box_unten
{
  position:absolute;
  bottom:0;
  left:0;
	border-top:1px solid #69C;
	border-right:1px solid #69C;
	overflow:hidden;
	padding:5px;
	width:690px;
	height:80px;
}

#content
{
  position:absolute;
  top:0;
  left:120px;
	overflow:hidden;
	width:570px;
	height:460px;
	margin:5px;
}

#slogan
{
  position:absolute;
  top:0;
  left:700px;
	width:60px;
	height:470px;
	border-left:1px solid #69C;
}

#footer
{
  position:absolute;
  top:540px;
  left:0;
	border-top:1px solid #69C;
	font-size:10px;
	line-height:18px;
	text-align:right;
	width:760px;
	height:20px;
}

#bildcontainer
{
  position:absolute;
  top:100px;
  left:100px;
	display:none;
}

#angebot
{
	margin:18px 0;
}

#angebot li
{
	margin:4px 0;
	padding-left:5px;
	list-style-type:square;
	border-bottom:1px solid #69C;
	border-left:10px solid #69C;
}

#tr_express
{
	display:none;
}

#os_table
{
	width:99%;	
}

#os_table th
{
	border-bottom:1px solid #69C;
	border-right:1px solid #69C;
	padding:4px;
}

#os_table td
{
	border-bottom:1px solid #69C;
	border-right:1px solid #69C;
	padding:4px;
}

a:link span, a:visited span, a:active span, a:focus span
{
	display:none;
	font-weight:normal;
}

#angebot li a:hover, #preisfeld a:hover, #layoutfeld a:hover, .marginfeld a:hover, #anschnittfeld a:hover
{
  text-indent:0; /* Workaround fuer IE 5.5 und 6 */
}

#angebot li a:hover span, #preisfeld a:hover span, #layoutfeld a:hover span, .marginfeld a:hover span
{
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	padding:2px 2px 2px 5px;
	width:552px;
	border:1px solid #369;
	border-left:10px solid #369;
	background-color:#79C;
	color:#FFF;
}

#angebot li a:hover strong, #preisfeld a:hover strong, #layoutfeld a:hover strong, .marginfeld a:hover strong
{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:566px;
	height:150px;
	border:2px solid #FFF;
	background-color:#FE9;
	color:#125;
}

a#hover1:hover strong { background-image:url(ang_flyer.jpg); }
a#hover2:hover strong { background-image:url(ang_briefpapier.jpg); }
a#hover3:hover strong { background-image:url(ang_visiten.jpg); }
a#hover4:hover strong { background-image:url(ang_kalender.jpg); }
a#hover5:hover strong { background-image:url(ang_brosch.jpg); }
a#hover51:hover strong { background-image:url(ang_karten.jpg); }
a#hover6:hover strong { background-image:url(ang_textil.jpg); }
a#hover7:hover strong { background-image:url(ang_grafik.jpg); }
a#hover8:hover strong { background-image:url(ang_cds.jpg); }
a#hover9:hover strong { background-image:url(ang_bindungen.jpg); }

#anschnittfeld a:hover span
{
	display:block;
	position:absolute;
	bottom:10px;
	left:0;
	width:400px;
	border:0;
}

.fragezeichen
{
	background-color:#CEF;
	border:1px solid #369;
}

#anschnittfeld
{
	padding-top:2px;
}

.navmenu img
{
	border:1px solid #369;
}

.imptable td
{
  padding-right:8px;
}

.navmenu li
{
	list-style:none;
	margin:10px 9px;
}

.menu
{
	margin-left:210px;
	margin-top:27px;
}

.menu li
{
	display:inline;
	list-style:none;
	padding:2px;
}

.menu a:link,.menu a:visited
{
	background-color:transparent;
	border:1px solid #69C;
	border-left:10px solid #69C;
	color:#369;
	font-weight:700;
	padding:2px 5px;
	text-decoration:none;
}

.menu a:hover,.menu a:active,.menu a:focus
{
	background-color:#CEF;
	border:1px solid #69C;
	border-left:10px solid #69C;
	color:#036;
	font-weight:700;
	padding:2px 5px;
	text-decoration:none;
}

.headline
{
	background-color:#79C;
  font:10pt/12pt Arial, Helvetica, sans-serif;
  text-align:left;
	border:1px solid #369;
	border-left:10px solid #369;
	color:#FFF;
	font-weight:700;
	padding:2px 2px 2px 5px;
	margin:5px 0 15px;
	width:552px;
}

.headline_os
{
	background-color:#79C;
  font:10pt/12pt Arial, Helvetica, sans-serif;
  text-align:left;
	border:1px solid #369;
	border-left:10px solid #369;
	color:#FFF;
	font-weight:700;
	padding:2px 2px 2px 5px;
	margin:5px 0 15px;
	width:97%;
}

a:link,a:visited
{
	color:#369;
	text-decoration:none;
}

a:hover,a:active,a:focus
{
	color:#000;
	text-decoration:none;
}

.leftalign
{
  text-align:left;
}

.rightalign
{
  text-align:right;
}

.centeralign
{
  text-align:center;
}

.klein
{
  font-size:10px;
  line-height:10px;
}

.bildrahmen
{
	border:8px solid #369;
}

.formtable
{
	font-weight:700;
}

form img
{
	border:0;
}

.formtablespalte, #layoutfeld
{
	width:100px;
	text-align:left;
}

#layoutfeld
{
	width:100px;
	text-align:left;
	padding:10px 0;
}

.marginfeld, .hiddenmenge
{
	padding-top:2px;
}

#bestelltable
{
	font-weight:700;
	width:570px;
	table-layout:fixed;
  text-align:right;
}

#bestelltable img
{
	border:0;
}

.carttable
{
	width:570px;
	background-color:#369;
}

.carttable td
{
	background-color:#FFF;
	padding:3px;
  text-align:center;	
	width:70px;
}

.carttable th
{
	background-color:#CEF;
	padding:3px;
	font-weight:700;
  text-align:center;	
}

#cartartikel
{
  text-align:left;	
	width:200px;
  font:8pt/10pt Arial, Helvetica, sans-serif;
}

.cartpreis
{
	color:#C00;
	font-weight:700;	
}

.eingabefeld
{
	width:270px;
	border:1px solid #369;
	margin:5px 14px 20px 0;
}

.eingabefeld:hover, .datenfeld:hover, .datenfeld:focus
{
  background-color:#CEF;
}

.eingabefeld2
{
	width:270px;
	border:1px solid #369;
	margin:5px 14px 5px 0;
}

.eingabefeld2:hover
{
  background-color:#CEF;
}

.datenfeld
{
	width:160px;
	border:1px solid #369;
	margin:1px;
}

.feldklein
{
  font-size:11px;
  line-height:12px;
	font-weight:500;	
}

.submitbutton
{
	width:160px;
}

#mengefeld
{
	width:100px;
  border:1px solid #369;
	margin:5px 14px 20px 0;
	color:#AAA;
}

#mengefeld:focus
{
	width:100px;
  border:1px solid #369;
	margin:5px 14px 20px 0;
  background-color:#CEF;
	color:#AAA;
}

#anzahlfeld
{
	width:100px;
  border:1px solid #369;
	margin:5px 14px 15px 0;
}

#anzahlfeld2
{
	width:100px;
  border:1px solid #369;
	margin:3px 14px 5px 0;
}

#anzahlfeld:focus
{
  background-color:#CEF;
}

#anzahlfeld2:focus
{
  background-color:#CEF;
}

.hiddenmenge, #bestellfeld, #sendebutton
{
	visibility:hidden;
}

#preisfeld
{
	visibility:hidden;
  vertical-align:top;
}

#preisformat
{
  color:#C00;
  font-size:20px;
  font-weight:700;
  border:0;
  margin:2px 0;
  background-color:transparent;
}

.input_format
{
	width:270px;
  color:#444466;
  font:10pt/12pt Arial, Helvetica, sans-serif;
  font-weight:700;
  border:0;
  background-color:transparent;
}

.nurlesen
{
  color:#999;
  border:0;
  background-color:transparent;
}