/* Projekt:			kuechen-plus.de	*/
/* Dateiname:		style.css		*/
/* Author:			Rene K�ppers	*/
/* erstellt:		14.12.2009		*/
/* validiert am:	n/a				*/



* {
	border: 0;
	font-family: Trebuchet MS, Arial, Verdana;
	list-style-type: none;
	margin: 0;
	outline: none;
	padding: 0;
	text-decoration: none;
	}

html, body {
	height: 100.1%;
	}

body {
	background: #000;
	}

.clearing {
	clear: both;
	}



/* billi Frame */
#billiFrame {
	background: #fff;
	margin: 0 auto;
	margin-bottom: -88px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 950px;
	}



/* billi Header */
#billiHeader {
	background: url("../images/background_head.jpg");
	height: 102px;
	margin: 0 auto;
	width: 910px;
	}

#billiHeader img {
	margin: 8px 0 0 26px;
	}



/* billi Mood Image*/
#billiMood {
	background: url("../images/mood_fallback.jpg");
	height: 150px;
	margin: 10px auto;
	width: 910px;
	}

#billiMood.home {
	background: url("../images/mood_fallback_index.jpg");
	height: 300px;
	}



/* billi Primary Navigation */
#billiNavPrimary {
	background: url("../images/background_navigation.jpg");
	height: 34px;
	margin: 10px auto;
	padding: 6px 0 0 14px;
	width: 896px;
	}

#billiNavPrimary li {
	display: inline;
	}

#billiNavPrimary a {
	color: #fff;
	display: block;
	float: left;
	font-size: 14px;

	height: 28px;
	margin: 0 10px;
	padding-right: 6px;
	}

#billiNavPrimary a.active, #billiNavPrimary a:hover {
	background: url("../images/primary_navigation_b.jpg") top right;
	}

#billiNavPrimary a span {
	display: block;
	line-height: 28px;
	padding: 0 16px 0 22px;
	}

#billiNavPrimary a.active span, #billiNavPrimary a:hover span {
	background: transparent url("../images/primary_navigation_a.jpg") top left;
	}

#billiNavPrimary a.active span {
	font-weight: bold;
	}



/* billi Secondary Navigation */
#billiNavSecondary {
	color: #999;
	font-size: 11px;
	margin: 0 20px;
	text-align: right;
	}

#billiNavSecondary a {
	color: #999;
	}

#billiNavSecondary a:hover {
	text-decoration: underline;
	}



/* billi Content Frame */
#billiContent {
	background: url("../images/content_bgr_top.jpg") no-repeat;
	margin: 0 auto;
	min-height: 460px;
	position: relative;
	width: 910px;
	z-index: 2;
	}

#billiContent.indexTeaser {
	background: url("../images/content_bgr_index.jpg") no-repeat;
	min-height: 410px;
	}

#billiContentFooter {
	background: url("../images/content_bgr_bottom.jpg") no-repeat;
	height: 180px;
	position: absolute;
	bottom: 98px;
	width: 910px;
	z-index: 1;
	}

#push {
	clear: both;
	height: 100px;
	}



/* billi Content Columns */
#billiColLeft {
	float: left;
	width: 560px;
	padding: 10px 0 20px 30px;
	}

#billiColRight {
	margin-left: 620px;
	padding-top: 10px;
	}

#billiContent h1 {
	color: #a00;
	font-size: 24px;
	font-weight: normal;
	margin: 1.5em 0;
	}

#billiContent p {
	font-size: 14px;
	line-height: 160%;
	margin: 1em 0;
	}

#billiColLeft p a {
	color: #a00;
	text-decoration: underline;
	}

#billiColLeft p a:hover {
	background: #a00;
	color: #fff;
	}

.inConColLeft {
	float: left;
	width: 120px;
	}

.inConColRight {
	float: left;
	width: 420px;
	}



/* billi Teaser */
.billiTeaser {
	height: 44px;
	margin-bottom: 10px;
	padding: 206px 0 0 18px;
	width: 262px;
	}

.billiTeaser a.teaserButton, form .submit {
	background: url("../images/teaser_button.gif") top left no-repeat;
	color: #a00;
	display: block;
	font-size: 12px;
	font-weight: bold;
	height: 21px;
	padding: 4px 0 0 8px;
	width: 172px;
	}

.billiTeaser a.teaserButton:hover, form .submit:hover {
	background-position: bottom left;
	color: #fff;
	}

.indexTeaser .billiTeaser {
	float: left;
	margin: 10px 0 10px 10px;
	padding: 246px 0 0 18px;
	width: 272px;
	height: 44px;
	}


a.backButton {
    background: url("../images/more_button.gif") top left no-repeat;
    color: #a00;
    display: block;
    font-size: 12px;
    line-height:17px;
    font-weight: bold;
    height: 21px;
    padding: 4px 0 0 5px;
    width: 56px;
    word-spacing:-2px
}

a.backButton:hover{
    background-position: bottom left;
    color: #fff;
}

#billiContent a.backButton {
    margin-top:30px;
}

/* billi Footer */
#billiFooter {
	background: #000 url("../images/background_footer.jpg") no-repeat;
	color: #999;
	font-size: 10px;
	height: 88px;
	margin: 0 auto;
	position: relative;
	width: 910px;
	}

#billiFooter a {
	color: #999;
	}

#billiFooter a:hover {
	text-decoration: underline;
	}

#billiFooter p {
	position: absolute;
	top: 28px;
	left: 180px;
	z-index: 3;
	}

#billiFooter img {
	position: absolute;
	top: 12px;
	left: 24px;
	z-index: 6;
	}



/* billi Scroller */
#billiScroller {
	position: relative;
	margin: 3em 0;
	}

#ScrollerContent {
	height: 64px;
	width: 560px;
	overflow: hidden;
	}

#ScrollerContent img {
	margin-right: 30px;
	}

#maskL, #maskR {
	height: 64px;
	position: absolute;
	top: 0;
	width: 80px;
	}

#maskL {
	background: transparent url("../images/scroller_mask_l.png");
	left: 0;
	}

#maskR {
	background: transparent url("../images/scroller_mask_r.png");
	right: 0;
	}



/* billi Sevice Plus */
#billiService {
	margin-top: 22px;
	}

#billiService h2 {
	background: url("../images/collapsebox.gif") no-repeat;
	cursor: pointer;
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	padding: 8px 10px 4px 10px;
	}

#billiService h2 img {
	float: right;
	margin: 2px 10px 0 0;
	}

#billiService h2.open {
	color: #e2001a;
	}

#billiService h2.open img {
	display: none;
	}

#billiService .billiCollapse {
	padding: 0 30px 10px 120px;
	width: 410px;
	}

#billiService .billiBox {
	background: url("../images/collapsebox.gif") left bottom no-repeat;
	padding-bottom: 4px;
	}

#billiService p {
	margin: 0;
	padding: 0.5em 0;
	}



/* billi Contact Form */
form {
	margin-top: 2em;
	}

form input, form textarea {
	border: 1px solid #ddd;
	font-size: 14px;
	margin-bottom: 10px;
	padding: 4px 6px;
	width: 320px;
	}

form label {
	display: block;
	float: left;
	font-size: 14px;
	width: 160px;
	padding: 6px 0 4px 0;
	}

form input.active, form textarea.active {
	border: 1px dotted #333;
	font-weight: bold;
	background: #eee;
	}

form .error {
	border: 1px solid #a00;
	}

form .submit {
	margin-left: 160px;
	}

.formError {
	color: #a00;
	font-weight: bold;
	}




.event_bg {
    padding: 20px 20px 75px 20px;
    position:relative;    
}
#event_list .event_bg {
    background: url("../images/event_list_bg.gif") 309px 71px no-repeat;
}
    
.event_box {
	background: url("../images/collapsebox.gif") no-repeat scroll left bottom transparent;
        width:550px;
}
.event_box .event_head {
        position:absolute;
	background: url("../images/collapsebox.gif") no-repeat scroll left top transparent;
	height:20px;
        top:0px;
        left:0px;
        width:100%;
}

#event_list .listhead {
	color: #000000;
	font-size: 12px;
        font-weight:lighter;
	} 
        

#event_detail .texthead {
	color: #AA0000;
	font-size: 18px;
} 
        
.events_list_brief {
	padding-left: 25px;
}
#event_list .geschenkteaser {
    position:absolute;
    right:20px;
    top:21px;
}

.event_box .teilnahme_teaser {
    background:url('../images/kochschule-teilnahme-bg.png') no-repeat left top transparent;
    width:480px;
    height:72px;
    position:absolute;
    bottom:-30px;
    right:20px;
    padding:6px 15px;
    color:#fff;
    font-size:14px;
    line-height:18px;
}
#event_list ul{
    margin:0px;
    padding:0px;
    list-style-type:none;
    width:300px;
    
}
#event_list ul li {
    position:relative;
    border-bottom:solid 1px #ededed;
    padding:10px 0px;
}
#event_list ul li.last {
    border:none;
}
#event_list li a {
    color: #AA0000;
    font-size: 14px;
    font-weight:bold;
}

#event_list a.moreButton {
    position:absolute;
    float: right;
    right:0px;
    top:12px;    
    background: url("../images/more_button.gif") top left no-repeat;
    color: #a00;
    display: block;
    font-size: 12px;
    line-height:17px;
    font-weight: bold;
    height: 21px;
    padding: 4px 0 0 8px;
    width: 56px;
}


#event_list a.moreButton:hover{
    background-position: bottom left;
    color: #fff;
}

.booking_teaser {
    
}
#event_booking_teaser a,
#event_booking_teaser .redText {
    color:#AA0000;
}

#event_detail .event_dates {
    padding:5px 0px;    
    border-bottom:solid 1px #e3e3e3;        
}

#event_detail .text_details {
    font-size:14px;
    padding:10px 0px 40px 0px;
}
#event_detail .event_dates {
    font-size:12px;
}

#event_detail .event_free_seats {
    width:200px;
    padding:10px;
    position:absolute;
    right:20px;
    line-height:24px;
    bottom:65px;
    background: url("../images/free-seats-bg.png") no-repeat scroll left top transparent;
    color:#fff;
    height:23px;
    width: 480px;    
    padding: 6px 15px;    
}