/* layout body + centering */
body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-align:center;
}

#frame {
	width:740px;
	margin-right:auto;
	margin-left:auto;
	margin-top:20px;
	margin-bottom:0px;
	padding:0px;
	text-align:left;
}

#boxleft {
	float:left;
	width:580px;
	padding:0px;
	margin:0px;
}
	
#spacer {
	float:left;
	width:20px;
	padding:0px;
	margin:0px;
}
	
#boxright {
	float:left;
	width:140px;
	padding:0px;
	margin:0px;
}

.printsgif {
	border: 1px solid grey;
	padding: 1px;
	margin-bottom: 2px;
}

/* styles startseite */
.startimg {
	float:left;
}

.langstart {
	width:600px;
	margin:0px;
	float:left;
	padding:5px 0px;
	font-size:10px;	
}

.logostart {
	width:140px;
	margin:0px;
	float:right;
}

/* styles contentbereich */
#head {
	padding:0px;
	margin-bottom:20px;
}

#calculator {
	margin-left:10px;
	text-align:left;
}

#content {
	padding:0px;
	margin:0px;
}

#content h1 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	font-size:16px;
	color:#666666;
	margin:25px 5px 10px 15px;
}

#content h2 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	font-size:14px;
	color:#666666;
	margin:25px 5px 5px 15px;
}

#content h3 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	font-size:13px;
	margin:15px 5px 10px 15px;
}

#content h4 {
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	font-size:12px;
	margin:15px 5px 2px 15px;
}

#content h5 { /* nur für shop */
	font-family:Helvetica, Arial, sans-serif;
	font-weight:bold;	
	font-size:13px;
	margin:20px 5px 0px 15px;
	border-bottom:1px dotted #666666;
}

#content p {
	line-height:17px;
	margin:0px 5px 10px 15px;
}

#content li {
	line-height:16px;
	list-style-type:circle;
}

#content .linie {
	border-top:1px dotted #666666;
	margin:5px 5px 5px 15px;
}

#content strong { color:#999966; }

/* styles spalte rechts */
#logo {
	width:140px;
}

#blog {
	width:140px;
	margin-top:200px;
	margin-bottom:10px;
	text-align:left;
}

#quicklinks {
	width:139px;
	margin:0px;
	padding:3px 0px;
	text-align:right;
	font-size:10px;
	border-top:1px dotted #666666;
}

#quicklinks img {
	vertical-align:text-bottom;
}

#lang {
	width:139px;
	margin-top:170px;
	padding:3px 0px;
	text-align:right;
	font-size:10px;
}

/* fuss */
#footer {
	width:740px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	text-align:left;
	font-size:10px;
	border-top:1px dotted #666666;
}

/* list subnavigation */
ul.mainnav {
	list-style:none; 
	margin:0px;
	padding:0px;
}
		
ul.mainnav li {
	display:block;
	margin:0px;
	padding:0px;
}

ul.mainnav li a {
	display:block;
	margin:0px;
	padding:4px 2px 2px 10px;
	font-size:10px;
	line-height:12px;
	text-decoration:none;
	width:126px;
	color:#000000;	
	background-color:#FFFFFF;
	border-right:1px dotted #FFFFFF;	
	border-left:1px dotted #666666;
	border-bottom:1px dotted #666666;
}

ul.mainnav li a:hover, ul.mainnav li .active {
	background-color:#999966;
	color:#FFFFFF;
	text-decoration:none;	
	border-left:1px dotted #666666;	
	border-bottom:1px dotted #666666;
}

ul.subnav {
	list-style:none; 
	margin:0px;
	padding:0px;
}
		
ul.subnav li {
	display:block;
	margin:0px;
	padding:0px;
}

ul.subnav li a {
	display:block;
	margin:0px;
	padding:2px 2px 2px 17px;
	font-size:10px;
	line-height:11px;
	text-decoration:none;
	width:119px;
	background-color:#E7EFF6;
	background-image:url(/image/list.gif);
	background-repeat:no-repeat;
	background-position:left;	
	border-left:1px dotted #000000;	
	border-right:1px dotted #000000;	
	border-bottom:1px dotted #000000;
}

ul.subnav li a:hover {
	background-color:#FFCC99;
	background-image:url(/image/list.gif);
	background-repeat:no-repeat;
	background-position:left;	
	color:#000000;
	border-bottom:1px dotted #000000;
}

ul.subnav li .active {
	background-color:#6699CC;
	background-image:url(/image/list_f2.gif);
	background-repeat:no-repeat;
	background-position:left;	
	color:#FFFFFF;
	border-bottom:1px dotted #000000;
}

/* div dropdown-auswahl shop*/
#subnav2 {
	text-align:right;
	padding:0px;
	margin:0px 0px 0px 15px;
	border-top:1px dotted #666666;
}

/* styles dropdown-auswahl shop */
#subnav2 select {
	font-size:11px;
	background:#666666;
	color:#FFFFFF;
	margin:5px 5px 0px 0px;
}

#subnav2 select:focus {
	font-size:11px;
	background:#FFCC99;
	color:#000000;
	margin:5px 5px 0px 0px;
}

/* formularfelder */
input, textarea, select { font-size:11px; border:1px solid #999999; background:#EEEEEE; color:#000000; padding:1px; }
input:focus, textarea:focus, select:focus { font-size:11px; border:1px solid #999999; background:#FFCC99; color:#000000; padding:1px; }

/* layer subnav */
#subnavlayer { margin:0px; padding:0px; }
#ddfashion, #ddurban_tools, #ddpresenting, #ddshop, #ddservices, #ddabout, #dd40jahre, #ddkitchener_plus { position:absolute; width:140px; margin-top:20px; }

/* shop tabelle szenen */
.szene { margin:30px 5px 10px 15px; }
.szene table { width:560px; }
.szene td { text-align:center; font-size:11px; vertical-align:bottom; }
.szene img { margin-top:10px; margin-bottom:30px; }

/* shop artikelauflistung */
.artikelanzahl { font-size:10px; text-align:right; padding:0px; margin:0px 0px 0px 15px; border-top:1px dotted #666666; }
.artikelnav { font-size:11px; font-weight:bold; text-align:right; padding:0px; margin:20px 0px 0px 15px; border-top:1px dotted #666666; }
.artikelnav a { margin-left:20px; }
.artikelbox { width:560px; margin:10px 5px 0px 15px; }
.artikelbild { width:220px; vertical-align:top;	border:1px dotted #999999; }
.artikelbild:hover { border:1px solid #999999; }
.artikeltext { width:100%; padding:0px 10px 0px 10px; line-height:16px; vertical-align:bottom; }
.artikeltext div { padding:3px 2px; border-bottom:1px solid #999999; }
.artikelpreis { font-weight:bold; padding-top:4px; border-bottom:1px solid #666666; text-align:right; background-color:#EEEEEE; text-decoration:none; }
.artikelpreisalt { font-weight:bold; padding-top:4px; border-bottom:1px solid #666666; text-align:right; background-color:#FFFFFF; text-decoration:line-through; }
.artikelbuy { width:60px; text-align:right; vertical-align:bottom; }
.artikelnummer { font-size:10px; color:#666666; }

/* mouseovers */
a {	color:#999966; text-decoration:none; }
a:hover { color:#000000; text-decoration:none; }
.active { color:#000000; text-decoration:none; }
#content a { color: #999966;	text-decoration:none; }
#content a:hover { color:#000000; text-decoration:none; }
a.popup img { border:1px solid #FFFFFF; }
a.popup img:hover { border:1px solid #999966; }

/* tabellen contentbereich */
#content .tablenormal {	margin:10px 5px 10px 15px; }
table.tablenormal { width:560px; }
.tablenormal td { line-height:17px; padding:3px 10px 3px 0px; }

#content .twl {	margin:10px 5px 10px 15px; }
table.twl { width:560px; text-align:left; }
.twl td { line-height:17px; padding:3px 10px 3px 0px; border-bottom:1px dotted #CCCCCC; }
.twl .small { font-size:10px; margin:10px 0px; }

#content .tablenormalsmall { margin:10px 5px 10px 15px; }

#content .tableline { margin:10px 5px 10px 15px; }
table.tableline { width:560px; text-align:center; border-left:1px solid #999999; border-bottom:1px solid #999999; }
.tableline th {	font-size:10px; font-weight:bold; padding:5px 0px; border-right:1px solid #999999; }
.tableline td {	line-height:17px; padding:2px 0px; border-right:1px solid #999999; }

#content .tablelinesmall { margin:10px 5px 10px 15px; }
table.tablelinesmall { width:300px; }
.tablelinesmall td { line-height:17px; padding:2px 10px 2px 0px; border-bottom:1px solid #999999; }

#content .tablecentered { margin:10px 5px 20px 15px; }
table.tablecentered { border-top:1px dotted #999999; border-left:1px dotted #999999;  }
.tablecentered td { width:110px; text-align:center; padding:5px 1px; border-right:1px dotted #999999; border-bottom:1px dotted #999999; }

/* bilder + bild-div content-bereich */
.imgcontainer {
	margin:0px 5px 0px 15px;
}

img.illu {
	float:right;
	margin-left:5px;
}

img.fotolinks {
	float:left;
	margin:5px 15px 5px 0px;
}

img.fotorechts {
	float:right;
	margin:5px 0px 5px 15px;
}

/* galerie-tabelle vertikal rechts */
.fotoyrechts {
	margin:0px 5px 0px 15px;
}

.fotoyrechts table {
	float:right;
	margin:5px 0px 10px 10px;
}

.fotoyrechts td {
	text-align:right;
}

.fotoyrechts img {
	margin:0px 0px 10px 10px;
}

/* galerie-tabelle vertikal links */
.fotoylinks {
	margin:0px 5px 0px 15px;
}

.fotoylinks table {
	float:left;
	margin:5px 10px 10px 0px;
}

.fotoylinks td {
	text-align:left;
}

.fotoylinks img {
	margin:0px 10px 10px 0px;
}


/* galerie-tabelle horizontal centered */
.fotox {
	clear:both;
	margin:20px 5px 10px 15px;
}

.fotox table {
	width:560px;
}

.fotox td {
	text-align:center;
	font-size:9px;
	vertical-align:middle;
}

.fotox img {
	margin-bottom:10px;
}
	
.fotoxbox {
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
}

/* image-tabelle horizontal left */
.fotoxleft {
	clear:both;
	margin:10px 5px 10px 15px;
}

.fotoxleft table {
	width:560px;
}

.fotoxleft td {
	text-align:left;
	font-size:10px;
	vertical-align:top;
	padding-bottom:5px;
}

.fotoxleft .centered {
	text-align:center;
}

.fotoxleft div {
	margin-top:10px;
	text-align:left;
	font-size:10px;
	line-height:16px;
}

.fotoxleft img {
	margin-top:5px;
}

/* cityguide db-einträge */
#cityguide {
	line-height:17px;
	margin:0px 5px 10px 15px;
}

#cityguide .titel {
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
	color:#666666;
	font-weight:bold;
	border-bottom:1px dotted #666666;
	margin:20px 0px 5px 0px;
}

#cityguide .address {
	font-size:11px;
	margin:0px;
}

#cityguide .comment {
	font-size:11px;
	margin:5px 0px 10px 0px;
	background-color:#EEEEEE;
	padding:5px 0px;
	border-top:1px dotted #666666;
	border-bottom:1px dotted #666666;
}

/* glossar textbox */
.glossar {
	padding:3px;
	text-align:left;
	line-height:14px;
	background-color:#EEEEEE;
	border:1px dotted #666666;
	margin:0px 5px 0px 15px;
}

/* brands textbox */
.brands {
	padding-top:10px;
	margin:0px 5px 0px 15px;
	clear:both;
}

.brands img {
	border-top:1px dotted #000000;
	border-bottom:1px dotted #000000;
	margin:5px 0px;
}

img.brandlogo {
	float:left;
	margin:5px 15px 5px 0px;
	border:1px dotted #999999;
}

.brandurl {
	border-right:1px dotted #000000;
	padding:0px 5px 0px 0px;
	line-height:20px;
}



/* shop display detailseiten */
.shopdisplayimage { float:left; margin:0px 5px 0px 15px; }
ul.displayitems { list-style:none; padding:180px 0px 20px 0px; margin:0px 5px 0px 15px; }
ul.displayitems li { display:block;	margin:0px;	padding:0px; }
ul.displayitems li a { display:block; margin:0px; padding:3px; text-decoration:none; border-bottom:1px dotted #000000; }
ul.displayitems li a:hover { background-color:#FFCC99; text-decoration:none; }
ul.displayitems li em { color:#000000; text-decoration:none; }

/* formular table */
#formular {	width:500px; margin:0px 5px 0px 15px; }
#formular td.label { width:150px; text-align:right; vertical-align:top; padding:4px; }
#formular td.field { width:350px; text-align:left; vertical-align:top; padding:4px; }
#formular .field240 { width:240px; }
#formular .field40 { width:40px; }

/* styles lang_file.txt */
.error { margin-bottom:10px; font-size:11px; font-weight:bold; color:#CC0000; }
.success { margin-top:20px; margin-bottom:20px; font-size:11px; font-weight:bold; color:#000000; }