@charset 'utf-8';

/******************************
screen.css
Version: 1.0
(c) by WERBESTUDIO HILD
www.werbestudio-hild.de
******************************/

@import url(reset.css);

body { background: #666; color: #555; font: 101% "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif; overflow-y: scroll; text-align: center; }

em { font-style: normal; font-weight: normal; text-transform: uppercase; }
strong,
strong em { font-weight: bold; }

/* Container */
#container { background-color: #999; background-image: url(../images/backgrounds/container.gif); border: 1px solid #444; height: 550px; margin: 50px auto 0; overflow: hidden; text-align: left; width: 1000px; }

/* Container backgrounds */
#poolparty #container { background-color: #00b2dc; background-image: url(../images/backgrounds/container50.gif); }
#beachparty #container { background-color: #ef181e; background-image: url(../images/backgrounds/container13.gif); }
#aquadisco #container { background-color: #d9007f; background-image: url(../images/backgrounds/container27.gif); }
#knaxpoolparty #container { background-color: #feda00; background-image: url(../images/backgrounds/container3.gif); }
#poolympiade #container { background-color: #C2A547; background-image: url(../images/backgrounds/container4.gif); }
#carreraday #container { background-color: #ef181e; background-image: url(../images/backgrounds/container13.gif); }
#fahrzeugevents #container { background-color: #0059bc; background-image: url(../images/backgrounds/container39.gif); }
#messepromotion #container { background-color: #0059bc; background-image: url(../images/backgrounds/container39.gif); }
#promotion #container { background-color: #ff8c00; background-image: url(../images/backgrounds/container6.gif); }
#discopartys #container { background-color: #a400a5; background-image: url(../images/backgrounds/container33.gif); }
#eisdisco #container { background-color: #00929d; background-image: url(../images/backgrounds/container51.gif); }
#quizshow #container { background-color: #d9007f; background-image: url(../images/backgrounds/container27.gif); }
#playbackshow #container { background-color: #feda00; background-image: url(../images/backgrounds/container3.gif); }
#splashdiving #container { background-color: #ff8c00; background-image: url(../images/backgrounds/container6.gif); }

#HKS13 #container { background-color: #ef181e; background-image: url(../images/backgrounds/container13.gif); }
#HKS39 #container { background-color: #0059bc; background-image: url(../images/backgrounds/container39.gif); }
#HKS66 #container { background-color: #68b500; background-image: url(../images/backgrounds/container66.gif); }
#HKS60 #container { background-color: #008600; background-image: url(../images/backgrounds/container60.gif); }

/* Header */
#header { float: left; width: 200px; }
#header h1 { margin: 10px 27px; }

/* Navigation */
#nav { float: left; width: 200px; }
#nav ul { margin: 0 20px; width: 160px; }
#nav ul li { font-size: .75em; line-height: 1.6;}
#nav ul li a { border-bottom: 1px dashed #aaa; color: #555; display: block; text-decoration: none; }
#nav ul li.last a { border-bottom: none; }
#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active,
#nav ul li.last a:hover,
#nav ul li.last a:focus,
#nav ul li.last aactive { border-bottom: 1px dashed #222; color: #222; }
#nav ul li a.active,
#nav ul li a.active:hover,
#nav ul li a.active:focus,
#nav ul li a.active:active,
#nav ul li.last a.active,
#nav ul li.last a.active:hover,
#nav ul li.last a.active:focus,
#nav ul li.last a.active:active { border-bottom: 1px dashed #aaa; color: #0064ad; }

#nav ul li ul { font-size: 1.0em; margin: 0 10px; width: 140px; }

/* Navigation backgrounds */
#poolparty #nav ul li a.active,
#poolparty #nav ul li a.active:hover,
#poolparty #nav ul li a.active:focus,
#poolparty #nav ul li a.active:active,
#poolparty #nav ul li.last a.active,
#poolparty #nav ul li.last a.active:hover,
#poolparty #nav ul li.last a.active:focus,
#poolparty #nav ul li.last a.active:active { color: #00b2dc; }

#beachparty #nav ul li a.active,
#beachparty #nav ul li a.active:hover,
#beachparty #nav ul li a.active:focus,
#beachparty #nav ul li a.active:active,
#beachparty #nav ul li.last a.active,
#beachparty #nav ul li.last a.active:hover,
#beachparty #nav ul li.last a.active:focus,
#beachparty #nav ul li.last a.active:active { color: #ef181e; }

#aquadisco #nav ul li a.active,
#aquadisco #nav ul li a.active:hover,
#aquadisco #nav ul li a.active:focus,
#aquadisco #nav ul li a.active:active,
#aquadisco #nav ul li.last a.active,
#aquadisco #nav ul li.last a.active:hover,
#aquadisco #nav ul li.last a.active:focus,
#aquadisco #nav ul li.last a.active:active { color: #d9007f; }

#knaxpoolparty #nav ul li a.active,
#knaxpoolparty #nav ul li a.active:hover,
#knaxpoolparty #nav ul li a.active:focus,
#knaxpoolparty #nav ul li a.active:active,
#knaxpoolparty #nav ul li.last a.active,
#knaxpoolparty #nav ul li.last a.active:hover,
#knaxpoolparty #nav ul li.last a.active:focus,
#knaxpoolparty #nav ul li.last a.active:active { color: #ed2f24; }

#poolympiade #nav ul li a.active,
#poolympiade #nav ul li a.active:hover,
#poolympiade #nav ul li a.active:focus,
#poolympiade #nav ul li a.active:active,
#poolympiade #nav ul li.last a.active,
#poolympiade #nav ul li.last a.active:hover,
#poolympiade #nav ul li.last a.active:focus,
#poolympiade #nav ul li.last a.active:active { color: #C2A547; }

#carreraday #nav ul li a.active,
#carreraday #nav ul li a.active:hover,
#carreraday #nav ul li a.active:focus,
#carreraday #nav ul li a.active:active,
#carreraday #nav ul li.last a.active,
#carreraday #nav ul li.last a.active:hover,
#carreraday #nav ul li.last a.active:focus,
#carreraday #nav ul li.last a.active:active { color: #ef181e; }

#fahrzeugevents #nav ul li a.active,
#fahrzeugevents #nav ul li a.active:hover,
#fahrzeugevents #nav ul li a.active:focus,
#fahrzeugevents #nav ul li a.active:active,
#fahrzeugevents #nav ul li.last a.active,
#fahrzeugevents #nav ul li.last a.active:hover,
#fahrzeugevents #nav ul li.last a.active:focus,
#fahrzeugevents #nav ul li.last a.active:active { color: #0064ad; }

#messepromotion #nav ul li a.active,
#messepromotion #nav ul li a.active:hover,
#messepromotion #nav ul li a.active:focus,
#messepromotion #nav ul li a.active:active,
#messepromotion #nav ul li.last a.active,
#messepromotion #nav ul li.last a.active:hover,
#messepromotion #nav ul li.last a.active:focus,
#messepromotion #nav ul li.last a.active:active { color: #0064ad; }

#promotion #nav ul li a.active,
#promotion #nav ul li a.active:hover,
#promotion #nav ul li a.active:focus,
#promotion #nav ul li a.active:active,
#promotion #nav ul li.last a.active,
#promotion #nav ul li.last a.active:hover,
#promotion #nav ul li.last a.active:focus,
#promotion #nav ul li.last a.active:active { color: #ff8c00; }

#discopartys #nav ul li a.active,
#discopartys #nav ul li a.active:hover,
#discopartys #nav ul li a.active:focus,
#discopartys #nav ul li a.active:active,
#discopartys #nav ul li.last a.active,
#discopartys #nav ul li.last a.active:hover,
#discopartys #nav ul li.last a.active:focus,
#discopartys #nav ul li.last a.active:active { color: #a400a5; }

#eisdisco #nav ul li a.active,
#eisdisco #nav ul li a.active:hover,
#eisdisco #nav ul li a.active:focus,
#eisdisco #nav ul li a.active:active,
#eisdisco #nav ul li.last a.active,
#eisdisco #nav ul li.last a.active:hover,
#eisdisco #nav ul li.last a.active:focus,
#eisdisco #nav ul li.last a.active:active { color: #00929d; }

#quizshow #nav ul li a.active,
#quizshow #nav ul li a.active:hover,
#quizshow #nav ul li a.active:focus,
#quizshow #nav ul li a.active:active,
#quizshow #nav ul li.last a.active,
#quizshow #nav ul li.last a.active:hover,
#quizshow #nav ul li.last a.active:focus,
#quizshow #nav ul li.last a.active:active { color: #d9007f; }

#playbackshow #nav ul li a.active,
#playbackshow #nav ul li a.active:hover,
#playbackshow #nav ul li a.active:focus,
#playbackshow #nav ul li a.active:active,
#playbackshow #nav ul li.last a.active,
#playbackshow #nav ul li.last a.active:hover,
#playbackshow #nav ul li.last a.active:focus,
#playbackshow #nav ul li.last a.active:active { color: #ed2f24; }

#splashdiving #nav ul li a.active,
#splashdiving #nav ul li a.active:hover,
#splashdiving #nav ul li a.active:focus,
#splashdiving #nav ul li a.active:active,
#splashdiving #nav ul li.last a.active,
#splashdiving #nav ul li.last a.active:hover,
#splashdiving #nav ul li.last a.active:focus,
#splashdiving #nav ul li.last a.active:active { color: #ff8c00; }

/**********************************/
/* area under navigation          */
/**********************************/
#poolympiade-banner {
	margin: 10px 20px;;
}
#social-media-icons {
	width: 140px;
	margin-left: 10px;
}
.format {
	float: left;
	width: 70px;
}

/* Content */
#content { float: left; width: 800px; }
#content h2 { color: #0064ad; font-size: 2.8em; height: 90px; line-height: 1.9; margin: 10px; font-weight: normal; text-transform: uppercase; }
#content h2 small { font-size: .7em; text-transform: none; }

#content #content_text,
#content #content_img,
#content #content_form { float: left; height: 330px; width: 400px; }
#content #content_text,
#content #content_form { background: #fff; overflow: auto; }
#content #content_single { background: #fff; height: 330px; overflow: auto; width: 800px; }

/* Content h2 */
#poolparty #content h2 { color: #a8e5f3; }
#beachparty #content h2 { color: #fab0b2; }
#aquadisco #content h2 { color: #f2a8d3; }
#knaxpoolparty #content h2 { background: url(../images/logos/knax.gif) no-repeat; color: #ed2f24; text-indent: -9999px; }
        #kanxpoolparty #content h2 small { text-indent: 0; }
        #poolympiade #content h2 { color: #CCCCCC; }
        #carreraday #content h2 { background: url(../images/backgrounds/powered-by-carrera.gif) no-repeat 695px 0; color: #fab0b2; }
#fahrzeugevents #content h2 { color: #a8c6e8; }
#messepromotion #content h2 { color: #a8c6e8; }
#promotion #content h2 { color: #ffd8a8; }
#discopartys #content h2 { color: #e0a8e0; }
#eisdisco #content h2 { color: #a8dade; }
#quizshow #content h2 { color: #f2a8d3; }
#playbackshow #content h2 { color: #ed2f24; }
#splashdiving #content h2 { color: #ffd8a8; }

/* Content h3 */
#home #content h3,
#aktuelles #content h3.hl,
#poolparty #content h3,
#beachparty #content h3,
#aquadisco #content h3,
#knaxpoolparty #content h3,
#poolympiade #content h3,
#carreraday #content h3,
#fahrzeugevents #content h3,
#messepromotion #content h3,
#promotion #content h3,
#discopartys #content h3,
#eisdisco #content h3,
#quizshow #content h3,
#playbackshow #content h3,
#splashdiving #content h3 { font-size: 1.05em; font-weight: normal; }

#poolparty #content h3,
#beachparty #content h3,
#aquadisco #content h3,
#knaxpoolparty #content h3,
#carreraday #content h3,
#fahrzeugevents #content h3,
#messepromotion #content h3,
#promotion #content h3,
#discopartys #content h3,
#eisdisco #content h3,
#quizshow #content h3,
#playbackshow #content h3,
#splashdiving #content h3 { padding-bottom: 0; }

#home #content h3 { color: #0064ad; }
#poolparty #content h3 { color: #54cbe8; }
#beachparty #content h3 { color: #f46468; }
#aquadisco #content h3 { color: #e654a9; }
#knaxpoolparty #content h3 { color: #ed2f24; }
#poolympiade #content h3 { color: #C2A547; }
#carreraday #content h3 { color: #f46468; }
#fahrzeugevents #content h3 { color: #5490d2; }
#messepromotion #content h3 { color: #5490d2; }
#promotion #content h3 { color: #ffb254; }
#discopartys #content h3 { color: #c254c3; }
#eisdisco #content h3 { color: #54b6bd; }
#quizshow #content h3 { color: #e654a9; }
#playbackshow #content h3 { color: #ed2f24; }
#splashdiving #content h3 { color: #ffb254; }

#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content ol,
#content ul { margin: 10px 10px 0; padding-bottom: .4em; }
#content h4 + p { margin-top: -.3em; }
#content h4 { text-transform: uppercase; }

#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content li { line-height: 1.3; }

#content h3,
#content h3 em,
#content h4,
#content h4 em { font-weight: bold; }
#content h3,
#content h4,
#content h5,
#content h6,
#content p,
#content li { font-size: .7em; }
#content li li,
#content li p,
#content li h3 { font-size: 1.0em; }
#content li { background: url(../images/backgrounds/dot_li.gif) no-repeat 0 .6em; padding-left: 15px; }
        #carreraday #content li { background: url(../images/backgrounds/dot_li_carreraday.gif) no-repeat 0 .6em; }
#content a { color: #0064ad; text-decoration: none; }
        #carreraday #content a { color: #ef181e; }
#content a:hover,
#content a:focus,
#content a:active { text-decoration: underline; }

/* Content a */
#poolparty #content a { color: #54cbe8; }
#beachparty #content a { color: #f46468; }
#aquadisco #content a { color: #e654a9; }
#knaxpoolparty #content a { color: #ed2f24; }
#poolympiade #content a { color: #C2A547; }
#carreraday #content a { color: #f46468; }
#fahrzeugevents #content a { color: #5490d2; }
#messepromotion #content a { color: #5490d2; }
#promotion #content a { color: #ffb254; }
#discopartys #content a { color: #c254c3; }
#eisdisco #content a { color: #54b6bd; }
#quizshow #content a { color: #e654a9; }
#playbackshow #content a { color: #ed2f24; }
#splashdiving #content a { color: #ffb254; }

/* Content form */
#content form { margin: 10px 0 5px; }
#content form p { clear: both; margin: 0 10px; }
#content form label { float: left; margin: 5px 0; width: 110px; }
#content form label:after { content: ": " }
#content form input { float: left; margin: 5px 0; width: 220px; }
#content form textarea { float: left; margin: 5px 0; height: 100px; width: 220px; }
#content form input#submit { float: none; margin: 5px 0 5px 110px; width: 220px; }

/* Content "Home" */
#home #content h3 { font-size: 1.15em; }
#home #content #content_text p { margin-top: 1.6em; }
#home #content strong { color: #0064ad; font-size: 1.3em; font-weight: normal; }
#home #content .footnote { clear: both; color: #fff; font-size: .9em; line-height: 1.8; font-weight: normal; padding-left: .3em; padding-right: .3em; padding-top: 1.1em; text-align: center; }
#home #content .footnote a { white-space: nowrap; }
#home #content .footnote span { color: #fff; }
#home #content #content_text h3 { }
#home #content #content_text em { color: #bbb; font-size: 1.3em; font-style: normal; font-weight: normal; text-transform: none; }
#home #content #content_text ul { border-top: 1px dashed #aaa; padding-top: .8em; padding-bottom: .1em; }
#home #content #content_text li { border-bottom: 1px dashed #aaa; background: url(../images/backgrounds/dot_home.gif) no-repeat 0 .6em; margin-bottom: 1.1em; padding-bottom: 1.2em; padding-left: 20px; text-align: left; }
#home #content #content_text li strong { display: block; padding-bottom: .4em; text-align: left; }

/* Content "Historie" */
#historie #content #content_text { height: 325px; padding-top: 5px; width: 588px; }
#historie #content #content_text p { margin: 5px 10px 0; padding: 0; }
#historie #content #content_img { width: 212px; }

/* Content "Philosophie" */
#philosophie #content #content_text { height: 325px; padding-top: 5px; width: 588px; }
#philosophie #content #content_text p { margin: 5px 10px 0; padding: 0; }
#philosophie #content #content_img { width: 212px; }

/* Content "Team" */
/* #team #content #firstline { height: 270px; margin-top: 60px; } */
#team #content #firstline .largeimg { width: 365px; }
#team #content #firstline .largeimg h3 { margin-left: 0; }
#team #content #firstline div { float: left; }
#team #content #firstline p,
#team #content #firstline img { margin: 0; }
#team #content #secondline { clear: both; margin-left: 10px; }
/* #team #content #secondline { clear: both; margin-left: 10px; margin-top: 10px; } */
#team #content #secondline .portrait { float: left; }
#team #content .portrait { padding: 10px 0; }
#team #content .portrait h3,
#team #content .portrait p { float: none; margin: 0 10px 0 0; width: 245px; }
#team #content .portrait p { }
#team #content #firstline .portrait img,
#team #content .portrait img { margin-right: 10px; }
#team #content #firstline .portrait h3,
#team #content #firstline .portrait p { margin: 0 10px; }
#team #content .portrait p { font-size: .6em; }

/* Content "Referenzen" */
#referenzen #content ul li { background: none; clear: both; padding-left: 0; }
#referenzen #content ul li.highlighted { color: #0064ad; }
#referenzen #content ul li p { float: left; margin: 0 0 .6em; padding: 0; width: 470px; }
#referenzen #content ul li h3 { float: left; margin: 0; padding: 0; width: 235px; }

/* Content "Netzwerk" */
#netzwerk #content p { border-bottom: 1px dashed #aaa; padding-top: 5px; text-align: center; }
#netzwerk #content p.first { margin-top: 55px; }
#netzwerk #content p.last { border-bottom: none; text-align: center; }

/* Content "Aktuelles" */
#aktuelles #content_single div { clear: both; height: 110px; overflow: hidden; }
#aktuelles #content_single div .news_img,
#aktuelles #content_single div .news_text { clear: none; float: left; }
#aktuelles #content_single div .news_img { width: 230px; }
#aktuelles #content_single div .news_img img { border-bottom: 1px solid #fff; border-top: 1px solid #fff; }
#aktuelles #content_single div .news_text { width: 570px; }
#aktuelles #content_single h3 { color: #0064ad; }
#aktuelles #content_single .news_text h3,
#aktuelles #content_single .news_text p { padding: 0; }
#aktuelles #content_single .news_text .news_more { text-align: right; }

#aktuelles #news_navigation,
#aktuelles #news_navigation a { text-align: right; }

/* Image rows */
#content #content_row4 { clear: both; margin-left: 391px; padding-top: 10px; }
#content #content_row4 img { border: 1px solid #fff; margin-left: 10px; }

#content #content_row4_1 { clear: both; margin-left: 40px; padding-top: 10px; }
#content #content_row4_1 img { border: 1px solid #fff; margin-left: 10px; }
#content #content_row4_1 .stempel {padding-right: 40px; width: 300px; border: none; vertical-align: top; margin-top: 30px; }

#content #content_row7 { clear: both; margin-left: 327px; padding-top: 10px; }
#content #content_row7 img { border: 1px solid #fff; margin-left: 10px; }

#content #content_row8 { clear: both; margin-left: 261px; padding-top: 10px; }
#content #content_row8 img { border: 1px solid #fff; margin-left: 10px; }

/* --- */
#content .alignleft { float: left; margin: 0 20px .5em 0; }
#content .alignright { float: right; margin: 0 0 .5em 20px; }
#content .aligncenter { display: block; margin: 0 auto; text-align: center; }
#content .footnote { font-size: .6em; }

#content span.required,
#content p.required { color: #d00; }
#content input.required,
#content textarea.required { background: #ffc; }

/* Footer */
#footer { margin: 10px auto 50px; text-align: right; width: 1001px; }
#footer p { font-size: .6em; line-height: 1.4; }
#footer p,
#footer a { color: #bbb; text-decoration: none; }
#footer a:hover,
#footer a:focus,
#footer a:active { text-decoration: underline; }
#footer a.active,
#footer a.active:hover,
#footer a.active:focus,
#footer a.active:active { color: #fff; text-decoration: none; }