@charset "UTF-8";

@import url("css/blueprint/src/reset.css") all;
@import url("css/blueprint/src/typography.css") all;
@import url("css/960grid/grid.css") all;
@import url("css/cssmenu/css/dropdown/dropdown.css") all;
@import url("webfontkit/stylesheet.css") all;
@import url("colorbox/colorbox.css") all;

/* === SETUP === */

body {
	
	background-image: url("images/background_highlight.jpg");
background-repeat: no-repeat;
background-position: top center;
background-attachment: fixed;
}

#logo {
	
	height: 190px;
	background-image: url("images/logo.png");
	background-position: center;
	background-repeat: no-repeat;

	
}

#content_box_top {
	
	background-image: url("images/content_box_top.png");
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	
}

#content_box_middle {
	
	background-image: url("images/content_box_middle.png");
	background-position: center;
	background-repeat: repeat-y;


}

#content_box_bottom {
	
	background-image: url("images/content_box_bottom.png");
	background-position: center;
	background-repeat: no-repeat;
	height: 24px;
	margin-bottom: 50px;
	
}

#menu {
	
	margin: 0 auto;
	width: 780px;
	margin-top: 20px;
}

div.horizontal_line {
	
	background-image: url("images/horizontal_line.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 22px;
	margin: 30px 0;
	
}

.teaserFader {

	height:300px;	
	width:960px;
	float:left;	
	cursor:pointer;

}

/* single slide */
.teaserFader div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
height: 300px;
}

#teaserFader {
	
	list-style-type: none;
	margin: 20px 0;
	padding: 0;
	width: 920px;
}

/* === Typo === */

.moveup {
	
	text-align: right;
}

.moveup a {
	
	font-size: 10px;
	padding-left: 15px;
	background-image: url("images/moveup.png");
	background-repeat: no-repeat;
	background-position: 0px 1px;
	text-transform: uppercase;
	text-decoration: none;
}

.button {
	

	width:  240px;
	height: 50px;

	background-image: url("images/button.png");
	background-position: 0 0;
	background-repeat: no-repeat;
	line-height: 50px;
	padding-left: 40px;
	font-size: 2em;
	text-align: center;
	border-top: 1px dotted #fff;
	border-bottom: 1px dotted #fff;
	margin-bottom: 20px;

	
	
}

.imprint {
	
	text-align: center;
	margin-bottom: 20px;
}

.button:hover {
	
	cursor:  pointer;

}

a.button_link, a:visited.button_link {
	
	text-decoration: none;
	color: #DB658E;
}

a:hover.button_link {
	
	text-decoration: none;
	color: #FFF;
}


.event_month {
	
	font-size: 2.3em;
	color: #DB658E;
	margin-bottom: 24px;
}

.event_topline {
	margin-bottom: 10px;
	border-bottom: dotted 1px #eee;
}

.event_date {
	
	font-size: 1em;
}

.event_title {
	
	font-size: 1.5em;
	color: #DB658E;
	margin-bottom: 10px;
	border-bottom: dotted 1px #eee;
	padding-bottom: 10px;
}

.event_title a {

	color: #DB658E;
	text-decoration: none;
	
}

.events_detail {
	
	 padding:30px; 
	 background:#fff;
}

.events_detail p {
	color:  #222;
}

.events_detail a, .events_detail h2, .events_detail h3 {
	color:  #DB658E;
}

#res label {

	font-size: 1.1em;
	color: #DB658E;	
	display: block;
	margin-bottom: 5px;
}

#res label.error {
	
	text-align: right;
	font-size: 1em;
	color: #fff;
}

#res .radio {
	
	margin-bottom: 5px;
}

#res .radio input {
	
	margin-right: 10px;
}

#res .select {
	
	margin-bottom: 30px;
}

#res .select select {
	
	float: left;
	margin-right: 10px;
}

#res .select label {
	
	padding-top: 1px;
}

#res input.text {
	
	margin-bottom: 10px;
	border: 0;
	background-color: #fff;
	height: 25px;
	padding: 0 5px;
	width: 270px;
	line-height: 25px;
}

/* === Scrollable === */

/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 960px;
	height: 250px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accommodate scrollable items.
	it's enough that you set width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
}

/*
	a single item. must be floated in horizontal scrolling.
	typically, this element is the one that *you* will style
	the most.
*/
.items >div {
	float:left;
}

 .prev {
 	
 	position: absolute;
 	left: 0px;
 	bottom: 0px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url("images/buttons.png") 0px 0px;
	opacity: 0.7;
 	
 }
 
 .next {
 	
 	position: absolute;
 	right: 0px;
 	bottom: 0px;	
 	width: 30px;
 	height: 30px;
 	cursor: pointer;
 	background: url("images/buttons.png") -30px 0px;
 	opacity: 0.7;
 	
 }
 
 .next:hover, .prev:hover {
 	
 	opacity: 1;
 }
 
.disabled, .disabled:hover, .disabled:active {
     cursor: default;
     opacity: 0.2;
 }


/* === jCarousel === */

.jcarousel-skin-tango .jcarousel-container {

}

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 960px;

}



.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  960px;
    height: 250px;
}



.jcarousel-skin-tango .jcarousel-item {
	width: 960px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {

}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
 

 
 
.jcarousel-skin-tango .jcarousel-next-horizontal  {
    position: absolute;
    bottom: 0px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url("images/buttons.png") -30px 0px;
    opacity: 0.7;
}


.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    opacity: 0.2;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    bottom: 0px;
    left: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
        background: url("images/buttons.png") 0px 0px;
        opacity: 0.7;
}


.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    opacity: 0.2;
}

/* TOOLTIP */

/* tooltip styling */
.tooltip {
	display:none;
	background: #ff0000;
	height:163px;
	padding:40px 30px 10px 30px;
	width:310px;
	font-size:11px;
	color:#fff;
}

/* a .label element inside tooltip */
.tooltip .label {
	color:yellow;
	width:35px;
}

.tooltip a {
	color:#ad4;
	font-size:11px;
	font-weight:bold;
}


/* === DROPDOWN === */



/** 
 *
 * @file		default.css
 * @name		Default
 * @version		0.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */

/*@import "helper.css";*/


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


ul.dropdown {


}

	ul.dropdown li {
	
		font-family: "CriticizedRegular";
		font-size: 18px;
		height: 40px;
		line-height: 47px;
		padding-left: 20px;
		padding-right: 20px;
		color: #fff;
		text-transform: uppercase;
	}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 background-color: #fff;
	 color: #250435;
	}

	ul.dropdown a:link,
	ul.dropdown a:visited	{ color: #ffffff; text-decoration: none; }
	ul.dropdown a:hover		{ color: #250435; }
	ul.dropdown a:active	{ color: #250435; }

	ul.dropdown li.hover,
	ul.dropdown li:hover > a:link,
	ul.dropdown li.hover,
	ul.dropdown li:hover > a:visited	{ color: #250435; text-decoration: none; }
	ul.dropdown li.hover,
	ul.dropdown li:hover > a:hover		{ color: #250435 }
	ul.dropdown li.hover,
	ul.dropdown li:hover > a:active	{ color: #250435 }


	/* -- level mark -- */

	ul.dropdown ul {
	width: 200px;

	}

		ul.dropdown ul li {
		 font-weight: normal;
		 	 margin-bottom: 5px;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


ul.dropdown *.dir {

}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {


}

ul.dropdown-upward *.dir {

}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {

}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;

}