@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{
/* Your styles here */

#body_158 #col1 {width: 100%; float: none; margin: 0px 0 -20px 0; padding:20px 10px 0 20px; position: relative; z-index: 50;}
#body_158 #col3 {margin-left: 0; float: none; position: relative; z-index: 99; }
#body_158 #col3_content {height:inherit; padding: 15px;}

#body_158 #month-header { position: relative; z-index:999!important; padding: 15px 5px 0px 5px; margin: 0 0 0 0; color: #080E26; text-transform: uppercase; font-size: 1.4em;}
#body_158 #month-header-prevnext a img { margin-bottom: -1px;}
#body_158 #month-header-prevnext span.currentmonth {padding:0 5px 0 2px;}

#body_158 .legendavailable { margin-left: 10px; border-left: 12px solid #b8e6bd; height: 12px; padding: 0 0 0 10px; margin: 0 0 5px 0; }
#body_158 .legendbooked { margin-left: 10px; border-left: 12px solid #e06b31; height: 12px; padding: 0 0 0 10px; margin: 0 0 5px 0; }
#body_158 .legendavailable p, #body_158 .legendbooked p {margin: 0; padding:0;}

#body_158 table.month-large {width: 100%; height:550px; font-size: 0.9em; margin-top: -15px; }

#body_158 table.month-large td {
	border: 1px solid #CBCCCC;
	border-collapse: collapse;
	width:14.25%;
	height:14.25%;
	padding: 23px 3px 3px 3px;
	text-align: right;
	vertical-align: top;
	font-size: 0.9em;
}

#body_158 div.weekday { display: inline; float: left; width:14.25%!important; height: 1px; margin: 0; padding: 0; position: relative;}
#body_158 div.weekday p {position:absolute; bottom:10px; left:8px; font-size: 0.8em; color:#8D8E99; margin: 0; padding: 0; height: 1px; }

#body_158 .month-weeknums { display: none;}

#body_158 table.month-large td div {
	float: right;
	padding:5px 5px 4px 4px;
	margin: -23px -3px 3px -5px;
	color: #8D8E99;
}

#body_158 table.month-large td div.V9 {
	float: none;
	background: none;
	width:102%;
	padding:2px;
	margin:0 -3px 0 -3px;
	color: #080E26;
	text-align: left;
}

#body_158 table.month-large td div.V9 span { display: block; padding: 3px 3px 3px 0; margin: 0 -1px -2px -5px; }

#body_158 table.month-large td div.V9 .grey_catheader_bullet,
#body_158 table.month-large td div.V9 .red_catheader_bullet,
#body_158 table.month-large td div.V9 .green_catheader_bullet,
#body_158 table.month-large td div.V9 .or_catheader_bullet,
#body_158 table.month-large td div.V9 .orange_catheader_bullet,
#body_158 table.month-large td div.V9 .blue_catheader_bullet,
#body_158 table.month-large td div.V9 .pink_catheader_bullet {
	display:none;
}

#body_158 table.month-large td div.grey_catheader_text {background:#b8e6bd url("images/gradient.png") repeat-x bottom left!important; color:#000; margin-bottom: 5px;}
#body_158 table.month-large td div.red_catheader_text {background:#e06b31 url("images/gradient.png") repeat-x bottom left!important; color:#FFF;}

#body_158 table.month-large td.monthOff {background:#FAFAFA;}

#body_158 .V9 ul { list-style: none; margin: 0; padding: 0;}
#body_158 .V9 ul li {list-style: none; margin: 0; padding: 0; padding: 3px 3px 3px 3px; margin: 0 -1px -2px 0px;}
#body_158 .V9 ul li ul { display:none;}
#body_158 .V9 ul li a { display:block; }

#body_158 .grey_catheader_text ul li a {  color:#000;}
#body_158 .red_catheader_text ul li a {  color:#FFF;}
#body_158 ul li a:focus, #body_158 ul li a:visited, #body_158 ul li a:active {outline: none;}

#body_158 .grey_catheader_text ul li a:hover { text-decoration: none;}
#body_158 .red_catheader_text ul li a:hover {text-decoration: none;}

#body_158 .V9 ul li:hover > ul {display:block; position: absolute; margin-top: 5px; cursor:pointer;}
#body_158 .V9 ul li ul li { padding: 10px; background: url("images/trame.png") repeat top left; -moz-border-radius: 5px;
-webkit-border-radius: 5px; color:#FFF; width: auto;}

/**/

.homepage-video { position: absolute; top: 0px; left:30px; padding: 0; width:261px; height:147px; }
.home-leftimage { margin: 30px 0 10px 0; }
.home-bottomimage {}

.tx-powermail-pi1 legend {display: none;}

#body_ctk .tx-powermail-pi1 {margin-top: 20px;}
#body_ctk .tx-powermail-pi1 label {display:block; color: #080E26; font-size: 0.9em; padding: 2px; text-align: left; width: 10em; padding: 5px 0 3px;}
#body_ctk .tx-powermail-pi1 input, .tx-powermail-pi1 textarea {width: 290px; border: 1px solid #918668; color: #918668; font: 1em Verdana,Arial,Helvetica,Sans-Serif; margin-left: 0; padding: 2px;}
#body_ctk .tx-powermail-pi1 input[type=submit] {width:auto; float: right; color: #080E26; font-size: 0.9em; margin-top: 15px;}

#body_contact fieldset.tx-powermail-pi1_fieldset { background: none repeat scroll 0 0 transparent; border: 0 solid #CCCCCC; float: right; margin-bottom: 1em; padding-top: 3em;}
#body_contact div.tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 0.8em;}
#body_contact div.tx_powermail_pi1_fieldwrap_html { clear: both; margin-bottom: 0.8em;}
#body_contact div.tx_powermail_pi1_fieldwrap_html label {background: none repeat scroll 0 0 transparent; float: left; padding: 2px; text-align: right; width: 10em;}
#body_contact div.tx_powermail_pi1_fieldwrap_html input, #body_contact div.tx_powermail_pi1_fieldwrap_html select, #body_contact div.tx_powermail_pi1_fieldwrap_html textarea {width:22em; border: 1px solid #CCCCCC;}
#body_contact div.tx_powermail_pi1_fieldwrap_html textarea {font-size:1em; height:10em; margin-left: 1em;}
#body_contact div.tx_powermail_pi1_fieldwrap_html input[type=submit] {width:auto; float: right; margin-right:;}

.telnum {float:left; width:200px;}
.social-links {float:left; width:100px;}
.social-links .social { float:left; margin-right: 10px; }

}