/* @override http://www.deutscher-opernball.de/cms/css/layout.css */

*{ margin:0; padding:0; outline:none}
body{ background:#fafafa; font:normal 12px/14px Georgia, "Times New Roman", Times, serif; color:#635f57;}
img{border:none}
ul{list-style:none}
a{text-decoration:none;}
a:hover{ text-decoration:underline}
.left{float:left}
.right{float:right;}
.clear{ clear:both}

/****layout starts****/
body.front #content_home { padding-top: 0; }
body.subpage { background: #fafafa url(../images/layout/inner_bg.gif) repeat-x 0 168px }

#outer_layout{float:left; width:100%;}
#layout, .layout{ margin:0 auto; width:1000px;}
#main, .main{ float:left; width:1000px;}
/*****header starts*****/
#header{float:left; width:920px; padding:25px 40px 40px ;}
#header .right{float:right; width:475px;}
#header .language{float:right}
#header .language a{float:left; margin-left:20px; display:inline}
#header .link{float:left;}
#header .link ul{float:left;}
#header .link ul li{float:left; background:url(../images/layout/pipe1.gif) no-repeat right 3px; padding:0 12px ;}
#header .link ul li a{ font-size:11px; color:#767168;}
#header .link ul li.last{ background:none}
/****menu starts***/
#menu{float:right; padding-top:65px;}
#menu ul{float:left;}
#menu ul li{float:left; padding-left:67px;}
#menu ul li a{font-size:14px; line-height:16px; color:#767168; text-decoration:none; white-space: nowrap;}
#menu ul li a:hover{color:#b10034}
#menu ul li a.active{color:#b10034}
/****menu ends****/
/*****header ends*****/

/*****banner starts*****/
#banner{float:left; width:100%; position:relative; height:412px; overflow:hidden; background: #b60030; z-index:100;}
#banner-inner {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	background: url(../images/layout/banner.jpg);
}

#banner-inner2 {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	background: url(../images/layout/bannern.jpg);
	z-index:101;

}

#Bild {
	position:relative;
	z-index:102;
	background: url(../upload/teaser_images/banner_112.jpg) no-repeat;
	opacity:1;
	height:412px;
}
#Bild2 {
	background-color:none;
	position:relative;
	z-index:103;
	display:block;
	background: url(../images/layout/banner_overlay.png);
	height:412px;
}



#banner .right_content{float:left; width:510px; position:absolute; top:0; right:0}
#banner .right_content img{float:right; margin:30px 37px 0 0; display:inline}
#banner .right_content ul{float:left; width:510px; padding-top:20px; border-bottom:1px solid #c2395d;}
#banner .right_content ul li{float:left; width:480px; border-top:1px solid #c2395d; font:normal 14px/40px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; color:#f1f1f1; padding-left:30px; text-transform:uppercase; letter-spacing: 1px;}
#banner .right_content ul li strong{font-size: 16px;}
/*****banner ends*****/

/****body container starts*****/
#body_container{float:left; width:920px; padding:30px 40px; background:#fafafa url(../images/layout/top.content_bg.gif) repeat-x 0 0}
#body_container p.top_content{float:left; width:920px; font-size:18px; line-height:27px; color:#807d78}
/****content home starts****/
#content_home{float:left; width:920px; padding-top:30px;}
/****left container starts****/
#content_home #left_container{float:left; width:435px; margin-right:40px; display:inline; background:url(../images/layout/red_line.gif) repeat-x 0 0;}
#content_home #left_container ul{float:left; width:435px; background:url(../images/layout/red_line.gif) repeat-x 0 bottom; padding-top:15px; padding-bottom:13px }
#content_home #left_container ul li{float:left; width:435px; padding-bottom:45px;}
#content_home #left_container ul li h3{float:left; width:430px; font: bold 16px/20px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; color:#b7002f; text-transform:uppercase; letter-spacing: 1px;}
#content_home #left_container ul li .row{float:left; width:435px; padding-top:10px;}
#content_home #left_container ul li .row .left{float:left; width:125px;}
#content_home #left_container ul li .row .left img{float:left; margin-top:5px}
#content_home #left_container ul li .row .right{float:left; width:310px;}
#content_home #left_container ul li .row .right h4{float:left; width:300px; font-size:13px; line-height:20px; color:#635f57;}
#content_home #left_container ul li .row .right p{float:left; width:300px; font-size:14px; line-height:18px; padding-top:9px;}
#content_home #left_container ul li .row .right p img{ padding-right:5px;}
#content_home #left_container ul li .row .right a{float:left; margin-top:10px; font-size:14px; line-height:18px; color:#807c75; text-decoration:underline}
#content_home #left_container ul li .row .right a:hover{ text-decoration:none; color: #B7002F;}
/****left container ends****/
/****mid container starts****/
#content_home #mid_container{float:left; width:220px; margin-right:75px; display:inline;background:url(../images/layout/red_line.gif) repeat-x 0 0;}
#content_home #mid_container ul{float:left; width:220px; background:url(../images/layout/red_line.gif) repeat-x 0 bottom; padding-top:15px; padding-bottom:10px}
#content_home #mid_container ul li{float:left; width:220px; padding-bottom:35px;}
#content_home #mid_container ul li h3{float:left; width:220px; font:bold 16px/20px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; color:#b7002f; text-transform:uppercase; letter-spacing: 1px;}
#content_home #mid_container ul li h4{float:left; width:220px; font-size:13px; line-height:20px; color:#635f57; padding-top:9px}
#content_home #mid_container ul li p{float:left; width:220px; font-size:14px; line-height:18px; padding-top:9px;}
#content_home #mid_container ul li a{float:left; margin-top:10px; font-size:14px; line-height:18px; color:#807c75; text-decoration:underline}
#content_home #mid_container ul li a:hover{ text-decoration:none; color: #B7002F;}
/****left container ends****/
/****right container starts****/
#content_home #right_container{float:left; width:150px; padding-top:155px; background:url(../images/layout/red_line.gif) repeat-x 0 0;}

#content_home #right_container p{float:left; width:150px; font-size:14px; line-height:18px; padding-top:9px;}
#content_home #right_container ul{float:left; width:150px; padding-top:15px; background:url(../images/layout/red_line.gif) repeat-x 0 bottom; padding-bottom:106px}

#content_home #right_container ul.notop{float:left; width:150px; margin-top:-170px; background:url(../images/layout/red_line.gif) repeat-x 0 bottom; padding-bottom:106px}
#content_home #right_container ul.noline{background:none;}
#content_home #right_container ul li{float:left; width:150px; padding-bottom:5px;}
#content_home #right_container ul li h3{float:left; width:150px; font:bold 16px/50px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; color:#b7002f; text-transform:uppercase; letter-spacing: 1px;}
#content_home #right_container ul li a{font-size:14px; line-height:18px; color:#807c75; text-decoration:underline}
#content_home #right_container ul li a:hover{text-decoration:none; color: #B7002F;}
#content_home #right_container ul li span h3 { padding-top: 20px; }

#content_home #right_container ul li.moreheight{ height: 26px !important;}

/****left container ends****/
/****content home ends****/

/****inner page satrts***/
#body_container_inner{float:left; width:1000px;}
#body_container_inner #content_inner{float:left; width:930px; padding:40px 40px 30px 30px;}
#content_inner .common{float:left; width:920px}
#content_inner .common ul.list{float:right; padding:15px 60px 20px 0}
#content_inner .common ul.list li{float:left; margin-left:25px; display:inline}
#content_inner .left_container{float:left; width:330px;}
#content_inner .left_container ul{float:left; width:220px;}
#content_inner .left_container ul li{float:left; width:220px; padding-bottom:10px;}
#content_inner .left_container ul li a{float:left; width:219px; height:27px; font-size:14px; line-height:24px; color:#696866;padding-left:10px; text-decoration:none}
#content_inner .left_container ul li a:hover{float:left; width:219px; height:27px; font-size:14px; line-height:24px; background:url(../images/layout/heading_bg.gif) no-repeat 0 0;  padding-left:10px; color:#fff}
#content_inner .left_container ul li a.current{float:left; width:219px; height:27px; font-size:14px; line-height:24px; background:url(../images/layout/heading_bg.gif) no-repeat 0 0; padding-left:10px; color:#fff; font-weight: bold;}


#content_inner .right_container{float:left; width:590px;}
#content_inner .right_container h3{float:left; width:500px;font:bold 22px/30px Candara, Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; color:#b7002f; text-transform:uppercase; letter-spacing:4px}
#content_inner .right_container .row{float:left; width:572px; padding-top:30px; padding-bottom:20px;}
#content_inner .right_container .row .left{float:left; width:122px;}
#content_inner .right_container .row .right{float:left; width:450px;}
#content_inner .right_container .row .right p{float:left; width:450px; border-bottom:1px solid #c9c9c9; font:normal 16px/32px Candara, FoundryFormSans, Myriad Pro,"Arial Narrow", Arial, Helvetica, Sans Serif; color:#b7002f; text-transform:uppercase; letter-spacing:2px; padding-bottom:0;}
#content_inner .right_container p{float:left; width:570px; font-size:14px; line-height:22px; padding-bottom:20px;}
#content_inner .right_container p.first { margin-top: 20px; }

#content_inner .right_container .row .wider {width:348px !important;}

#content_inner .right_container .row .wider ul.listgalerie {float:left; padding:0px 0px 0px 0}
#content_inner .right_container .row .wider ul.listgalerie li{float:left; margin-right:15px; display:inline}
#content_inner .right_container .row .wider ul.listgalerie li.last{ margin-right:0px;}

#content_inner .right_container .row .shorter {width:214px !important; margin-left:10px;}
#content_inner .right_container .row .shorter p {width:214px !important;}
#content_inner .right_container .row .shorter p a {color:#333;}
/****inner page ends***/
/****body container ends*****/

/*****footer starts****/
#outer_footer{float:left; width:100%;}
#inner_footer{ margin:0 auto; width:1000px;}
#footer{float:left; width:920px; padding:30px 40px;}
#footer .inner{float:right; width:550px; background:url(../images/layout/red_line.gif) repeat-x 0 0; padding-top:20px; margin-right:50px; display:inline}
#footer img{float:left; margin:0px 18px 10px 0; display:inline;}

#footer a { float: left; margin: 0 10px 0 0;}
#footer a.last {margin: 0;}
#footer img { margin: 0; width: 55px !important; height: 55px !important;}

.sponsoren{
	clear:both;
	overflow:hidden;
	display:block;
}
.fotoverweis{
	margin-left:360px;
	width:550px;
}

/*****footer ends****/
/****layout ends****/


/*****Styles added by Bina****/

h5{
	clear:both;
	font:normal 14px/50px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; 
	color:#b7002f; 
	text-transform:uppercase;
	letter-spacing:1px; 
	padding-bottom:0;
}
h6{
	clear:both;
	font:normal 13px/30px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; 
	color:#b7002f; 
	text-transform:uppercase;
	letter-spacing:1px; 
	padding-bottom:0;
}
table{
	width:450px;
	border-collapse: collapse;
	margin-bottom: 1.5em;
}
tr{
	border-bottom:1px solid #c9c9c9;
}
td{
	font:normal 14px/18px Candara, FoundryFormSans, Myriad Pro, Arial, Helvetica, Sans Serif; 
	color:#635F57; 
	line-height:18px; 
	padding: 4px 0 8px 0;
	min-width:25px;
	border-bottom: 1px solid #e4e4e4;
}

a{
	color:#b7002f; 
}


ul.textlist{
	clear:both;
	list-style-type:square;
	font-size: 14px;
	line-height: 18px;
	padding-left: 16px;
}

ul.textlist li {
	padding-bottom: 6px;
}

/* Kontaktformular */
/*
#contactForm{
	clear:both;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	width:590px;
}

#contactForm table{
	width:580px;
	border:0px solid magenta;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	float:left;
}
#contactForm table td{
	width:200px;
}

#contactForm  label{
	width:100px;
	display:block;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	float:left;
	padding:5px;
}
#contactForm input, input.eingabe{
	width:280px;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	display:block;
	float:right;

}
#contactForm textarea{
	width:250px;
	height:100px;
	float:left;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 

}
div.contactRow{
	width:480px;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	margin-bottom:10px;
	border:1px solid magenta;
}

#contactForm td.pt{
	width:80px;
}*/

#contactForm {
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	clear:both;
}
#contactForm .contactRow {
	margin:0px 0px 18px 0px;
}
#contactForm label {
	display:block;
	float:left;
	width:220px;
	font:normal 14px/18px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
	border:1px solid #ccc;
	width:346px;
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}
#contactForm .contactRow select {
	border:0px solid #ccc;
	width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
	width:343px;
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}

#contactForm .contactRow input {
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	padding: 0px 0px 0px 0px;
	height:25px;
}

#contactForm .contactRow textarea {
	height:155px;
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}

#contactFormSubmit{
	width:564px;
}

#contactFormSubmit #contactFormSubmitLeft {
	float:left;
	margin:0 0 0 218px;
	width:164px;
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}
* html #contactFormSubmit #contactFormSubmitLeft {
	margin:0 0 0 16px;
	font:normal 14px/15px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
}
#contactFormSubmit #contactFormSubmitRight {
	float:right;
	width:164px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
	background-color:#fff;
	border:0;
	color:#000000;
	padding:3px 10px 3px 3px;
	background-image:url(../images/link_pfeil.gif);
	background-repeat:no-repeat;
	background-position:right 7px;
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	width:auto;
	height:auto;
	float:right;
	margin:0;
}

#contactFormSubmit #contactFormSubmitLeft input:hover, 
#contactFormSubmit #contactFormSubmitRight input:hover {
	background-color:#f6f6f6;
	border:0;
	color:#0060b1;
	padding:3px 10px 3px 3px;
	background-image:url(../images/link_pfeil.gif);
	background-repeat:no-repeat;
	background-position:right 7px;
	font:normal 14px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	width:auto;
	height:auto;
	float:right;
	margin:0;
}



#contactFormSubmit #contactFormSubmitLeft input {
	background-image:none;
	padding:0;
	float:left;
}

#contactForm table {
	width:578px;
	border-collapse:collapse;
}
#contactForm table td {
	padding:0;
}
#contactForm table tr {
	border:none;
}
#contactForm table td.pt {
	padding-top:2px;
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 
	
}
* html #contactForm table td.pt {
	padding-top:0;
}



table.gTable{
	clear:both;
	width:450px !important;
	padding:0 !important;
	margin:0 !important;
	overflow:hidden;
	min-height:10px;
	margin-top:50px;
}

td.gallery_image {

	border:0px solid magenta;
	text-align:center;
	vertical-align:middle;
	padding:5px 30px 5px 0px;

}

.gallery_image h3{
	width:100px !important;
}
.ligallery{
	width:450px;
}

.galleryNav{
	clear:both;
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 	
	margin:40px 0px 10px 0px;
}

.galleryNav a{
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 	
	padding:3px 5px 2px 5px;
	margin-right:15px;
}

.galleryNav span{
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 	
	padding:3px 5px 2px 5px;
	margin-right:15px;
	color:#ccc;
}

.galleryNav a.active{
	font:normal 14px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif;
	background-color:#b7002f;
	color:#fafafa;
}

.gTop{
	margin:90px 0px 10px 0px;
}


.panorama{
	width:750px;
	height:380px;
	margin: 0 auto;
	
}
div.info {
	margin: 0 auto;	
	margin-top:10px;
	width:100%;
}
.info p{
	font:normal 15px/30px "Foundry FormSans", Myriad Pro, Arial, Helvetica, Sans Serif; 	
	text-align:left;
	padding-left:10px;
}