/* typography */

p, ul, ol, h2, h3, h4 {
	padding-right: 2em;
}

#bd {
	background: white url('/img/backgrounds/content.png') repeat-y;
}

#doc2 .yui-u.first {
	width: 32%;
}

#doc2 .yui-u.second {
	width: 66%;
}

/* header */

#hd .yui-u.second{
	width: 68%;
	margin-left: 0;
	position: relative;
}

#hd {
	padding-right: 1em;
	color: #530284;
	background: white url('/img/backgrounds/himmel_schmal.jpg') no-repeat top right;
}

.frontpage #hd {
	background: white url('/img/backgrounds/himmel.jpg') no-repeat top right;
}

#hd .second {
	height: 11.692em;
	*height: 11.4em;
}

.frontpage #hd .second {
	position: relative;
	height: 23.07em;
	*height: 22.5em;
}

#topLinks {
	padding: 0.5em 0;
}

#title {
	position: absolute;
	bottom: 1em;
	left: 1.5em;
	width: 49em;
	*width: 47.89em;
}

#title h1 {
	font-size: 182%;
	font-weight: bold;
}

#title h1 span {
	font-size: 54.9%;
}

/* footer */

#ft {
	background: #76399D url('/img/backgrounds/primary_content.png') repeat-y; 
}

/* primary content */

#pc {
	background: #76399D url('/img/backgrounds/primary_content.png') repeat-y; 
}

#pc p {
	margin: 0.5em 0 1em 0;
}

#pc p.provider {
	margin: 0 0 1em 0;
	font-size: 116%;
}

#pc ul {
	margin: 1em 0;
	font-size: 108%;
}

#pc ul li {
	margin: 0.75em 0;
	list-style-type: none;
	list-style-image: none;
}

#pc form {
	margin: 1em 0;
}

#pc div h2 {
	margin: 0.5em 0;
	font-weight: normal;
	font-size: 182%;
	color: white;
}

#pc h2 span {
	font-size: 54.9%;
}

#pc h2 span.sub {
	display: block;
	line-height: 1.4em;
	font-size: 63.7%;
}

#pc .first h2 {
	margin: 1em;
	font-size: 123.1%;
	font-style: italic;
}

#pc label {
	color: white;
}

/* 3 column city listing */

#pc .glossarNav {
	font-size: 100%;
	margin: 1em 0;
}

#pc .glossarNav a {
	padding: 0 0.2em;
	color: white;
	border: 1px solid #C7BAD7;
	text-decoration: none;
}

#pc .glossarNav a:hover {
	background-color: white;
	color: #530284;
	border: 1px solid white;
	text-decoration: none;
}

h3.glossar {
	margin: 1em 1em 0 0;
	padding: 0 0 0.5em 0;
	border-bottom: 1px solid #BD8DFF;
}

div.glossar {
	margin: 1em 0 1em 0;
}

div.glossar div.column {
	float: left;
	width: 33%;
	padding: 0;
	margin: 0;
}

.glossar ul {
	font-size: 100%;
	width: auto;
	padding: 0;
	margin: 0;
}

.glossar ul li {
	list-style-type: none;
	list-style-image: none;
	padding: 0;
	margin: 0;
}

.glossar li a {
	padding: 0;
	margin: 0;
}

/* box */

div.box {
	background-color: #ECE6F2;
	border: 1px solid #C7BAD7;
	padding: 0 1em;
	margin: 1em 2em 2em 0;
	-webkit-box-shadow:3px 3px 10px #9B9B9B;
	-moz-box-shadow: 3px 3px 10px #9B9B9B;
}

div.search.box {
	padding: 0 1em 0.5em 1em;
}

div.box p {
	margin: 0.5em 0 0.7em 0;
}

div.box h2 {
	font-size: 123.1%;
	margin: 0.5em 0 0.3em 0;
}

div.box img {
	margin: 0.5em;
}

img.right {
	float: right;
}

/* gluecksspirale logo / link */

a.sponsor {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 1em;
	border: none;
	/*filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;*/
}

a.sponsor:hover {
/*	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;*/
	border: none;
}

/* Team-box on start-page */

#team {
	margin: 1em 2em 1em 0;
	color: #313131;
	background-color: #ECE6F2;
	-webkit-box-shadow:3px 3px 10px #9B9B9B;
	-moz-box-shadow: 3px 3px 10px #9B9B9B;
}

#team .slides {
    position:relative;
	float: left;
    height: 15.4em;
	width: 23.1em;
	*width: 22.55em;
}

#team .slides img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8;
    opacity: 0.0;
	width: 100%;
	opacity: 0.0;
}

#team .slides img.active {
    z-index: 10;
    opacity: 1.0;
}

#team .slides img.last-active {
    z-index: 9;
}

#team .text {
	height: 15.4em;
	width: 23.1em;
	*width: 22.0em;
	float: left;
}

#team .text ul {
	padding-right: 0em;
	margin: 0.75em 0.5em 0.5em 1em;
	font-size: 100%;
}

#team .text ul li {
	margin: 0.5em 0 0.5em 1.5em;
}

/* SEARCH FORM */

#searchForm input.keyword {
	width: 25em;
	font-size: 108%;
	float: left;
	padding: 0.35em;
	border: 1px solid #CBB7D8;
	margin-right: 0.5em;
}

#searchForm div {
	margin: 0.5em 0;
}

#searchForm div.clear {
	margin: 0;
}

#pc input.keyword {
 border: 1px solid #530284;
}

#pc button {
    border: 1px solid #530284;
}


/* SITE ADDRESS */

#siteAddress {
	width: 50%;
	float: left;
}

#siteAddress .mapLink {
	font-size: 88%;
}

/* SITE OPENING HOURS */

#sh {
	margin: 1em 1em 1em 0;
	width: 40%;
	float: right;
	padding: 0 0.75em;
	background-color: #ECE6F2;
	border: 1px solid #C7BAD7;
}

#sh p {
	margin: 0.5em 0;
	font-size: 93%;
}

#sh h3 {
	font-size: 116%;
	margin: 0.5em 0;
}


/* MISC */


div.important {
	background-color: #ff6;
	border: 1px solid #CBB7D8;
	padding: 0 1em;
	margin: 1em 2em 1em 0;
}

div.important p {
	margin: 0.5em 0;
}
	

/* OTHER MEDIA */

@media print {
	html, body, div, a, h1, h2, h3, p, button {
	  color: black !important;
		background-color: white !important;
		background-image: none !important;
		-webkit-box-shadow: none !important;
		-moz-box-shadow: none !important;
		box-shadow: none !important;
	}
	
	.noprint {
		display: none;
	}
}