/* Erich Meyers CSS-Rest */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* END OF CSS - RESET */

body, html {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	font-family: Verdana;
	color: black;
	line-height: 1.5em;
}

html {
	background: #8A0E2B;/* url(../img/hintergrund-1800x1200-01-ohne.jpg) no-repeat;*/
	background-attachment: fixed;
	background-position: top center;
	/* Height is 100%, so the body can be 100% */
	height: 100%;
}

body {
	background: url(../img/matrix3x3.gif) repeat;
	background-attachment: fixed;
	margin: 0;
	padding: 0;
	/* Height is 100%, so the tiled BG will tile all the way down
		the page, not just as far down as the page's content
		(when the content's height is less than the window's height) */
	height: 100%;
}
/*
Hackety-hack-hack...
FF2, with the above code, will only display the repeat-y image for as
    high as the window's viewport is; higher content (upon
    scrolling) will not have the bg.
This "hack" makes the tiled background work properly in FF2.
This type of "advanced selector" is not understood by IE6...dunno
 'bout IE7.
*/
html>body {
	min-height: 100%;
	height: auto;
}

/* Content Elements */
h1, h2, h3, h4, h5, h6 {
	color: #8A0E2B;
	line-height: 1em;
	text-transform: uppercase;
	font-weight: normal;
	font-family: Georgia;
}

h1 {
	font-size: 24px;
	font-weight: normal;
	margin: 1em 0em;
	letter-spacing: 2px;
}

h2 {
	line-height: 1.2em;
	margin: 1em 0em;
	font-size: 14px;
}

h1 span.lower,
h2 span.lower,
h3 span.lower {
	text-transform: lowercase;
}

h3 {
	line-height: 1.2em;
	margin: 1em 0em;
}

a {
	text-decoration: underline;
	color: black;
}

p {
	margin: 1em 0em;
}

p.grey {
	color: #666666;
}

a:hover {
	color: #8A0E2B;
}

#fix {
	width: 100%;
	background-image: url(../img/head_trans.png);
}

#otherlang {
	position: absolute;
	right: -30px;
}

#header {
	height: 75px;
}

#top, #header {
	width: 700px;
	margin: 0 auto;
	position: relative;
}

#header {
	color: white;
}

#logoLink {
	position: absolute;
	top: 13px;
}

#commonMenu {
	position: absolute;
	right: 0px;
	top: 0px;
	font-size: 9px;
}
	#commonMenu li {
		float: left;
		margin-right: 5px;
		text-transform: uppercase;
	}
	#commonMenu li a {
		color: white;
		text-decoration: none;
	}


#mainMenu {
	position: absolute;
	left: 220px;
	bottom: 0px;
}

	#mainMenu li {
		width: 100px;
		float: left;
		margin-left: 20px;
	}
	
	#mainMenu li a {
		display: block;
		color: white;
		text-align: center;
		text-decoration: none;
		background-color: #8A0E2B;
		text-transform: uppercase;
		border-bottom: 5px solid white;
		font-size: 10px;
	}
	
	#mainMenu li a:hover, 
	#mainMenu li a.act {
		color: #8A0E2B;
		background-color: #ebebeb;
	}

#content {
	margin-top: 20px;
}

#leftCol {
	width: 240px;
	float: left;
}

#centerCol {
	width: 460px;
	float: left;
	overflow: hidden;
}

#leftMenu {
	width: 220px;
	background-color: white;
	padding: 10px 0px;
}
	#leftMenu li {
		position: relative;
		padding: 8px 0px 8px 12px;
		line-height: 1em;
	}
		#leftMenu li ul {
			padding-top: 4px;
		}
	
		#leftMenu li li {
			padding: 4px 0px 4px 5px;
		}
	
	#leftMenu li a {
		text-decoration: none;
		color: #8A0E2B;
		text-transform: uppercase;
	}
	
		#leftMenu li li a {
			text-transform: none;
		}
		#leftMenu li li a.act, 
		#leftMenu li li a:hover {
			font-weight: bold;
		}
	
	#leftMenu a img {
		display: none;
	}
	
	#leftMenu a.act img,
	#leftMenu a:hover img {
		display: block;
		position: absolute;
		left: -30px;
		top: -0px;
	}

#kulturamtlink {
	display: block;
	background-color: #8A0E2B;
	width: 208px;
	margin-top: 10px;
	padding-left: 12px;
	color: white;
	text-decoration: none;
}

#footer {
	margin-top: 20px;
	padding-bottom: 20px;
}

.date {
	display: block;
	color: #666666;
	font-size: 9px;
	font-weight: normal;
	border-bottom: 1px solid #8A0E2B;
	line-height: 1.5em;
	padding-top: 6px;
/*	margin-bottom: 2px;*/
}

.element {
	background-color: white;
	padding: 10px;
}

#centerCol ul {
	margin: 1em 0em;
	padding-left: 20px;
}

#centerCol .csc-textpic-imagewrap ul {
	padding: 0px;
}
#centerCol .csc-textpic-imagewrap ul li {
	list-style-type: none;
}

#centerCol ul li {
	list-style-type: circle;
}

#centerCol ul ul {
	margin: 0.5em 0em;
}

ul.contentOptions {
	overflow: hidden;
	background-color: #8A0E2B;
	margin: 10px 0px;
	font-size: 10px;
	padding-left: 10px;
	width: 230px;
}
	.contentOptions li a {
		color: white;
		text-decoration: none;
	}
	ul.contentOptions li {
		float: left;
		margin-right: 5px;
		list-style-type: none !important;
	}

.clear {
	float: none;
	clear: both;
}

.trainer_content {
	padding-top: 20px;
}

.trainer_info {
	margin-top: -20px;
}

.trainer_info .origin {
	font-style: italic;
}
.trainer_info .skills {
	float: right;
	font-weight: bold;
}

.weeks_navigation {
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	width: 100%;
}

.weeks_navigation li {
	list-style-type: none !important;
	padding: 0;
	margin: 0;
	float: left;
	width: 50%;
}

.weeks_navigation a {
	display: block;
	width: 210px;
	height: 18px;
	text-decoration: none;
	color: white;
	padding-left: 10px;
	font-size: 11px;
	font-weight: bold;
}

#stweek_link {
	float: left;
	background-color: #f9c932;
}

#ndweek_link {
	float: right;
	background-color: #6bd5f2;
}

.week_container {
	padding: 10px;
	padding-top: 5px;
	font-size: 10px;
	line-height: 1.3em;
	overflow: hidden;
}

#stweek_container {
	background-color: #f9c932;
}

#ndweek_container {
	background-color: #6bd5f2;
}

h2.trainer_site {
	color: white;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	margin-top: 10px;
	font-family: Verdana;
}

.trainer_workshop {
	overflow: hidden;
	margin-top: 5px;
}

.timeslot {
	float: left;
	width: 35px;
/*	height: 30px;*/
	padding: 5px;
	background-color: white;
}

.workshop_description {
	padding: 5px;
	background-color: white;
	margin-left: 5px;
	float: left;
	width: 380px;
}

	.workshop_description .special {
		color: #8A0E2B;
	}

	.workshop_description .niveau {
		float: right;
	}
	
	.workshop_description .registerLink {
		float: right;
	}
	
.reg_bg {
	background-image: url(../img/registration_bg.png);
	background-repeat: repeat-y;
	overflow: hidden;
}
	
.registration_element {
	background-color: white;
}
	.registration_element h1 {
		padding: 0px 10px;
	}

.registration_element {
	overflow: hidden;
}

.reg_week_head {
	width: 220px;
	float: left;
	padding-left: 10px;
	color: white;
	font-weight: bold;
	font-size: 11px;
	line-height: 17px;
}

.registration_workshop {
	overflow: hidden;
	font-size: 10px;
	line-height: 1.2em;
	width: 230px;
	margin-bottom: 5px;
}

.registration_workshop .timeslot {
	padding: 5px 3px;
	border: 1px solid white;
}

.registration_workshop .workshop_description {
	width: 163px;
	border: 1px solid white;
}

.registration_workshop .register_input {
	float: right;
	color: #8A0E2B;
}


.registration_week_1 {
	float: right;
	clear: right;
}

	.registration_week_1 .timeslot {
		float: right;
	}
	
	.registration_week_1 .workshop_description {
		margin-left: 5px;
		margin-right: 5px;
	}
	

.registration_workshop .booked_out {
	border: 1px solid #999999;
	background-color: #ebebeb;
	color: #9a9a9a;
}
	.registration_workshop .booked_out a {
		color: #9a9a9a;
	}

.registration_workshop .selected {
	background-color: #b43816;
	color: white;
}

	.registration_workshop .selected a {
		color: white;
	}
	.registration_workshop .selected .special {
		color: white;
	}
	
.performance {
	overflow: hidden;
	margin-top: 5px;
}
	.performance .timeslot {
		width: 85px;
	}
	.performance .description {
		width: 330px;
		padding: 5px;
		float: left;
		background-color: white;
		margin-left: 5px;
	}
	
	.performance .subtitle {
		text-transform: uppercase;
		padding-bottom: 3px;
	}
	.performance h1 {
		font-size: 14px;
		letter-spacing: 0;
	}
	
.workshop_line {
	overflow: hidden;
	font-size: 10px;
	line-height: 1.2em;
	background-image: url(../img/workshop_bg.png);
	background-position: center;
	background-repeat: repeat-y;
}
.workshop_line .workshop_name {
	width: 150px;
	margin-right: 10px;
	float: left;
	padding: 5px 0px;
}

.workshop_line .workshop_week1,
.workshop_line .workshop_week2 {
	float: left;
	width: 130px;
	padding: 5px;
}

/*.workshop_bg {
	background-image: url(../img/registration_bg.png);
	background-position: center;
	background-repeat: repeat-y;
	overflow: hidden;
	width: 280px;
	min-height: 100%;
}*/

.workshop_line a {
	display: block;
	background-color: white;
	float: left;
	padding: 0px 2px;
	margin-bottom: 10px;
}

.workshop_headline {
	color: white;
}

.loginformrow {
	margin-top: 15px;
}
	.loginformrow .logininput {
		width: 180px;
	}
	.loginformrow .loginforgotlink {
		text-align: right;
		width: 180px;
		float: left;
	}
	.loginformrow label,
	.loginformrow .loginlabel {
		width: 145px;
		text-align: right;
		padding-right: 5px;
		float: left;
	}