/* Nur in Print Version */ #print_logo{display:none;} html{height:100%;margin:0;padding:0;} body{font-family:Arial, Helvetica, sans-serif;background-color:#fff;color:#696969;border:0;} /* */ h1, h2, h3, h4, h5, h6 { font-weight:normal; color:#000} h1 { font-size: 26px; color:#fff; margin-bottom:15px; margin-top:5px; font-weight:bold; } h2 { font-size:18px; margin-top:5px;margin-bottom:5px; color:#fff; } h3 { font-size:14px; margin-bottom:-12px; } h4 { font-size:12px; margin-bottom:-10px;} h5, h6 { font-size:12px; margin-bottom:-10px;line-height:1.2em; font-weight:bold } /* Intropage Flyerlayout */ .title{font-size:120%;font-style:italic;font-weight:bold;color:#000} .titlebox{margin-top:85px; margin-left:30px;} .text{font-size:110%; margin-top:15px; margin-left:30px; color:#fff;} #buchen{margin-left:auto;margin-right:auto;width:214px;height:68px;background-image:url('../img/sprachaufenthalt-buchen.gif');} #buchen a:hover {color:#fff;text-decoration:none} a {color:#fff;text-decoration:none; border:none; outline:none } a:hover {color:#000088;text-decoration:none} #bestellbutton a {color:#82b03b;;text-decoration:none; } #bestellbutton a:hover {color:#fff;text-decoration:none} #bestellbutton {text-align:center;font-size:80%;-moz-border-radius:10px; -webkit-border-radius:10px; -khtml-border-radius:10px; border-radius:10px; float:right;background-color:#5c6b2e;padding:5px 13px 5px 13px;width:127px;font-weight:bold;margin-top:-100px;} .main_navi {border-left:dashed 1px #696969;padding-left:10px;float:left;margin-bottom:10px;font-weight:500;font-size:80%;width:170px} .main_navi_nr {font-size:16px; font-weight:bold; color:#ccc;} .main_navi_title {color:#ccc;} #content {width:350px; float:left;padding:15px;font-weight:bold;color:#fff;background-repeat:repeat-y;} #content_header{height:100px;width:100%;background-repeat:no-repeat;} .active {color:#000088;} .wraper{margin-left:auto;margin-right:auto; width:1200px; text-align:left;margin-top:30px;} #navigation{font-size:100%; float:left; margin-top:135px;text-align:right;width:280px;} #navigation a{color:#fff;font-weight:bold;} #navigation a.active{color:#000088;font-weight:bold;} .nav_icon{margin-left:5px;float:right;height:25px;width:20px;} #breadcrumb{padding-top:5px;border-top:1px dashed #ccc; font-size:80%;} #unternavi{width:455px; float:right; font-size:80%; margin-top:-100px;} #footerbildprint{display:none;} .language{float:right;} .textfield{border:1px solid #aaa;margin-bottom:5px;} .textfield_error{border:1px solid #f00;margin-bottom:5px;} input.submit{background-color:#ddd;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;} input.submit:hover{background-color:#dfe1e2;padding:4px;padding-left:4px;color:#666;border:1px solid #aaa;font-size:100%;} a.plain{display:block;width:145px;padding:6px 6px 6px 20px;text-decoration:none;color:#000;} .main{ } .footer{float:right;font-size:0.75em;padding-top:25px;} .footer a{text-decoration:none;} .header_box{float:left;margin-left:230px;width:790px;padding-bottom:15px;margin-bottom:15px;} .logo{margin-left:90px;float:left;text-align:left;width:440px;} .infobox{border-bottom:2px solid #ccc;text-align:left;width:250px;float:left;margin-top:200px;} .infobox_news{color:#bbb;clear:both;padding-left:15px;padding-right:5px;font-size:.7em; background-color:#333;} .rahmenunten{float:left; width:250px; height: 16px; background-image:url('../img/rahmenelement.gif'); background-position:0px -19px} .rahmenoben{width:250px; height: 16px; background-image:url('../img/rahmenelement.gif')} .content_text{text-align:left;padding:0 15px 15px 15px;background-image:url('../img/template/container_bg.gif');} .header_bild{text-align:left;width:800px;height:160px;background-repeat:no-repeat;} /* Navigation ---------------------------------- */ ul.sidenav { font-size: 0.8em; width: 160px; margin: 0; padding: 0; list-style: none; background: #666; border-bottom: 1px solid #aaa; border-top: 1px solid #ccc; } ul.sidenav li a { display: block; background: #ddd; color: #000; text-decoration: none; padding: 10px 10px 10px 15px; border-top: 1px solid #aaa; border-bottom: 1px solid #444; } ul.sidenav li a:hover { /*background: #ddd;*/ background: #000; color:#fff; border-top: 1px solid #ccc; } ul.sidenav li a.active { background: #ffa407; color:#000088; font-weight:bold; border-top: 1px solid #ccc; } ul.sidenav li span{ display: none; } ul.sidenav li a:hover span { font-size: 0.7em; padding: 10px 0; } /* Slideshow ---------------------------------------------------- */ #slideshow {list-style:none; color:#fff} #slideshow span {display:none} #wrapper {width:450px; margin:0px; display:none; float:left;} #wrapper * {margin:0; padding:0} #fullsize {position:relative; width:450px; height:450px; padding:0px; border:1px solid #ccc; background:#fff} #information {position:absolute; bottom:0; width:450px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} #information h3 {padding:4px 8px 3px; font-size:14px} #information p {padding:0 8px 8px} #image {width:450px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(../img/left.gif) left center no-repeat} #imgnext {right:0; background:url(../img/right.gif) right center no-repeat} #imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)} .linkhover {background:url(images/link.gif) center center no-repeat} #thumbnails {margin-top:5px} #slideleft {float:left; width:20px; height:79px; background:url(../img/scroll-left.gif) center center no-repeat; background-color:#ccc} #slideleft:hover {background-color:#aaa} #slideright {float:right; width:20px; height:79px; background:#ccc url(../img/scroll-right.gif) center center no-repeat} #slideright:hover {background-color:#aaa} #slidearea {float:left; position:relative; width:380px; margin-left:5px; height:79px; overflow:hidden} #slider {position:absolute; left:0; height:79px} #slider img {cursor:pointer; border:1px solid #666; padding-right:2px} /* Ende Slideshow ----------------------------------------------- */ /* ColorBox example user style These rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com */ #modalContent, #borderTopLeft, #borderTopCenter, #borderTopRight, #borderBottomLeft, #borderBottomCenter, #borderBottomRight, #borderMiddleLeft, #borderMiddleRight {position:absolute;} #colorbox, #modalBackgroundOverlay{position:absolute; top:0; left:0; z-index:9999; width:100%; height:100%;} #modalBackgroundOverlay{position:fixed;} #modalClose, #contentPrevious, #contentNext{outline:none; cursor:pointer;} #modalLoadedContent iframe{display:block; width:100%; height:100%; border:0;} #modalLoadedContent img, #modalLoadedContent embed{display:block;}/* Display:block removes the line-height gap underneath images, iframes, and embedded content */ #modalLoadingOverlay{position:absolute; width:100%; height:100%; top:0; left:0;} #modalInfoBr{display:none;} #modalBackgroundOverlay{background:url(../lightbox/colorbox/images/stripe.png) 0 0 repeat;} #colorbox{} #borderTopLeft{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderTopLeft.png) 0 0 no-repeat;} #borderTopCenter{height:21px; background:url(../lightbox/colorbox/images/borderTopCenter.png) 0 0 repeat-x;} #borderTopRight{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderTopRight.png) 0 0 no-repeat;} #borderBottomLeft{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderBottomLeft.png) 0 0 no-repeat;} #borderBottomCenter{height:21px; background:url(../lightbox/colorbox/images/borderBottomCenter.png) 0 0 repeat-x;} #borderBottomRight{width:21px; height:21px; background:url(../lightbox/colorbox/images/borderBottomRight.png) 0 0 no-repeat;} #borderMiddleLeft{width:21px; background:url(../lightbox/colorbox/images/borderMiddleLeft.png) 0 0 repeat-y;} #borderMiddleRight{width:21px; background:url(../lightbox/colorbox/images/borderMiddleRight.png) 0 0 repeat-y;} #modalContent{background:#fff;} #modalLoadedContent{margin-bottom:55px; border:1px solid #fff;} #contentTitle{position:absolute; bottom:5px; left:105px; width:80%; text-align:left; font-size:10pt; color:#949494;} #contentCurrent{position:absolute; bottom:35px; left:58px; font-size:10pt; font-weight:bold; color:#949494;} #contentPrevious{position:absolute; bottom:45; left:0px; background:url(../lightbox/colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #contentPrevious:hover{background-position:-25px -25px;} #contentNext{position:absolute; bottom:45; left:27px; background:url(../lightbox/colorbox/images/controls.png) 0px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #contentNext:hover{background-position:0px -25px;} #modalLoadingOverlay{background:url(../lightbox/colorbox/images/loading.gif) center center no-repeat #fff;} #modalClose{position:absolute; bottom:0; right:0; background:url(../lightbox/colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #modalClose:hover{background-position:-50px -25px;}