@charset "utf-8";

/*
* Backend-CSS für nicetime.ch
* 
* @author 	Isabelle Truniger, Marcus Oberholzer
* @version 	0.1
* @date		2009-08-18
*/

/*allg gültige Parameter*/
*					{ padding:0; margin:0; }
img					{ border: none; }

/*Titel formattierungen*/
h1, h2, h3			{ padding-bottom: 0.75em; font-weight:bold; }
h1					{ font-size: 18px; }
h2					{ font-size: 16px; }
h3					{ font-size: 14px; clear:both; padding-left: 10px }


/*Navigation*/
#navigation			{ height: 50px; padding: 0 0 0 10px; font: 18px Arial, sans-serif; text-shadow: 0.1em 0.1em 0.05em black }
#navigation ul li	{ float: left; padding:5px 5px 0 0; margin-right: 50px; }
ul, li				{ list-style-type:none; }
#navigation a		{ text-decoration: none; color: #fff; border: none; }


/*hover*/
a	 				{ text-decoration: none; color: gray; cursor: pointer; }
a:link 				{ text-decoration: none; color: gray; }
a:active a:visited 	{ text-decoration: none; color: gray; }
table				{ width:100%; border: none; }



/*Definition der Pages*/
body				{ font: 12px Arial, Helvetica, sans-serif; line-height: 20px; background: url(../images/page_pics/NiceTimeBG.gif) repeat center; }
#wrapperV			{ width: 1280px; height: 800px; margin: auto; background: url(../images/page_pics/NiceTimePageV.jpg) no-repeat; }
#wrapperVDetail		{ width: 1280px; height: 800px; margin: auto; background: url(../images/page_pics/NiceTimePageVDetail.jpg) no-repeat; }
#wrapperL			{ width: 1280px; height: 800px; margin: auto; background: url(../images/page_pics/NiceTimePageL.jpg) no-repeat; }
#wrapperM			{ width: 1280px; height: 800px; margin: auto; background: url(../images/page_pics/NiceTimePageM.jpg) no-repeat; }
#wrapperP			{ width: 1280px; height: 800px; margin: auto; background: url(../images/page_pics/NiceTimePageP.jpg) no-repeat; }
#content 			{ width: 1180px; height: 500px; margin-left: 100px; padding-top: 48px;}


/*eventKalender*/
#eventKalender		{ float: left; width: 750px; }

/*hover des eventKalender*/
tr.hover,
tr.odd				{ background-color: #f0f0f0; opacity: 0.75;  cursor: pointer; } /*check die opacity! stimmt noch nicht. schrift muss nicht transparent sein! */
tr.hover td 		{ border-top: #f5f5f5 1px solid; font-weight: bold; }
tr.odd td			{ border-bottom: #eee solid 1px; padding-left: 20px; }

/*Spaltenbreite des eventKalender (1. und 3. Spalte genügt, um die 2. Spalte zu definieren)*/
th.th1				{ width: 165px; }
th.th3				{ width: 255px; }

/*Schriftenformatierung des eventKalender*/
td, th				{ text-align: left; border-bottom:1px solid #eee; padding: 2px 10px; }
th					{ font-weight: bold; color: red;}


/*EvenFlyer Details*/
#eventBeschreibung	{ float: left; width: 366px; height: 375px; padding: 4px 0 0 10px; text-align: justify; }
#eventDetail		{ float: left; width: 359px; height: 380px; padding-left: 10px; border-left: solid 1px gray; margin-left: 15px; }
#eventDetail a		{ margin-bottom: 20px; text-decoration: none; font-weight: bolder; color: #309; cursor: pointer; }
#eventDetail a:link { text-decoration: none; font-weight: bolder; color: #309; }
#eventDetail a:active a:visited 	{ text-decoration: none; color: #309; }
.bookinglink		{ font-weight: bold; color: FF0000; }

#eventFlyer			{ width: 350px; height: 500px; float: right; margin: 55px 65px 0 0; }
#eventMedien		{ padding: 588px 0 0 200px; }
#eventMedien ul     { margin:0; padding:0; list-style:none; }
#eventMedien li     { float:left; margin:0; padding:0 5px; text-align:center; line-height:15px;}


/*Event Archiv*/
#archiv				{ position: absolute; top: 500px; }
#archiv a			{ margin-bottom: 20px; text-decoration: none; font-weight: bolder; color: #309; cursor: pointer; }
#archiv a:link 		{ text-decoration: none; font-weight: bolder; color: #309; }
#archiv a:active a:visited 	{ text-decoration: none; color: #309; }

/*Leistungen*/
#leistung h3		{ padding-left: 0; }
#leistung			{ float: left; width: 820px; height: 380px; padding-left: 10px; }
#leistungMenu		{ float: right; width: 210px; height: 325px; margin: 30px 125px 0 10px; }



/*Kontakt*/
#kontaktInput		{ float: right; margin-right: 180px; margin-top: -90px }
.error				{ height: 14px; margin: 5px 5px 5px 13px; color: red; }


/*Staff*/
#staff h3			{ padding-left: 0; }
#staff				{ width: 820px; height: 380px; }
#staffMenu			{ float: right; width: 210px; margin: 25px 115px 0 10px; padding-bottom:0.75em; font-weight: bold; font-size: 14px; line-height: 30px;  }
.staff				{ float: left; width: 350px; height: 500px; margin: 0 20px 0 -35px;}
.staffName			{ padding-top: 32px; }
.staffInfo			{ padding-top: 10px; }
.staffLinks			{ padding-top: 10px; }


/*Partner*/
#sites              { float: left; width: 820px; height: 380px; }
#sites a            { padding:5px; }
#adresses           { padding:50px 0 0 10px; }
#partnerMenu        { float: right; width: 210px; height: 325px; margin: 30px 125px 0 10px; }
#wrapperP img       { width:100px;}


/*Teaser*/
#teaser				{ width: 350px; height: 500px; float: right; margin: 55px 65px 0 0; }

/*Twitter*/
#twitterInput		{ float: right; margin-right: 180px; margin-top: -85px; }
#twitterOutput		{ width: 750px; height: 75px; position: relative; margin: 600px 0 0 165px; color: #000; }
#user				{ float: right; position: absolute; right: 20px; bottom: 0; }
.error				{ height: 14px; margin: 5px 5px 5px 13px; color: red; }
#twitterForm		{ width: 489px; height: 467px; padding-left: 20px; }
#contactForm		{ width: 489px; height: 467px; padding-left: 20px; }

/*Twitter- und Kontakt bestätigung*/
#wrapperS			{ width: 489px; height: 447px; padding: 20px 0 0 20px; background: url(../images/twitter_pics/twitterBG.jpg) repeat; }
#contentS			{ width: 380px; height: 380px; }

/*Footer*/
#footer, #user		{ font-size:9px; }
#footer				{ clear: both; width: 250px; margin: 1px auto; color: #777; }


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------------------->>> thickbox<<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/


/*ie6 hack*/
* html #TB_overlay { position : absolute; }
* html #TB_window { position : absolute; top: 10%;}
* html #TB_load { position : absolute; }
* html #TB_HideSelect { position : absolute; }

#TB_window  { font : 12px Arial, Helvetica, sans-serif; color : #333333; }
#TB_secondLine { font : 10px Arial, Helvetica, sans-serif; color : #666666; }
#TB_window a:link { color : #666666; }
#TB_window a:visited { color : #666666; }
#TB_window a:hover { color : #000; }
#TB_window a:active { color : #666666; }
#TB_window a:focus { color : #666666; }
#TB_overlay { position : fixed; z-index : 100; top : 0; left : 0; height : 100%; width : 100%; }
.TB_overlayMacFFBGHack { background : url(../images/twitter_pics/macFFBgHack.png) repeat; }
.TB_overlayBG { background-color : #000; }


#TB_window { position : fixed; background : #ffffff; z-index : 102; color : #000000; display : none; border : 4px solid #525252;
				text-align : left; top : 50%; left : 50%; }
#TB_window img#TB_Image { display : block; margin : 15px 0 0 15px; border-right : 1px solid #ccc; border-bottom : 1px solid #ccc;
				border-top : 1px solid #666; border-left : 1px solid #666; }
#TB_caption { height : 25px; padding : 7px 30px 10px 25px; float : left; }
#TB_closeWindow { height : 25px; padding : 11px 25px 10px 0; float : right; }
#TB_closeAjaxWindow { padding : 7px 10px 5px 0; margin-bottom : 1px; text-align : right; float : right; }
#TB_ajaxWindowTitle { float : left; padding : 7px 0 5px 10px; margin-bottom : 1px; }
#TB_title { background-color : #e8e8e8; height : 27px; }
#TB_ajaxContent { clear : both; padding : 2px 15px 15px 15px; overflow : auto; text-align : left; line-height : 1.4em; }
#TB_ajaxContent.TB_modal { padding : 15px; }
#TB_ajaxContent p { padding : 5px 0 5px 0; }
#TB_load { position : fixed; display : none; height : 13px; width : 208px; z-index : 103; top : 50%; left : 50%; margin : -6px 0 0 -104px; }
#TB_HideSelect { z-index : 99; position : fixed; top : 0; left : 0; background-color : #fff; border : none; height : 100%; width : 100%; }
#TB_iframeContent { clear : both; border : none; margin-bottom : -1px; margin-top : 1px; }