/*************************************** * ___ ___ ___ * / __)/ __)/ __) * ( (__ \__ \\__ \ * \___)(___/(___/ * * 2006 - Dave Pisek ***************************************/ /*///// Farben: (bg): #427DA7 (menu): #b3e1ff (submenu): #d7efff (text): #40729d (tableBg):#77caff //////*/ /*/////////// Allgemeines ////////////*/ *,html {margin:0; padding:0} body {margin:0; padding:0; font-family:verdana, sans-serif; color:#555; background-color:#427DA7; background-repeat:repeat-x} img {border:none} ul {list-style:none} a {text-decoration:none; color:#427DA7} a:hover {color:#d7efff} p {margin:10px 0} h2,h3 {font-size:110%} .left {float:left} .right {float:right} strong.block {display:block; padding-bottom:8px} span.veryBig {font-size:15px; font-weight:bold; color:#63abdb} img.gutscheinPaket {position:absolute; right:350px; top:20px} a.outline img {border:1px solid #C4E1FF; padding:1px} ::-moz-selection {background:#fff; color:#F61523} /*/////////// Struktur ////////////*/ div#wrapper {float:left; width:995px; position:relative; background-position:0 199px; background-repeat:no-repeat} div#header {float:left; width:995px; height:374px} div#contentWrapper {float:left; width:995px; background-repeat:repeat-y; position:relative; padding-bottom:20px} div#contentSubNavigation{float:left; width:161px; background-repeat:no-repeat; min-height:410px} div#content {float:left; width:794px; min-height:400px; background-repeat:no-repeat; padding-right:40px; position:relative} div#contentText {float:left; width:560px} div#contentTeaserBar {float:right; width:178px; margin-top:8px; padding-bottom:50px } div#footer {position:absolute; bottom:0; left:185px; font-size:9px} /*/////////// Header ////////////*/ div#headerMainNavigation {float:left; margin-top:175px; width:159px;} div#headerMainNavigation ul {float:right; text-align:right; padding-right:15px; padding-bottom:20px} div#headerMainNavigation ul a {color:#b3e1ff; font-size:10px; font-weight:bold} div#headerMainNavigation ul a:hover {color:#fff} div#headerMainNavigation ul a.active {color:#fff} div#headerFlashmovie {float:left; width:698px; height:235px; margin-top:139px} div#headerLogo {position:absolute; right:0; top:0} /*/////////// Content ////////////*/ div#contentSubNavigation ul {float:right; text-align:right; padding:15px 15px 0 0} div#contentSubNavigation ul a.active {font-weight:bold} div#contentSubNavigation ul a {color:#d7efff; font-size:10px} div#contentSubNavigation ul a:hover {color:#fff} div#sfLogo {position:absolute; bottom:20px; left:20px; width:117px; height:50px; background-repeat:no-repeat} div#content h1 {float:left; width:430px; padding:25px 0 25px 40px; font-size:30px; color:#003e7d; font-weight:normal; background-repeat:no-repeat; line-height:1.3} div#content h1 span {display:block; padding-left:45px; font-size:20px; color:#4378a5; font-weight:normal} div#content a {text-decoration:none; color:#427DA7; border-bottom:1px solid #427DA7} div#content a:hover {border-bottom:1px solid #fff} div#content a.noBorder, div#content a.noBorder:hover {border:none} div#contentText {color:#40729d; line-height:17px} div#content p {float:left; font-size:11px; color:#40729d} div#content div.text {float:left; margin-left:85px; font-size:11px; color:#40729d; padding-bottom:50px; width:400px} div#content a.language {margin:-23px 0 21px 98px; visibility:hidden} div#contentTeaserBar div.teaserContainer {margin-bottom:5px; width:178px; padding:7px 0 0 0; background-repeat:no-repeat; background-position:top; background-color:#DDF5FF} div#contentTeaserBar div.teaser {background-repeat:no-repeat; background-position:bottom} div#contentTeaserBar div.teaserContainer p {float:none; margin:0; width:154px; text-align:left; padding:12px 12px; padding-top:5px; background-repeat:no-repeat; background-position:top; font-size:10px} div#contentTeaserBar a {display:block; border:none; cursor:pointer} div#contentTeaserBar a:hover {border:none} /*Preisliste*/ div#preisliste {width:475px; margin:20px 0; background-color:#77caff; padding:5px 0; color:#fff; background-repeat:no-repeat} div#preisliste p {float:none; padding-left:10px; color:#fff; font-weight:bold} div#preisliste table {width:475px;} div#preisliste tr {} div#preisliste th {background-color:#4784af; padding:5px 10px; border-top:4px solid #fff; color:#fff; text-align:left; border-bottom:1px solid #98d0f4; text-align:right} div#preisliste tr.noBorder th {border:none} div#preisliste tr.first th {border-bottom:none} div#preisliste tr.last td {padding-bottom:20px; border-bottom:none} div#preisliste td {padding:5px 10px; font-weight:bold; text-align:right; border-bottom:1px solid #98d0f4; } div#preisliste table.noSpecialTheader th{background:transparent; border-top:none} div#preisliste table.noSpecialTheader th, div#preisliste table.noSpecialTheader td {text-align:left} div#preisliste tr.border td {border-bottom:4px solid #fff; padding-bottom:15px} div#preisliste th.leftAlign, div#preisliste td.leftAlign {text-align:left} /*Text Tabelle*/ div.textTabelle {float:left; color:#fff; font-weight:bold} div.textTabelle ul {width:475px} div.textTabelle li {margin:5px 0; padding-left:5px; line-height:18px; background:#8cd1ff; border-top:1px solid #4b8db9; border-bottom:1px solid #fff} /*Anfahrt*/ img#anfahrt {padding-top:20px} /*/////////// Footer ////////////*/ div#footer p {float:left; padding-bottom:13px; font-size:9px; color:#40729d} div#footer a:hover {color:#427DA7; border-bottom:1px solid #427DA7} /*/////////// Forms ////////////*/ form {float:left; margin:0 0 0 85px; font-size:11px} form.gutschein {float:left; margin:20px 0 0 150px} form h2 {width:465px; margin:0 0 3px 0; padding:4px 0 4px 10px; background:#85ceff; font-size:11px; line-height:1.2em} div#content form p { float:left; clear:left; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:11px; width:475px; background-repeat:no-repeat; background-color:#BADCF1; margin:3px 0 } fieldset {float:left; border:none} legend {float:left; background:red} label {float:left; font-weight:bold; padding-left:10px; text-align:right} input, textarea {float:right; width:315px; padding-left:5px; border:1px solid #c9e6ff; background:#c9e6ff; color:#326482; font-weight:bold} input:focus, textarea:focus {background:#F6FBFF; border-top:1px solid #F6FBFF; border-bottom:1px solid #F6FBFF; border-right:1px solid #F6FBFF} textarea {font-family:verdana; font-weight:bold; font-size:11px} select {margin-left:10px} option {padding:0 5px 0 0} /*Poll*/ table#poll_table {width: 100%;} table#poll_table th {font-size:11px; background-color:transparent; background-repeat:no-repeat; padding:2px 15px 3px 30px} form h2.noBackground {background:transparent; margin-bottom:20px} /*Button*/ div#content form p.pButton {float:left; padding-left:7px; border:none; background-color:transparent; background-repeat:no-repeat; width:200px} input.button {border:none; float:left; width:auto; height:22px; background-repeat:repeat-x; font-size:10px; font-weight:bold; color:#326482; padding:0} input.button:focus {color:#fff} div#content form p.pButton span {float:left; width:7px; height:30px; background-repeat:no-repeat;} p#bestellen {float:left; padding-left:7px; margin:20px 190px; border:none; background-color:transparent; background-repeat:no-repeat; width:200px} p#bestellen a {border:none; float:left; width:auto; height:22px; background-repeat:repeat-x; font-size:10px; font-weight:bold; color:#326482; padding:0; line-height:1.9em} p#bestellen a:hover{border:none} p#bestellen span {float:left; width:7px; height:30px; background-repeat:no-repeat;} p#bestellen.presse {margin:0} /*News*/ div#news_spacer {clear:left; margin-top:48px;} div#news_block {clear:left;} div#news_block .news_line {border-top: 1px solid #ffffff; border-bottom: 1px solid #ffffff; margin-left: -42px; padding-left: 42px; width: 530px; clear:left; margin-bottom: 8px; } div#news_block .news_line a {text-decoration: none;font-weight: bold;border:0px;} div#news_image_block { float:left; width:215px; padding-right:10px; } div#news_image_block a { border:0px;text-decoration:none;} div#news_image_block img {border:0px;margin:0px;padding:0px;} div#news_detail_text {float:left; width: 250px;} /*PageGallery*/ div#gallery_block{line-height: 80px; margin-top:44px;} div#gallery_block img{margin-right: 10px;float:left;border:0px;} /*Jobs*/ ul#job_list{margin-top:24px;margin-bottom:24px;} ul#job_list li{ font-weight: bold; font-size:16px; list-style-type: disc; margin-left: 15px; } ul#job_list li a{border:0px; text-decoration:none;} div.left_col{ font-weight:bold; float:left; width: 150px; margin-bottom: 10px; } div.right_col{ float:left; width: 250px; } div#kurse_details div.right_col p{ width:250px; float:left; } div#job_details br{ clear:left; } /*presse*/ div.PresseBlock {width: 475px; height:63px;margin-bottom:5px;} div.PresseText {width:115px;float:left;font-weight:bold;margin-left:128px;line-height:63px;} div.PresseBtn {width: 100px;float:left;margin-top:17px;} div.PresseBtn form {margin:0px;padding:0px;} /*umfrage*/ table#poll_table input{width:20px;float:left;} /*Calculator*/ form#calculationForm div {width:auto} form#calculationForm {height:800px} form#calculationForm span.persons {widht:auto; margin:0 3px 0 0; font-weight:bold; margin-right:5px} form#calculationForm h2 {margin:20px 0 10px 0} form#calculationForm input{float:none; width:20px; border:1px solid #fff; margin-right:10px} form#calculationForm input#date {width:110px} form#calculationForm input#calculationStart {display:block; margin-top:40px; width:100px; background:#85CEFF} form#calculationForm select {margin:0; padding:0} div#resultContainer {padding:20px 0 20px 10px; margin:15px 0 5px 0; font-weight:bold; background:#fff; border:1px solid #85CEFF; border-left:1px solid #427DA7; border-bottom:1px solid #427DA7;} form#calculationForm div.infoBox {font-size:9px; padding:5px 0 5px 5px; margin:15px 0 15px 0; background:#fff; border:1px solid #85CEFF; border-left:1px solid #427DA7; border-bottom:1px solid #427DA7} form#calculationForm div.infoBox span {font-weight:bold} table#epoch_popup_calendar input {width:24px; float:none; margin:0} table#epoch_popup_calendar div input {width:auto; margin:0 5px} table#epoch_popup_calendar select {margin:0 5px} form#calculationForm a#preisliste { font-weight:bold } form#calculationForm a#hours { font-weight:bold; margin-left:15px }