body {
	background-color: #ffffff;
	color: #000000;
	}
	
/*
--- GRADIENTS ---
*/

/* VERLAUF - horizontal (Standardfarbe: Farbe 1) */

.gradient-h (@h1: #ffffff, @h2: #506be4, @filter: true) {
	background: #506be4;
	background: -moz-linear-gradient(left, @h1 0%, @h2 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%, @h1), color-stop(100%, @h2));
	background: -webkit-linear-gradient(left, @h1 0%, @h2 100%);
	background: -o-linear-gradient(left, @h1 0%, @h2 100%);
	background: -ms-linear-gradient(left, @h1 0%, @h2 100%);
	background: linear-gradient(left, @h1 0%, @h2 100%);
	}

.gradient-h (@h1: #ffffff, @h2: #506be4, @filter: true) when (@filter = true) {
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr="@h1~",endColorStr="@h2~",GradientType=1)";
	}


/* VERLAUF - vertikal (Standardfarbe: Farbe 2) */

.gradient-v (@v1: #00f + #111111, @v2: #00f, @filter: true) {
	background: @v1;
	background: -moz-linear-gradient(top, @v1 0%, @v2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, @v1), color-stop(100%, @v2));
	background: -webkit-linear-gradient(top,  @v1 0%, @v2 100%);
	background: -o-linear-gradient(top, @v1 0%, @v2 100%);
	background: -ms-linear-gradient(top, @v1 0%, @v2 100%);
	background: linear-gradient(top, @v1 0%, @v2 100%);
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr="@v1~",endColorStr="@v2~",GradientType=0)";
	}	

.gradient-v (@v1: #00f + #111111, @v2: #00f, @filter: true) when (@filter = true) {
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr="@v1~",endColorStr="@v2~",GradientType=0)";
	}
	

/*
--- HEADER ---
*/
	
#header {
	.gradient-h(#ffffff, #506be4, true);
	}

#toggle-menu{
	color: #eee;
	background: darken(#00f, 5%);
	border-bottom-color: darken(#00f, 10%);
	}
	
#toggle-menu span{
	background-position: right -7px;
	}
	
#menu-bar {
	border-bottom-color: darken(#00f, 10%);
	 /* Verlauf */
	.gradient-v;
	}
	
#header.no-gradient {
	background: #506be4 !important;
	}

#menu-bar nav ul li a {
	color: #FFFFFF !important;
	border-bottom-color: darken(#00f, 5%);
	/* text-shadow */
	text-shadow: 0 -1px darken(#00f, 5%);
	}
	
#menu-bar nav ul ul {
	border-top-color: darken(#00f, 20%);
	}

#menu-bar nav ul ul li {
 	/* Verlauf */
	.gradient-v(#ffffff,#eeeeee,true);
	}

#menu-bar nav ul ul li a {
	color: #000 !important;
	/* text-shadow */
	text-shadow: 0 1px #ffffff;
	}
	
nav#sparten ul li a {
	color: lighten(#00f, 40%);
	}
	
nav#sparten ul li a.current,
nav#sparten ul li a:hover {
	color: #FFFFFF;
	}
	
#menu-bar nav ul li.hasChildren a.level1 span {
    background-image: url("../images/header/menu-bar-arrow-icons.png");
    /* retina */
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
		background-image: url("../images/header/menu-bar-arrow-icons-hires.png");
		background-size: 10px 200px;
		}
	}
	
nav#meta ul li a.level1 {
	background-image: url("../images/header/meta-nav-icons.png");
	/* retina */
    @media only screen and (-webkit-min-device-pixel-ratio: 2) {
		background-image: url("../images/header/meta-nav-icons-hires.png");
		background-size: 30px 120px;
		}
	}

#header-motiv {
	background-image: url("../../../images/header/artwork.png?moduleId=");
	}
	
#logo a {
	background-image: url("/logo.html") !important; 
	}
	
	
/*
--- CONTENT ---
*/

#content-wrapper {
	.gradient-v(#506be4, #ffffff, true);
	}	

article.text h1,
article.text h2,
article.text h3,
article.text section.date {
	color: #00f;
	}
	
article.text-info .icon {
	background-color: #00f;
	}

	
/*
--- TOOLBARS ---
*/

.toolbar .button-grey {
	color: #333;
	border: 1px solid #bbb;
	/* Verlauf */
	.gradient-v(#f6f6f6, #dddddd);
	}
	
.toolbar .button-grey:hover {
	color: #000;
	border: 1px solid #999;
	/* Verlauf */
	.gradient-v(#dddddd, #cccccc);
	}

.toolbar a.fancybox.icon-book {
	color: #00f;
	}

.toolbar a.btn-book,	
.toolbar a.icon-book {
	background-color:  #00f;
	}


/*
--- DATA-TABLES ---
*/

.data-table thead th {
	color: #FFFFFF;
	border-right-color: #00f - #111111;
	border-left-color: #00f + #333333;
	border-bottom-color: #00f - #222222;
	 /* Verlauf */
	.gradient-v;
	}
	
.data-table thead th a {
	color: #FFFFFF;
	}

.cssgradients .time-table tbody tr:nth-of-type(odd) th,
.cssgradients .time-table tbody tr:nth-of-type(odd) td,
.cssgradients .user .data-table tbody tr:nth-of-type(odd) th,
.cssgradients .user .data-table tbody tr:nth-of-type(odd) td,
.ie9 .time-table tbody tr:nth-of-type(odd) th,
.ie9 .time-table tbody tr:nth-of-type(odd) td,
.cssgradients .month-table tbody th,
.cssgradients .month-table tbody td,
.cssgradients .list-table tbody th,
.cssgradients .list-table tbody td { /* zebra CSS3 */
	 /* Verlauf */
	.gradient-v(#ffffff, #f9f9f9, true);
	}

.cssgradients .time-table tbody tr:nth-of-type(even) th,	
.cssgradients .time-table tbody tr:nth-of-type(even) td,
.cssgradients .user .data-table tbody tr:nth-of-type(even) th,	
.cssgradients .user .data-table tbody tr:nth-of-type(even) td,
.ie9 .time-table tbody tr:nth-of-type(even) th,	
.ie9 .time-table tbody tr:nth-of-type(even) td,
.cssgradients .month-table tbody th.weekend,
.cssgradients .month-table tbody td.weekend  {  /* zebra CSS3 */
	/* Verlauf */
	.gradient-v(#f6f6f6, #f0f0f0, true);
	}

.time-table tbody tr.odd th,
.time-table tbody tr.odd td,
.user .data-table tbody tr.odd th,
.user .data-table tbody tr.odd td {
	/* fixes IE < 9 border issue */
	/*position: relative !important;
	z-index: -1;*/
	/* Verlauf */
	/*.gradient-v(#ffffff, #f9f9f9);*/
	background-color: #f9f9f9;
	}

.time-table tbody tr.even th,
.time-table tbody tr.even td,
.user .data-table tbody tr.even th,
.user .data-table tbody tr.even td {
	/* fixes IE < 9 border issue */
	/*position: relative !important;
	z-index: -1;*/
	/* Verlauf */
	/*.gradient-v(#f6f6f6, #f0f0f0);*/
	background-color: #f0f0f0;
	}
	
.no-cssgradients .month-table tbody th,
.no-cssgradients .month-table tbody td,
.no-cssgradients .list-table tbody th,
.no-cssgradients .list-table tbody td {
	background: #f9f9f9;
	}
	
.no-cssgradients .month-table tbody th.weekend,
.no-cssgradients .month-table tbody td.weekend {
	background: #f0f0f0 !important;
	}
	
.time-table tbody tr.current th,
.time-table tbody tr.current td {
	/*
	.gradient-v(lighten(#00f, 60%), lighten(#00f, 57%));
	*/
	}
	
.data-table tbody td.occupied-single {
	color: #FFFFFF !important;
	border-color: darken(#506be4, 10%) !important;
	background: #506be4 !important;
	/* text-shadow */
	text-shadow: 0 1px 3px darken(#506be4,20%);
	/* box-shadow */
	-moz-box-shadow: inset 1px 1px 0px darken(#506be4, 2%) !important;
	-webkit-box-shadow: inset 1px 1px 0px darken(#506be4, 2%) !important;
	box-shadow: inset 1px 1px 0px darken(#506be4, 2%) !important;
	}
	
.cssgradients .data-table tbody td.occupied-single,
.ie9 .data-table tbody td.occupied-single {
	/* gradient */
	.gradient-v(lighten(#506be4, 10%), #506be4, true) !important;
	}
	
.data-table tbody td.occupied-single .tag {
	border: 2px solid darken(#506be4,20%);
	}
	
.data-table tbody td.occupied-abo {
	color: #FFFFFF !important;
	border-color: darken(#00f, 10%) !important;
	background: #00f !important;
	/* text-shadow */
	text-shadow: 0 1px 3px darken(#00f,20%);
	/* box-shadow */
	-moz-box-shadow: inset 1px 1px 0px darken(#00f, 2%) !important;
	-webkit-box-shadow: inset 1px 1px 0px darken(#00f, 2%) !important;
	box-shadow: inset 1px 1px 0px darken(#00f, 2%) !important;
	}
	
.cssgradients .data-table tbody td.occupied-abo,
.ie9 .data-table tbody td.occupied-abo {
	/* gradient */
	.gradient-v(lighten(#00f, 10%), #00f, true) !important;
	}
	
.data-table tbody td.occupied-abo .tag {
	border: 2px solid darken(#00f,20%);
	}
	
.data-table td.ui-selecting, 
.data-table td.ui-selected {
	background: #dddddd !important;
	border-color: #bbbbbb;
	}
	
.cssgradients .data-table td.ui-selecting, 
.cssgradients .data-table td.ui-selected,
.ie9 .data-table td.ui-selecting, 
.ie9 .data-table td.ui-selected {
	/* gradient */
    .gradient-v(#cccccc, #bbbbbb, true) !important;
    }
    
.data-table td.ui-selecting.occupied, 
.data-table td.ui-selected.occupied {
    border-color: #cc0000 !important;
    background: #ff0000 !important;
    /* text-shadow */
	text-shadow: 0 1px lighten(#ff0000,20%);
    /* box-shadow */
	-moz-box-shadow: inset 1px 1px 0px #cc0000 !important;
	-webkit-box-shadow: inset 1px 1px 0px #cc0000 !important;
	box-shadow: inset 1px 1px 0px #cc0000 !important;
    }    
    
.cssgradients .data-table td.ui-selecting.occupied, 
.cssgradients .data-table td.ui-selected.occupied,
.ie9 .data-table td.ui-selecting.occupied, 
.ie9 .data-table td.ui-selected.occupied  {
	/* gradient */ 
    .gradient-v(#ff0000, #dd0000, true) !important;
	}
	
.data-table tbody td.ui-selected.occupied .tag {
	border: 2px solid darken(#ff0000,30%);
	}

.data-table div.ui-selecting,
.data-table div.ui-selected {
    background-color: #00f !important;
    }
    
.time-table .course {
	.gradient-v(#ffffff, #eeeeee, true);
	}
	
.time-table .course .title {
	color: #00f;
	background-color: #FFFFFF;
	}
	
.time-table .course-irregular .title {
	color: #506be4;
	background-color: #FFFFFF;
	}
	
.course-view .time-table .ui-selected {
	background: #ddd;
	}
	
.cssgradients .course-view .time-table .ui-selected {
	.gradient-v(#eee, #ccc, true);
	}
	
.cssgradients .time-table .course-wrapper .ui-selected.course-irregular {
	.gradient-v(lighten(#506be4, 55%), lighten(#506be4, 50%), true);
	}

.time-table .course-wrapper .ui-selected .title {
	/*color: darken(#00f, 20%);*/
	/*background-color: #eee;*/
	/*border-bottom-color: lighten(#00f, 55%);*/
	}
	
.time-table .course-wrapper .ui-selected.course-irregular .title {
	color: darken(#506be4, 20%);
	background-color: lighten(#506be4, 60%);
	border-bottom-color: lighten(#506be4, 55%);
	}
	
.course-view .time-table .ui-selected .time,
.course-view .time-table .ui-selected .price {
	border-top-color: #f1f1f1;
	}
	
.time-table .course-wrapper .ui-selected.course-irregular .time,
.time-table .course-wrapper .ui-selected.course-irregular .price {
	border-top-color: lighten(#506be4, 60%);
	}
	
.month-table .course .title,
.list-table .course .title {
	color: #00f;
	}
	
.month-table .course-irregular .title,
.list-table .course-irregular .title {
	color: #506be4;
	}


/*
--- FANCYBOX ---
*/

.fb header,
.fb .tabs {
	color: #FFFFFF;
	border-color: darken(#00f, 10%);
	background: #00f;
	}
	
.cssgradients .fb header,
.cssgradients .fb .tabs {
	/* Verlauf */
	.gradient-v; /* cause: ie9 problem with gradient in comb. with border-radius */
	}
	
.fb header .peak {
	background-color: #00f;
	}
	

/*
--- FORMS & BUTTONS ---
*/

.form-area h3 {
	color: #00f;
	}
	
.form-area input[type=text]:focus,
.form-area input[type=password]:focus,
.form-area .input-text:focus,
.form-area .input-password:focus,
.form-area textarea:focus {
	background: #ffffff !important;
	border-color: darken(#00f, 10%);
	/* box-shadow */
    -webkit-box-shadow: 0 0 5px #00f; 
    -moz-box-shadow: 0 0 5px #00f;
    box-shadow: 0 0 5px #00f;
	}
	
.form-area select:focus {
	/* box-shadow */
    -webkit-box-shadow: 0 0 5px #00f; 
    -moz-box-shadow: 0 0 5px #00f;
    box-shadow: 0 0 5px #00f;
	}

.form-area input[type=submit],
.form-area input-submit,
.form-area .button {
	color: #FFFFFF;
	border-color: darken(#00f, 10%);
	/* text-shadow */
	text-shadow: 0 -1px darken(#00f,10%);
	/* box-shadow (inset) */
	-webkit-box-shadow: 0 1px #00f + #555555 inset;
	-moz-box-shadow: 0 1px #00f + #555555 inset;
	box-shadow: 0 1px #00f + #555555 inset;
	/* gradient */
	.gradient-v;
	}

.form-area input[type=submit]:hover,
.form-area input-submit:hover,
.form-area .button:hover {
	color: #FFFFFF;
	border-color: darken(#00f,10%) - #111111;
	/* text-shadow */
	text-shadow: 0 -1px darken(#00f,20%);
	/* box-shadow (inset) */
	-webkit-box-shadow: 0 1px #00f + #222222 inset;
	-moz-box-shadow: 0 1px #00f + #222222 inset;
	box-shadow: 0 1px #00f + #222222 inset;
	/* gradient */
	.gradient-v(darken(#00f,10%) + #222222, darken(#00f,10%), true);
	}
	

.form-area .button-grey {
	color: #FFFFFF;
	border: 1px solid #999;
	/* text-shadow */
	text-shadow: 0 1px #eeeeee;
	/* box-shadow (inset) */
	-webkit-box-shadow: 0 1px #eeeeee inset;
	-moz-box-shadow: 0 1px #eeeeee inset;
	box-shadow: 0 1px #eeeeee inset;
	/* Verlauf */
	.gradient-v(#dbdbdb, #bababa, true);
	}
	
.form-area .button-grey:hover {
	color: #FFFFFF;
	border: 1px solid #888;
	/* text-shadow */
	text-shadow: 0 1px #ddd;
	/* box-shadow (inset) */
	-webkit-box-shadow: 0 1px #cccccc inset;
	-moz-box-shadow: 0 1px #cccccc inset;
	box-shadow: 0 1px #eeeeee inset;
	/* Verlauf */
	.gradient-v(#bbbbbb, #aaaaaa, true);
	}
	
.form-area table.booking-styles td {
	/* Verlauf */
	.gradient-v(#fff, #eee, false);
	}
	
.form-area table.booking-styles table td {
	background: none !important;
	}
	
.form-area fieldset .icon,
.form-area h2 .icon {
	background-color: #00f;
	}
	
.form-area section.notice {
	color: #00f;
	}


	
/*
--- JQUERY UI (WIDGETS, etc.) ---
*/

.ui-widget-header {
	color: #FFFFFF;
	border: 1px solid darken(#00f, 20%) !important;
	 /* Verlauf */
	.gradient-v;
	}
	
.ui-tooltip {
	border-color: #00f;
	}
	
table.ui-datepicker-calendar tbody td a.ui-state-highlight{
	.gradient-v(lighten(#506be4, 10%), #506be4, true) !important;
	border: 1px solid darken(#506be4, 10%) !important;
	text-shadow: 0px 1px 0px lighten(#506be4, 20%); 
	}


/*
--- FOOTER ---
*/

#footer,
#footer nav a,
#footer nav li > span {
	.gradient-v(#222222, #111111, true);
	}

#footer nav ul li {
	.gradient-v(#333333, #191919, true);
	}