/* CSS Document */
/* -------------Reset Anweisung--------------- */
* {margin: 0px; padding: 0px; border: 0px;}
/* --------------Basisangaben------------------ */

html {
	height: 100.1%;
	font-size: 62.5%;
}
body {
	text-align: center;
	font: 1.2em/1.8em "Myriad Pro","Trebuchet MS", Verdana, Helvetica, Arial, sans-serif;
	background:#FFFFFF url(../pics/bg_site.gif) no-repeat;
	background-position:top left;
}

body#home a#homenav,
body#partner a#partnernav,
body#impressum a#impressumnav,
body#kontakt a#kontaktnav,
body#presse a#pressenav, 
body#a_infos a#a_informationen,
body#produkte a#produktkategoriennav {	
	background: url(../pics/bg_hover2.gif) no-repeat;
	background-position:center;
	padding-bottom:30px;
}
body#produkte a#produktkategoriennav,
body#grusswort a#grusswortnav,
body#aussteller a#ausstellernav,
body#programm a#programmnav,
body#infos a#infonav,
body#konzert a#konzertnav,
body#konzept a#konzeptnav,
body#produkte a#produktenav,
body#werbung a#werbungnav,
body#pavillon a#pavillonnav,
body#kontaktformular a#kontaktformularnav,
body#b2b a#b2bnav, 
body#pasta a#pastanav,
body#pizza a#pizzanav,
body#a_infos a#a_informationen,
body#tickets a#ticketsnav,
body#infos2 a#infos2nav {
	color:#AF001B;
	background:url(../pics/bg_hover.gif) no-repeat;
	background-position:left 6px;
	margin-left:5px;
}

/*-------------POPUPS-HOTELS----------------------*/

body#hotels {
	width:550px;
	height:450px;
	background:#FFFFFF;
}
#hotels_text h1 {
	font-family:Times New Roman;
	font-style:italic;
	font-weight: normal;
	color:#323232;
	font-size:1.8em;
	line-height:1.2em;
}
img.hotelpic {
	margin:0px;
	padding:0px;
}
#huelle {
	margin:0 auto;
}
span.hotellink {
	font-size:1.4em;
}
	
/*--------------Ende Popups-----------------------*/
#wrapper {
	width: 1000px;
	margin: 20px auto;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}
.link {
	color: #000000;
}
p.center {
	text-align:center;
}
table {
	margin-top:20px;
	font-size:13px;
}
ol {
	margin-left:20px;
	font-size:13px;
}
*+html ol {
	margin-left:30px;
}
span.upunkt {
	font-size:13px;
}
span.subhead {
	padding:0px;
	margin:0px;
	margin-bottom:-2px;
}
img.teaser {
	margin-top:10px;
}
/* --------------Header------------------ */
#header {
	height:130px;
	clear:both;
}
#logo {
	margin-left: 20px;
	position:absolute;
	z-index: 1;
	clear: both;
	margin-top:14px;
}
#slideshow img {
	background: #fff;
	padding-left:423px;
}

/*-----------Animation Startseite---------------*/
#animation_2 {
	width:495px;
	height:120;
	float:right;
	margin-top:10px;
	margin-right:25px;
}
/* --------------Navigation-Top------------------ */
#nav1 {
	background:url(../pics/bg_nav_top.jpg) repeat-x;
	height:20px;
	text-align:right;
	font-size:11px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	padding-right:10px;
}
#nav1 li {
	font-size: 1.1em;
	display: inline;
	margin-left: 15px;
	margin-right: 15px;
}
#nav1 li a {
	text-decoration:none;
}
#nav1 li a:link,#nav1 li a:visited {
	color: #FFFFFF;
}
#nav1 li a:hover {
	color: #CCCCCC;
}
p.textnav_top {
	float:left;
	color:#fFF;
	margin-left:20px;
	font-size:13px;
	padding:0px;
}

/* --------------Navigation-LInks------------------ */
#navlinks {
	width: 220px;
	height:665px;
	clear:both;
	float:left;
	margin-right:10px;
	padding-bottom:77px;
	background: url(../pics/bg_line.gif) top right no-repeat;
}
* html #navlinks {
	margin-right:5px;
}
#nav2 {
	font-size:1.1em;
	text-align:right;
	margin-right:20px;
}
#nav2 ul {
	list-style:none;
	margin-top:12px;
}
#nav2 li {
	height:16px;
}
#nav2 li a {
	text-decoration:none;
	display:block;
}
#nav2 li a:link, #nav2 li a:visited {
	color: #959595;
}
#nav2 li a:hover {
	color:#AF001B;
	background:url(../pics/bg_hover.gif) no-repeat;
	background-position:left 6px;
	margin-left:5px;
}
li.li_hdl {
	color: #333333;
	margin-bottom:3px;
}
/* --------------mittlere Spalte------------------ */
#spaltemitte {
	padding:0px;
	width: 540px;
	margin: 0px 27px 0px 0px !important;
	margin: 0px 0px 0px 0px;
	float:left;
}
img.logoh1 {
	margin-top:5px;
}

/* --------------Content------------------ */
#content {
	float:left;
	margin: 0px 15px !important;
	margin: 0px 6px;
	padding-top:12px;
	width: 525px;
}
#content p {
	font-size:1.1em;
	padding-bottom:5px;
	padding-top:0px;
	margin-top:0px;
}
#content p.ital {
	font-style:italic;
}
#content h1 {
	font-family:Times New Roman;
	font-style:italic;
	font-weight: normal;
	color:#323232;
	font-size:1.8em;
	line-height:1.2em;
}
#content h2 {
	color:#AF001B;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	padding-top:20px;
	margin-bottom:-15px;
}
.fett_grau {
	color: #404040;
	font-weight:bold;
}
.fett {
	font-weight:bold;
}
a.txlink {
	text-decoration:none;
	color: #a31430;
	font-size:1.1em;
	font-style:italic;
	margin-top:0px;
}
#content ul {
	padding-left:25px;
}
#content ul li {
	font-size:1.2em;
}
.link a {
	color: #a31430;
	font-size:12px;
}
a.link a {
	color: #a31430;
}
p.link a {
	color: #a31430;
}
img.zelt {
	border:3px solid #999999;
	margin-top: 10px;
}
.koenig {
	padding: 30px 0 11px 0px;
}
/* --------------Spalte rechts------------------ */
#spalterechts {
	height:600px;
	width:200px;
	float:left;
	/*padding-bottom:28px;*/
	background:url(../pics/bg_line.gif) no-repeat;
}
 html #spalterechts {
	width:190px;
}
*+html #spalterechts {
	width:190px;
}
#spalterechts p {
	padding-left:20px;
	color:#959595;
	line-height:1em;
}
#inhalte_rshome {
	padding-top:20px;
	padding-left:10px;
	padding-right:10px;

}
#inhalte_rshome p {
	padding:0px;
	margin:0px;
	margin-bottom:10px;
	margin-left:10px;
}
#inhalte_rs {
	padding-top:15px;
	padding-top:515px;
}
/*.ambi{
	padding-left:15px;
}*/
p.koop {
	padding-left:15px;
}
.comedius img {
	display:block;
	padding-bottom:15px;
	padding-left:0px;
	margin:0 auto;
}
.comedius a img {
   display: block;
   margin:0 auto;
   text-align:center;
}
a img.poster {
	margin-bottom:70px;
	padding-left:10px;
}
/* --------------Bilder Startseite------------------ */

div#galerie_thumbs_container{
	width: auto;
	height: auto;
	margin-top:25px;
	float:left;
}
div#galeriebild_container{
	width: 525px;
	height: 281px;
	margin-top:8px;
	float:left;
}
div#galerie_thumb{
	width: 57px;
	height: 57px;
	margin-left:0px;
	margin-right:8px;
	float:left;
}


/*

Alte CSS-Version:

#menu {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu2 {top:52px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu3 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu4 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu5 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu6 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu7 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu8 {top:5px; left:0px; width:57px; background-color:#fff; z-index:100;}
#menu a.p1, #menu a.p1:visited, #menu2 a.p1, #menu2 a.p1:visited,#menu3 a.p1, #menu3 a.p1:visited, #menu4 a.p1, #menu4 a.p1:visited, #menu5 a.p1, #menu5 a.p1:visited, #menu6 a.p1, #menu6 a.p1:visited, #menu7 a.p1, #menu7 a.p1:visited, #menu8 a.p1, #menu8 a.p1:visited {display:block; width:57px; height:57px; text-decoration:none; background:#fff; top:0; left:0; border:0;}
#menu a img, #menu2 a img, #menu3 a img, #menu4 a img; #menu5 a img; #menu6 a img, #menu7 a img, #menu8 a img {border:0;}
#menu a.p1:hover, #menu2 a.p1:hover, #menu3 a.p1:hover; #menu4 a.p1:hover, #menu5 a.p1:hover, #menu6 a.p1:hover, #menu7 a.p1:hover, #menu8 a.p1:hover {text-decoration:none; background-color:#8c97a3; color:#000;}
#menu a .large, #menu2 a .large, #menu3 a .large, #menu4 a .large, #menu5 a .large, #menu6 a .large, #menu7 a .large, #menu8 a .large {position:relativ; padding-top:500px; padding-left:352px; width:0; height:0; border:0; top:0; left:0;}
#menu a.p1:hover .large, #menu2 a.p1:hover .large, #menu3 a.p1:hover .large, #menu4 a.p1:hover .large, #menu5 a.p1:hover .large, #menu6 a.p1:hover .large, #menu7 a.p1:hover .large, #menu8 a.p1:hover .large {display:block; position:absolute; top:70px; left: 0px; width:525px; height:281px;}
#info {z-index:100; height:22em;}

*/

/* --------------Bilder Startseite------------------ */
img.comedius {
	padding: 5px 0 20px 0;
}
/*---------------Startseite--------------------------*/
.face {
	float:left;
	display:block;
	margin-top:4px;
	color: #000000;
}
/* --------------Lightbox Startseite------------------ */
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* --------------Kategorien------------------ */
ul.katego {
	font-size:10px;
}


ul.katego li {
	list-style:none;
	font-weight:bold;
}
ul.katego li img {
	border:2px solid #990000;

}
ul.katego li p {
	display:inline;
	position:relative;
	bottom: 25px;
	padding-left: 20px;
	padding-bottom:20px;
}
/* --------------Kontaktformular------------------ */

form#form {
	font-size:13px;
}
p.email {
	font-size:13px;
}
#kbox_r {
	border: 1px dashed #545454;
	position:absolute;
	z-index:2;
	margin:0px 0 0 340px; 
	padding:10px;
}
div.nachricht {
	position:absolute;
	z-index:2;
	width: 350px;
	height: 141px;  
	margin: 190px 0 0 460px;
	position:absolute;
	z-index: 2;
	clear: both;
}
td.text {
	font-size:13px;
}
fieldset {
	border: 1px solid #red;
}
input#warenbereich, input#firma, input#adresse, 
input#adresse, input#plz, input#stadt, input#nation, 
input#telefon, input#fax, input#name, input#vorname,
input#email, input#arithmetic, textarea {
	/*background-color:#e2e8c9;*/
	border: solid 1px;
	color: #333333;
}
textarea#message {
	margin-left:25px;
	width:180px;
}
form p { 
	margin: 0 0 0.1em 0;
}
label {
	width: 10em; 
	padding-right:10px; 
}
input {
	float:right;
	margin-right:40px;
}
input.input_r#w_bereich {
	margin-right:221px;
}
input.textarea#box_6 {
	background:#e2e8c9;
	width:8em;
	float:left;
}
span.captcha_text {
	float:left;
	margin-right:5px;
}
p.cfix antispam {
	float:left;
}
.submit_container {
	float:left;
}
input#absenden {
	padding:3px;
	background-color:#999999;
	margin-bottom:40px;
}
/* --------------Partner------------------ */
#content_partner {
	float:left;
	padding-top:12px;
	margin-left:15px;
	width:550px;
}
#content_partner h1 {
	font-family:Times New Roman;
	font-style:italic;
	font-weight: normal;
	color:#323232;
	font-size:1.8em;
	line-height:1.2em;
}
#content_partner h2 {
	color:#AF001B;
	font-size:1.4em;
	line-height:1.2em;
	font-weight:normal;
	padding-top:20px;
	margin-bottom:-15px;
}
.partner {
	width:240px;
	height:80px;
	border:1px #CCCCCC solid;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;
	float:left;
	background-color:#FFFFFF;
	margin-right:10px;
}
/* html .partner {
	margin-right:10px;
}
*+html .partner {
	margin-right:10px;
}
/*------------Pizza Show-----------------*/
#logoblock {
	clear:both;
	width:525px;
}
.logobox1 {
	width:525px;
	text-align:center;
	margin-bottom:10px;
	padding-top:10px;
	float:left;
	margin-left:10px;
	background-color:#FFFFFF;
}
.logobox1 img {
	margin-right: 10px;
}
.logobox2 {
	width:525px;
	text-align:center;
	margin-bottom:10px;
	padding-top:10px;
	float:left;
	margin-left:10px;
	background-color:#FFFFFF;
}
.logobox2 img {
	margin-right: 10px;
}
.clear {
	clear:both;
}

/*--------------Highlights----------------*/
p.high_text {
	color:#666666;
	display:inline;
	margin-right:10px;
}
/*--------------Hotels----------------*/
#hotels_text {
	text-align:left;
	width:525px;
}
#hotels_text p {
	font-size:13px;
}
#huelle {
	width:525px;
	text-align:center;
}
img.hotelpic {
	margin-top:20px;
	margin-bottom:10px;
}
#abate {
	text-align:center;
}