/* CSS Document */

/* -------- Basis -------- */
html {
	height: 100%;
	margin-bottom: 10px;
}
body {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #999999;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	text-align: center;
}
#inhalt td {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height: 16px; 
	color: #444444;
}
a {
	text-decoration:none;
}
table#inhalt {
	/* background:url("../abb/inhalt-bg.gif") repeat-y; */
}

/* -------- Typografie -------- */
strong {
	font-weight:bold;
}

#inhalt h1 {
	font-weight:bold;
	font-size:11px;
	margin:0 0 0.5em 0;
}
#inhalt h2 {
	font-weight: bold;
	font-size: 11px;
	margin: 0 0 0.5em 0;
}
#inhalt .produkt {
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:18px;
	letter-spacing:1px;
	line-height:20px;
	margin:0 0 0.5em 0;
}
#inhalt p.info {
	font-size:9px;
	line-height:14px;
}
#inhalt p.autor {
	font-size:9px;
	line-height:14px;
	margin-bottom: 2px;
}
#inhalt span.klein {
	font-size:9px;
}
#inhalt span.preis {
	font-size:9px;
	line-height:12px;
}
#inhalt p.hsgb {
	font-size:9px;
	line-height:14px;
}
#inhalt h3 {
	font-weight:bold;
	font-size:11px;
	margin:0.5em 0 0 0;
}
p {
	margin:0 0 0.5em 0;
}
p.achtung {
	font-weight:bold;
	color:#CC0000; 
}
p.zitat {
	font-style:italic;
}
p.von {
	font-weight:bold;
	margin:0;
	padding:0;
}
p.pos {
	margin:0 0 1.0em 0;
	padding:0;
}
img#texttop {
	vertical-align:text-bottom;
}
#inhalt a:link,
#inhalt a:visited {
	font-weight:bold;
	color:#666666;
}
#inhalt a:hover,
#inhalt a:active {
	text-decoration:underline;
}

#zab05em {
	margin:0;
	padding:0;
	font-size:1px;
	line-height:0.5em;
}
#inhalt ul {
	margin:0;
	padding:0px;
	text-align:left;
	border:0;
}
#inhalt ul li {
	/* list-style:url(../abb/punkt.gif) outside; */
	list-style-type:disc;
	list-style-position:outside;
	margin:0 0 0.5em 16px;
	padding:0;
}
.right {
	text-align:right;
}

#inhalt p.bu {
	margin-top: 2px;
	font-size: 9px;
	line-height: 12px;
}

#inhalt .p_inhalt p {
	margin-left: 12px;
	text-indent: -12px;
}

/* -------- Menue und Navigation -------- */
#rightmenu {
	float:right;
}
#leftmenu {
	float:left;
}

#menu {
	padding:0 12px 0 10px;
	background: url("../abb/menu-bg.gif") no-repeat;
	height:23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	/* anscheinend beste Loesung: */
	line-height:22px;
}
#menu ul {
	list-style:none;
	margin:0;
	padding:0;
}
#menu li {
	display:inline;
}
#menu a:link,
#menu a:visited {
	text-decoration:none;
	color:#666666;
}
#menu a:hover,
#menu a:active {
	text-decoration:none;
	background-color:#ffffff;
}

#listmenu {
}
#listmenu ul {
	margin:0;
	padding:0;
	text-align:left;
	border:0;
}
#listmenu ul li {
	list-style:none;
	background: url(../abb/aufz.gif) 0 -1px no-repeat;
	margin:0 0 0.5em 0;
	padding:0 5px 0 12px;
	font-size:10px;
}

#navi {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	line-height:21px;
	color:#999999;
	padding:1px 12px 0px 10px;
}
#navi ul {
	list-style:none;
	margin:0;
	padding:0;
}
#navi li {
	display:inline;
}
#navi a:link,
#navi a:visited {
	text-decoration:none;
	color:#999999;
}
#navi a:hover,
#navi a:active {
	text-decoration:underline;
	color:#666666;
}
#navi li#current {
	color:#666666;
}
#menu li#current {
	color:#666666;
}

/* -------- Layout -------- */
#zentrieren {
	/* Außen-Breite der Box: */
	width:953px;
	/* Reihenfolge: top, right, bottom, left.
	   horizontal zentrieren in allen konformen Browsern: */
	margin:0 auto;
	padding:0;
	text-align:left;
}
#header {
	width:953px;
	margin:0;
	padding:0;
}
#header img {
	display:inline;
}
#main-box {
	width:953px;
	margin:7px 0 0 0;
	padding:0;
	background:url("../abb/inhalt-bg.gif") repeat-y;
}
#footer {
	background: #999999 url(../abb/footer.gif) top left no-repeat;
	height: 50px;
}
#footer p.spl {
	padding-top: 2px;
	text-align: center;
	font-weight: normal;
	color: #333333;
}
#footer p.spl a, #footer p.spl a:link, #footer p.spl a:visited, #footer p.spl a:hover, #footer p.spl a:active {
	font-weight: normal;
	color: #333333;
}
#footer p.spl a:hover {
	text-decoration: underline;
}

/* -------- Bestellformular -------- */
div#bestellformular input.nme {
	width:240px;
}
div#bestellformular input.str {
	width:240px;
}
div#bestellformular input.plz {
	width:50px;
}
div#bestellformular input.ort {
	width:186px;
	_width:184px;
}
div#bestellformular input.btt {
	vertical-align:middle;
}
div#bestellformular input.smb {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:11px;
	font-weight:bold;
	vertical-align:middle;
	margin-top: 12px;
	padding: 5px 20px 5px 20px;
}
div#bestellformular input.ret {
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size:10px;
	font-weight:bold;
	vertical-align:middle;
	margin-top:25px;
	padding: 0 3px 0 3px;
	display:block;
}
div#bestellformular input.anz {
	width:30px;
	vertical-align:middle;
}
div#bestellformular textarea {
}
div#bestellformular fieldset {
	border:1px solid #999999;
	padding:10px 10px 14px 10px;
}
div#bestellformular fieldset legend {
	font-weight:bold;
	line-height:30px;
}
div#bestellformular td.formlabel {
	
}
div#bestellformular td span.achtung {
	font-weight:bold;
	color:#CC0000; 
}
/* CSS 2.0 */
input[disabled] { background-color:#E5E4E3; }

div#kartenmenuefallback {
	width:695px;
	height:36px;
	background-image:url(../abb/kartenmenue-balken.gif);
}
div#kartenmenuefallback p {
	font-size:10px;
	font-weight:bold;
	line-height:11px;
	color:#666666;
	padding-top:1px;
	padding-left:9px;
}
div#kartentext h3 {
	font-size:16px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:4px;
}
div#kartentext h1 {
	font-size:12px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:2px;
}
div#kartentext h2 {
	font-size:10px;
	font-weight:normal;
	margin-top:0px;
	margin-bottom:10px;
	line-height:15px;
}

/* ----- mapmenu ----- Stadtatlas Nürnberg ----- */

ul#mapmenu {
	position:relative;
	width: 930px;
	background: #D0D0D0;
	margin:0;
	padding:0;
	list-style-type:none;
	height:27px;
	border-bottom: 1px solid #999999;
}
ul#mapmenu a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	display: block;
	line-height: 11px;
	margin: 0;
	padding: 2px 5px 3px 6px;
	color: #666666;	
	border: none;
	border-left: 1px solid #D0D0D0; 
}
ul#mapmenu a:hover, 
ul#mapmenu a:active,
ul#mapmenu a.selected {
	text-decoration: none;
	color: #CC0000;
	border: none;
	border-left: 1px solid #D0D0D0; 
	background: #EAEAEA;
}
ul#mapmenu ul a {
	width: auto;
	_width: 100%;
	background: #D0D0D0;
	border: none;
}
ul#mapmenu ul a:hover, ul#mapmenu ul a:active {
	border: none;
}
ul#mapmenu li {
	position: relative;
	float: left;
	width: auto; /* 86px; */
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: transparent;
}
ul#mapmenu li.label {
	display: block;
	width: 235px;
	margin: 0;
	padding: 0;
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
	line-height: 11px;
	color: #666666;	
	background: url(../abb/aufz.gif) 97% 30% no-repeat;
}
ul#mapmenu li.label span {
	display: block;
	margin: 0;
	padding: 2px 20px 3px 6px;
}

ul#mapmenu ul {
	position:absolute;
	top:27px;
	margin:0;
	padding:0;
	background: #D0D0D0;
	width: 165px; /* auto; */									/* Breite der Pulldownmenüs */
	z-index: 10;
	border: 1px solid #999999;
	display: none;
}
ul#mapmenu ul.last {											/* letztes Dropdownmenü */
	width: 136px; /* auto; */									/* Breite der Pulldownmenüs */
}
ul#mapmenu ul li {
	margin:0;
	padding:0;
	width: 100%;
	display: block;
}

/* 
---------------------------------------------
	special template styles 
---------------------------------------------
*/

div.panorama_viewer {
	width: 695px;
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: hidden;
}












/* 
------------------------------------------------------------
	reset stylesheet
------------------------------------------------------------
*/

/* 
CSS Reset by Eric Meyer
http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ 
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
/* ::MODIFIED:: for downward compatibility: excepting table-elements */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
/* ::DEACTIVATED:: for downward compatibility: excepting table-elements */
/*
caption, th, td {
	text-align: left;
	font-weight: normal;
}
*/
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* 
based on Stefan Nitzsche’s work
http://nitzsche.info
*/

html {
height: 100%;
}

body {
height: 101%;
background-color: #fff;
}

strong, b {
font-weight: bold;
}

em, i {
font-style: italic;
}

.hideme {
position: absolute;
left: -9999em;
top: -9999em;
}

label, 
input[type=button],
input[type=submit], 
button {
cursor: pointer;
}

q:lang(de) {
quotes: '„' '“' '‚' '‘';
}

q:lang(en) {
quotes: '“' '”' "‘" "’";
}

abbr[title] {
border-bottom: 1px dotted #888 !important;
cursor: help;
}

a abbr {
cursor: pointer !important;
}

.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.ie7 address {
font-style: normal;
}

img { 
-ms-interpolation-mode: bicubic; 
}

.clearfix {
display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* extensions */
input::-moz-focus-inner {	/* removes button padding in FF */
    border: 0;
    padding: 0;
}

/* 
------------------------------------------------------------
	global styles
------------------------------------------------------------
*/

body {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	background: #999999;
	font-size: 11px;
	line-height: 16px;
	color: #444444;
	text-align: center;
}

/* 
------------------------------------------------------------
	neue Startseite, neues Gesamtprogramm, Version 3
------------------------------------------------------------
*/

body.strtpgrlnch div#main-box div#main {	/* border links und rechts abziehen. es bleiben 950px. */
	margin: 20px 2px 20px 1px;
}

body.strtpgrlnch div#main a,
body.strtpgrlnch div#main a:link {
	text-decoration: underline;
	color: #000000;
}
body.strtpgrlnch div#main a:visited {
	text-decoration: underline;
	color: #999999;
}
body.strtpgrlnch div#main a:hover,
body.strtpgrlnch div#main a:active {
	text-decoration: underline;
	color: #FF3366;
}

body.strtpgrlnch div#main a.always_on:visited {
	color: #000000;
}

body.strtpgrlnch div#main a.always_on:hover,
body.strtpgrlnch div#main a.always_on:active {
	color: #FF3366;
}

/* teaser */
body.strtpgrlnch .teaser {
	margin: 0 0 20px 0;
	overflow: hidden;
}
body.strtpgrlnch .teaser h3 {
	float: left;
	width: 296px;
	margin: 0 0 0 11px;
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
}
body.strtpgrlnch .teaser p {
	margin-left: 327px;
	margin-right: 25px;
	font-size: 14px;
	line-height: 140%;
}

/* slideshow images */

body.strtpgrlnch .stadtatlas_muenchen {
	height: 172px;
}

body.strtpgrlnch .stadtatlas_nuernberg {
	height: 235px;
}

/* boxes */

body.strtpgrlnch .box ul, 
body.strtpgrlnch .box li {
	margin: 0;
	padding: 0;
	list-style: none;
}

/* headlines */

body.strtpgrlnch .head_maps,
body.strtpgrlnch .head_products,
body.strtpgrlnch .head_news {
	height: 62px;
	margin: 0 0 20px 0;
	padding: 8px 0 0 10px;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}
body.strtpgrlnch .head_maps {
	margin-left: -11px;
	background: #E74D12;
}
body.strtpgrlnch .head_products {
	background: #00B0DF;
}
body.strtpgrlnch .head_products {
	display: block;
	padding: 0;
	margin: 0 0 28px 0;
}
body.strtpgrlnch .head_news {
	margin: 0 -11px 28px 0;
	padding: 0;
	background: #009C72;
}
body.strtpgrlnch div#main .head_products a {
	display: block;
	height: 62px;
	margin: 0 0 20px 0;
	padding: 8px 0 0 10px;
	background: #00B0DF;
	text-decoration: none;
	color: #FFFFFF;
}
body.strtpgrlnch div#main .head_products a:link, 
body.strtpgrlnch div#main .head_products a:visited {
	color: #FFFFFF;
}
body.strtpgrlnch div#main .head_products a:hover, 
body.strtpgrlnch div#main .head_products a:active {
	background: #2ebee5;
}

body.strtpgrlnch div#main .head_news a {
	display: block;
	height: 62px;
	margin: 0;
	padding: 8px 0 0 10px;
	background: #009C72;
	text-decoration: none;
	color: #FFFFFF;
}
body.strtpgrlnch div#main .head_news a:link, 
body.strtpgrlnch div#main .head_news a:visited {
	color: #FFFFFF;
}
body.strtpgrlnch div#main .head_news a:hover, 
body.strtpgrlnch div#main .head_news a:active {
	background: #12b388;
}

/* columns */

body.strtpgrlnch .col {
	float: left;
	width: 296px;
	overflow: hidden;
}
body.strtpgrlnch div.col ul li {
	margin-bottom: 20px;
}
body.strtpgrlnch h3 {
	font-weight: bold;
}

/* column 1 and 3 */

body.strtpgrlnch div.col_maps {
	padding: 0 20px 20px 11px;
}

body.strtpgrlnch div.col_maps img,
body.strtpgrlnch div.col_news img {
	display: block;
	margin-bottom: 5px;
}

/* column 2 */

body.strtpgrlnch .col_products {
	padding: 0 20px 20px 0;
}
body.strtpgrlnch .col_products ul,
body.strtpgrlnch .col_products ul li {
	float: left;
	clear: both;
	margin-bottom: 20px;
}
body.strtpgrlnch .col_products img {
	float: left;
	display: inline;
}
body.strtpgrlnch .col_products ul li {
	width: 100%;
}

body.strtpgrlnch .col_products h3,
body.strtpgrlnch .col_products p {
	margin-left: 130px;
}

body.strtpgrlnch .col_products h3 {
	font-size: 12px;
	line-height: 140%;
}

body.strtpgrlnch .col_products p {
	font-size: 10px;
	line-height: 150%;
}

/* column 3 */

body.strtpgrlnch .col_news {
	padding: 0 11px 20px 0;
}

/* Seite Gesamtprogramm */

body#gesamtprogramm.strtpgrlnch .threecols.col_products {
	width: 950px;
}
/*
body#gesamtprogramm.strtpgrlnch .threecols.col_products ul,
body#gesamtprogramm.strtpgrlnch .threecols.col_products ul li {
	float: left;
	display: inline;
	clear: none;
	width: 950px;
	padding-left: 11px;
}
body#gesamtprogramm.strtpgrlnch .threecols.col_products ul li {
	width: 296px;
	padding: 0 20px 0 0;
	min-height: 220px;
	height: auto;
}
* html body#gesamtprogramm.strtpgrlnch .threecols.col_products ul li {
	height: 220px;
}
*/

body#gesamtprogramm.strtpgrlnch .threecols.col_products {
	width: 950px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
body#gesamtprogramm.strtpgrlnch .threecols.col_products ul {
	float: none;
	clear: none;
	width: 959px;
	padding-left: 11px;
}
body#gesamtprogramm.strtpgrlnch .threecols.col_products ul li {
	float: none;
	clear: none;
	display: -moz-inline-stack;
/*	display: -moz-inline-block; */
	display: inline-block;
	vertical-align: top;
	width: 296px;
	margin: 0;
	padding: 0 20px 20px 0;
	zoom: 1;
	*display: inline;
	min-height: 180px;
	height: auto; !important;
}
* html body#gesamtprogramm.strtpgrlnch .threecols.col_products ul li {
	height: 180px;
}

body.strtpgrlnch div p {
	padding-left: 11px;
}
body.strtpgrlnch .teaser p,
body.strtpgrlnch .col p,
body.strtpgrlnch .threecols p {
	padding-left: 0;
}

/* lightbox / lupe */

/* a.[rel="colorbox\[perlen\]"] { */
a.colorbox {
	position: relative;
	display: block;
}
div.lupe {
	position: absolute;
	bottom: 1px;
	right: 1px;
	z-index: 999;
	width: 16px;
	height: 16px;
	background: url(img/lupe.png) 0 0 no-repeat;
}
div.lupe:hover {
	background: url(img/lupe.png) -16px 0 no-repeat;
}
/* a[rel="colorbox\[perlen\]"]:hover div.lupe { */
a.colorbox:hover div.lupe {
	background: url(img/lupe.png) -16px 0 no-repeat;
}