/*
Copyright (c) 2007, 
http://www.nomoresleep.net
Last Changes: Thomas Michelbach, 03.01.2008
*/

@import url("reset.css");

html {
	overflow-y: scroll;
}
body{
	background-color: #fff;
	background-image: url('/images/background-pattern.gif');
	background-position: center top;
	font-family: Georgia, Arial, Verdana. Tahoma, Geneva, 'Times New Roman';
	font-size: 62.5%;
	text-align: center;
}
body#teaser{
	background-color: #480050;
	background-image: url('/images/teaser/WB-prepage-hg.jpg');
	background-position: center top;
	background-repeat: no-repeat;
}
a {
	color: #ff31d5;
	text-decoration: none;
}
a:hover, a:active {
	color: #7a398b;
}
a:focus{
	outline: none;
}
#add {
	border-top: 1px solid #7a398b;
	
}
.add {
	background-color: #dedede;
	display: block;
	padding: 3px 5px 3px 5px;
}
.clear {
	clear: both;
}

.contactform label {
	display: block;
}
.contactform button, .contactform input, .contactform textarea, button {
	background-color: #fff;
	border: 1px solid #d2acef;
	color: #7a398b;
	margin: 0.5em 0px 0.5em 0px;
	padding: 3px;
	width: 75%;
}
button {
	width: auto;
}
#savebutton button {
	background-color: #7a398b;
	color: #fff;
}
.contactform input:hover, .contactform textarea:hover, .contactform input:focus, .contactform textarea:focus {
	border: 1px solid #7a398b;
}
.contactform form {
	margin: 1em 0px 2em 0px; 
}
.contactform textarea {
	height: 150px;
	width: 75%;
}
.del {
	margin: 1em 0px 0px 0px;
	font-style: italic;
}
.hoch {
	border-bottom: 1px solid #d2acef;
	color: #ccaed4;
	display: block;
	text-align: right;
	text-decoration: none;
	text-transform: lowercase;
}
.hoch:hover{
	border-bottom: 1px solid #7a398b;
	color: #7a398b;
}
.primary{
	background-image: url('/images/navigation-buchen.png');
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
	height: 261px;
}
.right .vcard-headline{
	display: block;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
}
.text{
	display: none;
}
.vcard .adr{
	display: block;
	border-bottom: 1px solid #d2acef;
	margin-bottom: 3em;
	padding-bottom:1em;
}
.vcard .adr-email {
	margin: 1em 0px 2em 0px;
}
.vcard .country-name {
	margin: 0px 0px 1em 0px;
}
.vcard .fn strong {
	display: block;
}

body#teaser #container{
	background-image: url('/images/teaser/WB-prepage-teaser.jpg');
	background-position: center;
	background-repeat: no-repeat;
	height: 713px;
}
#content{
	background-color: #fff;
	background-image: url('/images/content-hg.jpg');
	background-position: top;
	background-repeat: repeat-x;	
	color: #7a398b;
	clear: right;
	font-size: 1.1em;
	line-height: 1.3em;
	overflow: hidden;
	padding: 11px 17px 16px 19px;
	position: relative;
}
#content .left{
	float: left;
	margin: 5px 0px 0px 0px;
	width: 270px; 
}
#content .left h3{
	background-position: left top;
	background-repeat: no-repeat;
	display: block;
	height: 58px; 
	width: 240px;
}
#content .left h3 span{
	display: none; 
}
body#downloads #content .left h3{
	background-image: url('/images/content-downloads.gif');
}
body#faq #content .left h3{
	background-image: url('/images/content-faq.gif');
}
body#kontakt #content .left h3{
	background-image: url('/images/content-kontakt.gif');
}
body#museum #content .left h3{
	background-image: url('/images/content-museum.gif');
}
body#presse #content .left h3{
	background-image: url('/images/content-presse.gif');
}
body#projekt #content .left h3{
	background-image: url('/images/content-projekt.gif');
}
#content .right{
	float: left;
	margin: 5px 33px 0px 0px;
	width: 380px;
}
#content .right h4{
	font-size: 2.0em;
	line-height: 1em;
	margin: 0px 0px 20px 0px;
}
#content .right h5{
	font-size: 2.0em;
	line-height: 1em;
	margin: 0px 0px 0px 0px !important;
}
body#kontakt #content .right h4{
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
}
body#kontakt #content .right p {
	margin: 0px 0px 2em 0px;
}
body#presse #content .right div#pressgallery {
	margin: 2em 0px 0px 0px;
}
body#presse #content .right #pressgallery img {
	width: 110px;
	height: 110px;
	border: 5px solid #dedede;
	display: inline;
	margin: 0px 4px 0px 0px;
}

body#presse #content .right #pressgallery .galleryimg {
	float: left;
	text-align: center;
}

#content ol li{
	margin: 0px 0px 30px 0px;	
}

#content ul {
	background-image: url('/images/content-start-hg.jpg');
	background-position: center center;
	background-repeat: repeat-y;
	height: 100%;
	padding: 12px 0px 15px 0px;
}
#content ul li{
	float: left;
	height: 100%;
	padding: 0px 15px 0px 15px;
	width: 147px;
}
#content ul li#derBus{
	padding: 0px 15px 0px 0px;
}
#content ul li#gallery{
	border-right: 0px;
	padding: 0px 0px 0px 15px;
}
#content ul li a{
	display: block;
	background-position: center center;
	background-repeat: no-repeat;
	height: 51px;
	margin: 0px 0px 7px 0px;
	width: 100%;
}
#content .right ol#ablauf li {
	float: left;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 0px 0px;
}
#content .right ol#ablauf li.time {
	background-image: url('/images/content-zeitplan-bullet.jpg');
	background-position: top left;
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0px 0px 0px 25px;
	width: 75px;
}
#content .right ol#ablauf li.action {
	width: 280px;
}
#content li a strong {
	display: none;
}
#content li#derBus a{
	background-image: url('/images/content-derbus.jpg');
}
#content li#ablauf a{
	background-image: url('/images/content-ablauf.jpg');
}
#content li#kurse a{
	background-image: url('/images/content-kurse.jpg');
}
#content li#gallery a{
	background-image: url('/images/content-gallery.jpg');
}
#content li#derBus a.more, #content li#ablauf a.more, #content li#kurse a.more, #content li#gallery a.more{
	background-image: none;
	display: inline;
	height: auto;
	margin: 0px 0px 0px 0px;
	width: auto;
}
#content .edit{
	border: 1px solid #000;
	/* background-color: #FFFFCC; */
	color: blue;
	display: block;
	font-size: inherit;
	line-height: inherit;
	overflow: hidden;
	width: 100%;
}
#content .editHover{
	/* background-color: #FFFFCC; */
}
#footer{
	background-image: url('/images/footer-hg.png');
	background-repeat: no-repeat;
	height: 127px;
	margin: 0px auto 0px auto;
	width: 758px;
}
#footer dt{
	background-image: url('/images/footer-head.gif');
	background-repeat: no-repeat;
	left: 35px;
	height: 8px;
	position: relative;
	top: 30px;
	width: 151px;
}
#footer dt strong, body#teaser #footer dt strong{
	display: none;
}
#footer ul{
	margin: 0px 0px 0px 0px;
}
#footer ul li {
	float: left;
}
#footer li span{
	display: none;
}
#footer li a{
	background-repeat: no-repeat;
	display: block;
	position: inherit;
}
#footer li#wallraf a{
	background-image: url('/images/footer-wallraf.gif');	
	height: 64px;
	margin: 53px 0px 0px 30px;
	width: 116px;
}
#footer li#deutscheBank a{
	background-image: url('/images/footer-deutschebank.gif');
	height: 43px;
	margin: 73px 0px 0px 45px;
	width: 130px;
}
#footer li#koelnischeRundschau a{
	background-image: url('/images/footer-koelnischerundschau.gif');
	height: 38px;
	margin: 78px 0px 0px 45px;
	width: 122px;
}
#footer li#rvKoeln a{
	background-image: url('/images/footer-rvkoeln.gif');
	height: 48px;
	margin: 68px 0px 0px 45px;
	width: 47px;
}
#footer li#stadtKoeln a{
	background-image: url('/images/footer-stadtkoeln.gif');
	height: 46px;
	margin: 70px 0px 0px 45px;
	width: 98px;
}
body#teaser #footer{
	background-image: none;
	clear: both;
	height: auto;
	width: 100%;
	margin: 50px 0px 0px 16px;
}
body#teaser #footer dt{
	background-image: url('/images/teaser/WB-prepage-partnerhead.jpg');
	background-repeat: no-repeat;
	position: inherit;
	height: 11px;
	margin: 0px 0px 37px 0px;
	width: 205px;
}
body#teaser #footer ul li{
	margin: 0px 35px 0px 0px;
}
body#teaser #footer li a{
	position: inherit;
}
body#teaser #footer li#deutscheBank a{
	background-image: url('/images/teaser/WB-prepage-deutschebank.jpg');
	background-repeat: no-repeat;
	height: 43px;
	margin: 30px 0px 0px 0px;
	width: 179px;
}
body#teaser #footer li#koelnischeRundschau a{
	background-image: url('/images/teaser/WB-prepage-koelnischerundschau.jpg');
	background-repeat: no-repeat;
	height: 22px;
	margin: 36px 0px 0px 0px;
	width: 175px;
}
body#teaser #footer li#rvKoeln a{
	background-image: url('/images/teaser/WB-prepage-rvkoeln.jpg');
	background-repeat: no-repeat;
	height: 35px;
	margin: 33px 0px 0px 0px;
	width: 69px;
}
body#teaser #footer li#stadtKoeln a{
	background-image: url('/images/teaser/WB-prepage-stadtkoeln.jpg');
	background-repeat: no-repeat;
	height: 27px;
	margin: 31px 0px 0px 0px;
	width: 118px;
}
body#teaser #footer li#wallraf a{
	background-image: url('/images/teaser/WB-prepage-wallraf.jpg');
	background-repeat: no-repeat;
	height: 67px;
	margin: 0px 0px 0px 0px;
	width: 172px;
}
#header{
	background-image: url('/images/header-hg.jpg');
	background-repeat: repeat-x;
	width: 100%;
}
body#teaser #header{
	background-image: none;
	height: 505px;
	width: 100%;
}
#logo h1 a{
	background-image: url('/images/header-wallrafbuslogo.jpg');
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 157px;
	margin: 0px 0px 0px 17px;
	width: 223px;
}
body#teaser #logo h1 a{
	background-color: transparent;
	background-image: none;
	background-repeat: inherit;
	display: block;
	height: 505px;
	width: 100%;
}
#logo h1{
	font-family: inherit;
}
#logo h1 strong, #logo h2 span, body#teaser #logo h2, body#teaser #logo h1 strong{
	display: none;
}
#logo h2 a{
	background-image: url('/images/header-wallraflogo.jpg');
	background-repeat: no-repeat;
	display: block;
	float: right;
	height: 157px;
	margin: 0px 34px 0px 0px;
	width: 236px;
}
#navigation{
	background-color: #000;
	background-position: 50% 20px;
	background-repeat: no-repeat;
	clear: both;
	height: 261px;
	overflow: hidden;
	position: relative;
	width: 100%;
}
#navigation a{
	color: #fff;
}
#navigation ol{
	background-image: url('/images/navigation-hg.png');
	background-repeat: repeat-x;
	height: 21px;
	padding: 5px 0px 4px 0px;
}
#navigation ol li{
	float: left;
}
#navigation ol li strong{
	display: none;
}
#navigation ol li a{
	display: block;
}
#navigation ol li#startpage{
	margin: 0px 0px 0px 48px;
}
#navigation ol li#startpage a{
	background-image: url('/images/navigation-start.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 36px;
}
#navigation ol li#startpage a:hover{
	background-image: url('/images/navigation-start-hover.jpg');
}
#navigation ol li#buchungbutton{
	margin: 0px 0px 0px 42px;
}
#navigation ol li#buchungbutton a{
	background-image: url('/images/navigation-buchung.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 63px;
}
#navigation ol li#buchungbutton a:hover{
	background-image: url('/images/navigation-buchung-hover.jpg');
}
#navigation ol li#dasProjekt{
	margin: 0px 0px 0px 31px;
}
#navigation ol li#dasProjekt a{
	background-image: url('/images/navigation-dasprojekt.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 82px;
}
#navigation ol li#dasProjekt a:hover{
	background-image: url('/images/navigation-dasprojekt-hover.jpg');
}
#navigation ol li#dasProjekt ul{
	display: none;
}
#navigation ol li#dasMuseum{
	margin: 0px 0px 0px 39px;
}
#navigation ol li#dasMuseum a{
	background-image: url('/images/navigation-dasmuseum.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 80px;
}
#navigation ol li#dasMuseum a:hover{
	background-image: url('/images/navigation-dasmuseum-hover.jpg');
}
#navigation ol li#downloads{
	margin: 0px 0px 0px 40px;
}
#navigation ol li#downloads a{
	background-image: url('/images/navigation-downloads.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 80px;
}
#navigation ol li#downloads a:hover{
	background-image: url('/images/navigation-downloads-hover.jpg');
}
#navigation ol li#faq{
	margin: 0px 0px 0px 38px;
}
#navigation ol li#faq a{
	background-image: url('/images/navigation-faq.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 24px;
}
#navigation ol li#faq a:hover{
	background-image: url('/images/navigation-faq-hover.jpg');
}
#navigation ol li#presse{
	margin: 0px 0px 0px 35px;
}
#navigation ol li#presse a{
	background-image: url('/images/navigation-presse.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 42px;
}
#navigation ol li#presse a:hover{
	background-image: url('/images/navigation-presse-hover.jpg');
}
#navigation ol li#kontakt{
	margin: 0px 0px 0px 42px;
}
#navigation ol li#kontakt a{
	background-image: url('/images/navigation-kontakt.jpg');
	background-repeat: no-repeat;
	height: 11px;
	width: 56px;
}
#navigation ol li#kontakt a:hover{
	background-image: url('/images/navigation-kontakt-hover.jpg');
}


body#downloads #navigation ol li#downloads a{
	background-image: url('/images/navigation-downloads-hover.jpg') !important;
}
body#faq #navigation ol li#faq a{
	background-image: url('/images/navigation-faq-hover.jpg') !important;
}
body#kontakt #navigation ol li#kontakt a{
	background-image: url('/images/navigation-kontakt-hover.jpg') !important;
}
body#museum #navigation ol li#dasMuseum a{
	background-image: url('/images/navigation-dasmuseum-hover.jpg') !important;
}
body#presse #navigation ol li#presse a{
	background-image: url('/images/navigation-presse-hover.jpg') !important;
}
body#projekt #navigation ol li#dasProjekt a{
	background-image: url('/images/navigation-dasprojekt-hover.jpg') !important;
}
body#start #navigation ol li#startpage a{
	background-image: url('/images/navigation-start-hover.jpg') !important;
}


#navigation ol li ul{
	position: absolute;
}
#navigation ol li#dasProjekt ul{
	padding: 10px 0px 0px 0px; 
}
#navigation ol li ul li{
	float: none;
}
#navigation ol li#dasProjekt ul li a, #navigation ol li#dasProjekt ul li a:hover, body#projekt #navigation ol li#dasProjekt ul li a, body#projekt #navigation ol li#dasProjekt ul li a:hover{
	background-image: url('/images/subnav-hg.png') !important;
	background-repeat: repeat;
	display: block;
	margin: 0px 0px 1px -5px;
	padding: 5px 5px 5px 5px;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 100%;
}
#navigation ol li#dasProjekt ul li a:hover, body#projekt #navigation ol li#dasProjekt ul li a:hover{
	background-image: url('/images/subnav-hg-hover.png') !important;
}
#navigation .editable{
	background-color: #dedede;
	height: 30px;
	left : 210px;
	line-height: 30px;
	position: absolute;
	text-align: center;
	top: 110px;
	width: 300px;
}
#navigation .text{
	display: none;
}
#navigation ul#buchen{
	float: right;
	height: 91px;
	margin: 140px 0px 0px 0px;
	width: 115px;
}
#navigation ul#buchen li a{
	display: block;
	height: 91px;
	width: 115px;
}

#navigation ul#buchen li a span {
	display: none;
}
body#ablauf #navigation{
	background-image: url('/images/header/ablauf.jpg');
}
body#bus #navigation{
	background-image: url('/images/header/bus.jpg');
}
body#downloads #navigation{
	background-image: url('/images/header/downloads.jpg');
}
body#faq #navigation{
	background-image: url('/images/header/faq.jpg');
}
body#gallery #navigation{
	background-image: url('/images/header/gallery.jpg');
}
body#kontakt #navigation{
	background-image: url('/images/header/kontakt.jpg');
}
body#kurse #navigation{
	background-image: url('/images/header/kurse.jpg');
}
body#museum #navigation{
	background-image: url('/images/header/museum.jpg');
}
body#presse #navigation{
	background-image: url('/images/header/presse.jpg');
}
body#projekt #navigation{
	background-image: url('/images/header/projekt.jpg');
}
body#start #navigation{
	background-image: url('/images/header/start.jpg');
}

#paper{
	background-image: url('/images/content-shadow.png');
	background-position: center;
	background-repeat: repeat-y;
	font-size: 1.2em;
	margin: 0px auto 0px auto;
	min-width: 721px;
 	padding: 0px 19px 0px 18px; 
	text-align: left;
	width: 721px;
}

body#teaser #paper{
	background-image: none;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	width: 906px;
}

#dasProjekt ul li#buchung,
.right ol li#buchung_projekt h4{
	display: none;
}