/*
	Motombo Umbokko <=> Dave Davies: structur.css
*/

*{
	margin:0;
	padding:0;
	outline:none;
}

body{
	margin:0;
	padding:0;
	font-family: Arial;
	font-size:11px;
}

h1, h2, h3, h4 		{	margin: 0;padding: 0;														}
h1			 		{	font-size:14px																}
h2			 		{	font-size:13px																}
h3, h4		 		{	font-size:12px																}
img 				{	border:0;																	}
.spacer175			{ 	height:175px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer100			{ 	height:100px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer75			{ 	height:75px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer50			{ 	height:50px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer40			{ 	height:40px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer35			{ 	height:35px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer25			{ 	height:25px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer10			{ 	height:10px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer5			{ 	height:5px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer3			{ 	height:3px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.spacer7			{ 	height:7px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.inlineSpacer70		{ 	width: 70px; display: inline-block; 										}
.refresh			{ 	height:1px; width:100%; font-size:1px; line-height:1px; clear: both;		}
.floatLeft			{ 	float: left;																}
.bold				{ 	font-weight: bold;															}
.black				{	color: #000000 !important;													}	
p.threelines		{	height: 48px; line-height: 16px; overflow: hidden; 							}
span.small{ font-size: 11px !important; font-weight: normal;}

.floatLeft{ float: left;}
.bold{ font-weight: bold;}


.framework {
	width:100%;
	height:100%;
	text-align:center;

}

.navigation{ 
	height:120px; 
	width:910px;
	margin:0 auto;
	position: relative;	

}

.navigation ul{ 
	list-style:none;
	padding-top:90px;
	margin-left:290px;
}

.navigation li{ 
	float:left;
	margin-left:20px;
	font-size:18px;
	font-family: Arial;
	height:30px;
	line-height:30px;
}


#background_border{
	width: 914px;
	margin:0 auto;
}


#framework_inner{
	width:900px;
	margin-left:7px;
}

.content_main{
	width:900px;
	text-align:left;
}

.content_top{
	width:550px; height:300px; 
	margin-left:350px;
} 
 
.content_big{
	width:900px; float:left;
}
 
.content_left{
	width:530px; float:left;
}

.content_right{
	width:370px; float:left;
	min-height:720px;
	background: url('/dave-davis/media/images/bg/bg_menu_right.png') no-repeat;
	
}

.content_right .line{
	width:370px; 
	height:14px;
	clear: both;
	background: url('/dave-davis/media/images/bg/bg_menu_right_line.png') top left no-repeat;
	
}


.content_right .content_right_margin{
	margin-left:20px;
}


 .defaultMargin{
	padding:10px; line-height:16px;
}

.footer{
	width:900px;
	height:144px;
	position: relative;
}

.footer #linklist{
	list-style:none;
	color:#ffffff;
	font-weight:bold;
	height: 35px;
	margin-left:5px;
}

.footer #linklist a{
	color:#ffffff;
}

.footer #linklist li{
	float:left;
	height: 35px;
	line-height: 35px;
	margin-left:5px;
}

/*
 Colors and Backgrounds for Motombo Umbokko's Website
*/
#motombo_umbokko a { color: #000000; text-decoration: none;}
#motombo_umbokko a:hover{ color: #3682BF; text-decoration: underline;}

#motombo_umbokko{
	background: #B6E1F1 url('/dave-davis/media/images/bg/bg_blue_white_gradient.jpg') repeat-x center top;	
}

#motombo_umbokko .background {
	background: url('/dave-davis/media/images/bg/bg_blue_white_stripes.jpg') no-repeat center top;
}

#motombo_umbokko #background_border{
	background: url('/dave-davis/media/images/bg/bg_white_opacity.png');
}

#motombo_umbokko #framework_inner{
	background: #FFFFFF url('/dave-davis/media/images/bg/bg_tile_white.jpg');
}	

#motombo_umbokko .footer{
	background: url('/dave-davis/media/images/bg/bg_footer_tiles.jpg');
}	

#motombo_umbokko #character{
	width:355px;
	height:385px;
	position: absolute;
	background: url('/dave-davis/media/images/motombo_umbokko.png') no-repeat;	
	top:0px;
	left:-75px;	
}

#motombo_umbokko h1 {
	color: #3683C0;
	font-size: 27px;
}




/*
 Colors and Backgrounds for Dave Davies's Website
*/
#dave_davis a { color: #ffffff; text-decoration: none;}
#dave_davis a:hover{ text-decoration: underline;}

#dave_davis{
	background: #F6F6F6 url('/dave-davis/media/images/bg/bg_brown_white_gradient.jpg') repeat-x center top;
}

#dave_davis .background {
	background: url('/dave-davis/media/images/bg/bg_brown_white_stripes.jpg') no-repeat center top;
}

#dave_davis #background_border{
	background: url('/dave-davis/media/images/bg/bg_white_opacity.png');
}

#dave_davis #framework_inner{
	background: #FFFFFF url('/dave-davis/media/images/bg/bg_ueber_dave.jpg') repeat-y;
}	

#dave_davis .footer{
	background: url('/dave-davis/media/images/bg/bg_footer_wood.jpg');
}	

#dave_davis #character{
	width:482px;
	height:527px;
	position: absolute;
	background: url('/dave-davis/media/images/dave_davis.png') no-repeat;	
	top:0px;
	left:-150px;	
}


/*
 * HOME
 */
.content_left .defaultBox{
	width:235px;
	height:100%;
	overflow:hidden;
	float:left;
	margin-left:5px;
}


.content_left .spacerLeft{
	margin-left:35px;
}

.defaultBox h3, .defaultBox h4{
	margin-top:5px;
	width:235px;
}

.content_left p{
	margin-top:5px;
	width:235px;
}

.content_left .teaserLeftCentered{
	width:100%; 
	text-align:center;
}


.content_right #toilette_flashplayer{
	width:100%; 
	height: 426px;
	background: url('/dave-davis/media/images/bg/bg_menu_right_toilette_tv.png') no-repeat;	

}


/*
 * News
 */

.content_left #news .newsImage{
	width: 150px;
	float: left;
	height: 90px;
}
.content_left #news .newsImage img{
	width: 140px;
	height: 80px;
}
.content_left #news .newsText{
	width:360px;
	float:left;
}
.content_left #news .newsText p, 
.content_left #news .newsText h3{
	width:100%;
}


/*
 * Motombo Ombokko Newsletter Abo
 */
#newsletter {
	line-height: 40px;
}

#newsletter #newsletterTable input[type=text] {
	margin: 0px 0px 1px 0px;
	height: 20px;
	width: 224px;
	border: none;
	background: url('/dave-davis/media/images/module/newsletter/newsletter_inputbox_bg.png') top left repeat-x;
	float: left;
}

#newsletter #newsletterTable input[type=image] {
	float: left;
	margin: 0px 0px 0px 7px;
}

#newsletter #newsletterTable {
	border: none;
}

#newsletter #newsletterTable td, #motombo_umbokko #newsletter #newsletterTable tr {
	height: 24px;
}

#newsletter #newsletterTable td.pre {
	width: 8px;
}

/*
 * Motombo Ombokko Tourtermine
 */

#tourList_left {
	margin: 280px 0px 0px 0px;
	width: 300px;
	height: 388px;
	float: left;
	background-image: url('/dave-davis/media/images/bg/bg_next_event.png');
	background-repeat: no-repeat;
	position: relative;
}

#tourList_right {
	margin: 25px 0px 0px 0px;
	width: 575px;
	float: left;
	padding: 1px;
	/*background-color: green;*/
}

#alleTermineButton
{
	width: 130px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('/dave-davis/media/images/buttons/alle_termine.png');
}

#alleTermineAufEinenBlick
{
	width: 264px;
	height: 16px;
	background-repeat: no-repeat;
	background-image: url('/dave-davis/media/images/buttons/alle_termine_auf_einen_blicke.png');
}

.viewSwitcher
{
	margin-bottom: 10px;
}

.listEntry
{
	margin-bottom: 10px;
	position: relative;
	background-image: url('/dave-davis/media/images/bg/bg_termine.png');
	background-repeat: repeat-x;
	height: 83px;
	/*background-color: red;*/
}


.listEntryDate
{
	float: left;
	font-weight: bold;
	font-size: 14px;
	line-height: 20px;
	padding-left: 10px;
	padding-top: 10px;
	width: 160px;
	height: 72px;
	/*background-color: yellow;*/
}

.listEntryLocation
{
	font-size: 12px;
	font-weight: bold;
	/*background-color: blue;*/
	/*height: 40px;*/
	padding-top: 10px;
	line-height: 20px;
}

.listEntryTicketInfo
{
	width: 26px;
	/*margin-left: 10px;*/
	float: left;
}

.listEntryTickets
{
	width: 405px;
	height: 32px;
	line-height: 32px;
	float: left;
	font-weight: bold;
	font-size: 12px;
	/*background-color: pink;*/
}

.listEntryTickets a
{
	color: #DB291C !important;
	text-decoration: none;
}

.listEntryTickets a:hover
{
	color: #DB291C;
	text-decoration: underline;
}

.listEntry .sellout
{
	position: absolute;
	top: 22px;
	left: 440px;
}


#tourtermine {
	margin: 0px 0px 0px 0px;
}

#tourtermine a{
	color: #000000;
}

#tourtermine a:hover{
	color: #000000;
}


#tourtermine .wrapper {
	margin: 0px 0px 0px 0px;
}

.wrapper h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0px 0px 5px 0px;
}

.wrapper div.ticketinfo { width: 280px; float: left; }
.wrapper div.notification { width: 100%; float: left; }
.wrapper p, #motombo_umbokko #tourtermine .wrapper p.notification {}
.wrapper p.notification, .wrapper .notification a{
	color: #DB291C ! important;
}

#next_event .wrapper .sellout{
	position: absolute; top: 30px; 
	left: 230px; width: 200px;
}
#tourtermine .wrapper .sellout{
	position: absolute; top: 30px; 
	left: 230px; width: 200px;
	
}

#next_event .wrapper h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	width: 230px;	
}

.wrapper .sellout img, #next_event .wrapper .sellout img{
	height:40px;	
}


/*
 * Motombo Ombokko Videos
 */
#videoplayer {
	margin: 30px 0px 0px 346px;
}

#videoplayer #player {
	height: 338px;
	width: 540px;
	background-color: #000000;
}

#videoplayer h1 {
	font-size: 14px;
	color: #000!important;
	margin: 0px 0px 7px 0px;
}
	
	
/*
 * 
 * 
 * Motombo Ombokko Slider (Big)
 */

.slider_big {
	margin: 0px 0px 0px 16px;
	width: 100%;
}

.slider_big .slider_big_prev, .slider_big .slider_big_next {
	width: 32px;
	height: 132px;
	float: left;
}

.slider_big .slider_big_prev img, .slider_big .slider_big_next img {
	margin-top: 45px;
	cursor: pointer;
}

.slider_big .slider_big_next img {
	margin-left: 11px;
}

.slider_big .slider_elems {
	width: 805px;
	height: 132px;
	overflow: hidden;
	float: left;
	
}

.slider_big .videoTrickDiv{
	width:235px; 
	height:95px;
}

.slider_big  .slider_elems_inner {
	width: 8000px;
}

.slider_big .slider_elems .slider_elem {
	float: left;
	height: 132px;
	width: 235px;
}

.slider_big .slider_elems .marginLeft {
	margin: 0px 0px 0px 50px;
}

.slider_big .videosliderTextOverlay {
	background: url('/dave-davis/media/images/bg/bg_white_opacity.png');
	height: 132px;
	width: 235px;
	cursor:pointer;
}

.slider_big .videosliderTextOverlay {
	color: #000000;
}

#videoNavLeft, #navLeft {
	opacity: 0.5;
}	


/*
 * Über Dave
 */
.content_big .defaultBox{
	width:235px;
	height:100%;
	overflow:hidden;
	float:left;
}


.content_big .defaultBoxNextEvent{
	width:350px;
	height:302px;
	overflow:hidden;
	float:left;
	background: url('/dave-davis/media/images/bg/bg_next_event_big.png') no-repeat;
}

.content_big .spacerLeft{
	margin-left:30px;
}

.content_big p{
	margin-top:5px;
	width:235px;
}

.content_big .teaserLeftCentered{
	width:100%; 
	text-align:center;
}

.content_big #about_dave_nextEvent .wrapper .sellout{
	position: absolute; top: 0px; 
	left: 180px; width: 200px;
}
	



/*
 * Gaestebuch
 * 
 */
#recaptcha_widget_div{width:360px!important;overflow:hidden!important;}

p.caption{
	font-weight: bold!important;
	background-color: #257DBF;
	color: #ffffff!important;
	width: 50%;
	height:20px;
	line-height:20px;
	float:left;		
}
p.captionName{
	text-align: left;
}

p.captionDate {
	text-align:right;
}


p.gb_text {
	line-height:16px;
	width: 100%;
}

#gbBox_left a, #gbBox_right a {
	color: #000;
	text-decoration: none;
}

#gbBox_left a:hover, #gbBox_right a:hover {
	color: #ffff00;
	text-decoration: none;
}

#gbBox_left {
	margin: 280px 0px 0px 0px;
	width: 360px;
	float: left;
}

#gbBox_right {
	margin: 25px 0px 0px 0px;
	width: 525px;
	float: left;
	padding: 1px;
}

#GbMsgs{
	color: red;
	font-weight: bold;
}
#writeButton{
	/*position: absolute;
	top: 110px;
	left: 60px;*/
}
#writeGbEntry{
	/*display: none;
	position: absolute;
	top: 90px;
	left: 60px;
	background-color: #fff;*/
	padding: 40px 0px 0px 10px;
	background: url('/dave-davis/media/images/bg/bg_guestbook_v3.png') 0px 0px no-repeat;
	width: 340px; /* 369px */
	height: 485px; /* 435px; */
	overflow: hidden;
	z-index: 50;
	
}
#writeGbEntry .gb_button_submit{
	/*position: absolute;
	right: 20px;*/
}
#writeGbEntry .gb_close{
	/*position: absolute;
	right: 20px;
	top: -10px;*/
}
#writeGbEntry input.gbInput{
	background: url('/dave-davis/media/images/module/guestbook/input_background.png') top left repeat;
	width: 298px;
	height: 25px;
	padding: 1px;
	border: none;
}


#writeGbEntry textarea.gbInput{
	width: 298px;
	padding: 1px;
	height: 130px;
	border: none;
	background: url('/dave-davis/media/images/module/guestbook/input_background.png') top left repeat;
	font-family: Arial;
	font-size:12px;
	line-height:16px;	
}



/*
 * pageniation
 */
.pageInation{
	height: 24px;
	line-height:24px;	
	text-align: center;
	padding:0;
	margin:0;	
	float:right;
}
.pageInation a, .pageInation a:hover {
	color: #000!important;	
}

.pageInation .currentPage
{
	font-size: 13px;
	font-weight: bold;
}

.pageInation .currentPage, .pageInation .pageSpacer, .pageInation .pageNumber{
	margin-left:2px;
	margin-right:2px;
}


/*
 * reCAPTCHA

.recaptchatable .recaptcha_image_cell, #recaptcha_table {
	background-color:#257DBF !important; //reCaptcha widget background color
	-moz-border-radius:	5px;
	-webkit-border-radius: 5px;
}

#recaptcha_table {
	border-color: #FF0000 !important; //reCaptcha widget border color
}

#recaptcha_response_field {
	border-color: #FFF !important; //Text input field border color
	background: url('/dave-davis/media/images/module/guestbook/input_background.png') top left repeat;
} 
*/

/*
 * Events
 */
.content_left #next_event_container{
	height:446px;
	width: 300px;
	float: left;
}

.content_left #next_event{
	background: url('/dave-davis/media/images/bg/bg_next_event.png') no-repeat;
	height:388px;
	width: 279px;
	float: left;
}

.content_left #next_event img, .content_left #next_event_container h3{
	margin-left:15px;
}

.content_left #next_event .wrapper{
	margin-left:15px;
}


.content_left #area_search{
	background: url('/dave-davis/media/images/bg/bg_pissoire.png') no-repeat;
	height:446px;
	width: 200px;
	float: left;
}

.content_left #area_search #searchForm{
	text-align: center; 
	margin-top:138px; 
	width:100%;
	padding-left:4px;
}

.content_left #area_search ul{
	padding: 0;
	margin-left:54px; 
	text-align: left; 
	width:100%;
	list-style-type: none;
}

.content_left #area_search input{
	padding: 0;
	margin: 0;
	width: 105px;
	height:18px;
	border: none;
	background: #3386C6 url('/dave-davis/media/images/module/newsletter/newsletter_inputbox_bg.png') repeat-x;
}

.content_left #area_search select{
	padding: 0;
	margin: 0;
	width: 105px;
	height:18px;
	border: none;
	background: #3386C6 url('/dave-davis/media/images/module/newsletter/newsletter_inputbox_bg.png') repeat-x;
}


/*
 * Kontakt
 */
.content_big #contactLeft{
	width: 300px;
	float: left;
}

.content_big #contactLeft #contactText{
	height:446px;
	width: 300px;
}

.content_big #contactLeft #contactTextInner{
	height:388px;
	width: 279px;
	padding-left:15px;
	background: url('/dave-davis/media/images/bg/bg_next_event.png') no-repeat;
}
.content_big #contactLeft #contactText h3, .content_big #contactLeft #contactText p{
	line-height: 16px;
	width:250px;
}
.content_big #contactRight{
	width: 569px;
	float: left;
}


/*
 * Impressum
 */
.textBig{
	width:550px; 
	padding-left:295px; 
	line-height:16px;
}


/*POPUP*/
.eventListInfoOverlay {
	width: 100%;
	height: 100%;
	z-index: 1335;
	position: fixed;
	top: 0px;
	left: 0px;
	background-color: black;
	opacity: 0;
	display: none;
}

.eventListInfoWrapper {
	width: 100%;
	height: 100%;
	z-index: 1336;
	position: fixed;
	top: 0px;
	left: 0px;
	opacity: 0;
	display: none;
}

.eventListInfo{
	z-index: 1337;
	margin: 5% auto;
	width: 500px;
	text-align: left !important;
}

.eventListInfoContent {
	position: relative;
	margin:10px;
	width: 500px;
	height:530px;
}


.popup{
	/*background-color: #C6D4C3;*/
	background-color: #B6E1F1;
	position: absolute;
	top: 52%;
	left: 25%;
	width: 500px;
	border: 1px solid #000;
	display: none;
	color: #000;
}


.popupListView{
	/*background-color: #C6D4C3;*/
	background-color: #B6E1F1;
	width: 500px;
	border: 1px solid #000;
	display: block;
	color: #000;
}	
.popupheader{
	height: 20px;
	line-height: 20px;
	padding-left: 5px;
	border-bottom: 1px solid #000;
	font-weight: bold;
}

.popupclosebutton{
	border-left: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 20px;
	height: 20px;
	float: right;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}

.popupcontent{
	margin: 10px;
	padding: 5px;
	background-color: #FFF;
	width: 468px;
	min-height: 148px;
	border: 1px solid #000;
}

.popupcontentleft{
	float: left;
	height: 280px;
	width: 130px;
	margin: 5px;
	line-height: 14px;		
	font-weight: bold;
}

.popupcontentright{
	float: left;
	height: 280px;
	margin: 5px;
	line-height: 14px;
	width: 315px;
	overflow-x: hidden;
}


.popupcontentleft_small
{
	font-weight: bold;
	float: left;
	margin: 5px;
	width: 130px;
	line-height: 14px;
	min-height: 25px;
}

.popupcontentright_small
{
	margin: 5px;
	line-height: 14px;
	min-height: 25px;
}	
.popupcontent h3{
	text-decoration: underline;
}


.sellout2
{
	position: absolute;
	left: 150px;
}
.sellout2 img
{
	height: 40px;
}


