@charset "utf-8"; @media all { body { margin-top: 0; background: #fff url(img/background_long.jpg) repeat-x center top; color: #555; font-size: 75%; font-family: verdana, arial, tahoma, sans-serif; } /* Falls doch die "kurze" Version genommen wird, in der Body-Formatierung die URL des Backgrounds in "img/background.jpg" ändern. Und in allen HTML-Seiten den String "

" (gleich nach )löschen. Auch die "#bfa"-Formatierung (s. unten) kann dann gelöscht werden. */ a:link { color: #d5007a; text-decoration: none; } a:visited { color: #d5007a; text-decoration: none; } a:hover { color: #7b0046; text-decoration: none; } a:active { color: #7b0046; text-decoration: none; } img { border: 0; background-color: transparent; } h1 { font-size: 120%; font-weight: bold; } h2 { font-size: 150%; font-weight: bold;} h3 { font-size: 90%; font-weight: bold; color: #d5007a;} p {} td {} #bfa { width: 800px; height: 100px; background: transparent url(img/border_befor_all.gif) repeat-y 0 top; margin: 0 auto; padding-left: 15px; padding-right: 15px; border-width: 0;} #mainarea { border-width: 0px; background: url(img/border_main.gif) no-repeat; margin: 0px auto; width: 800px; height:100%; padding-left: 15px; padding-right: 15px; position: static; } #menu { width: 770px; height: 40px; color: #d5007a; font-family: "trebuchet ms", verdana, arial, tahoma; font-size: 100%; text-decoration: none; text-transform: uppercase; left: 15px; top: 13px; position: relative; background-color: transparent; } #menu a { background: url(img/menu_button_left.jpg) no-repeat left top; float: left; margin: 0; text-decoration: none; color: #d5007a; padding: 8px 0 0 8px; background-color: transparent; } #menu a span { background: url(img/menu_button_right.jpg) no-repeat right top; float: left; margin: 0; text-decoration: none; color: #d5007a; padding: 8px 8px 0px 0;} #menu a span { float: none; background-color: transparent; } #menu a:hover, #menu a:active, #this a { background-position: 0% -34px;} #menu a:hover span, #menu a:active span, #this a span { background-position: 100% -34px; color: #fff;} #header { width: 770px; height: 190px; border-bottom: 1px solid #7b0046; border-top-style: none; border-top-width: 0; border-right-style:none; border-left-style: none; border-left-width: 0; border-right-width: 0; } #content { padding: 50px 15px 15px 15px; background-image: url(img/curl_top.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; width: 740px; max-width: 740px; overflow: hidden; min-height: 400px; position: relative; } #col_double { background-color: transparent; width: 450px; float: left; margin: 0; padding: 0; position: static; } #image { background-image: url(img/img_bg_top.jpg); background-repeat: no-repeat; background-position: top center; padding: 17px 18px 18px 17px; margin: 0 0 0 15px; float: right; } #image img, #image iframe { background-image: url(img/img_bg_bottom.jpg); background-repeat: no-repeat; background-position: bottom center; padding: 0 18px 25px 17px; margin: 0; float: none; } #footer { width: 760px; height: 20px; margin: -8px 5px 0; text-align: center; color: #555; font-size: 9px; letter-spacing: 1px; padding-top: 5px; border-top: 0.1em solid #d5007a; background-color: transparent; position: relative; float: left;} #tr_curl_bottom { background-image: url(img/curl_bottom.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: transparent; overflow: visible; } #footer a:hover, #footer a:active { color: #555; text-decoration: none; } #footer a { text-decoration: none; color: #111; } /* vorerst nicht benötigt #break { background-color: transparent; width: 100%; height: 1px; margin-top: 15px; margin-bottom: 15px; border-top: 1px dotted #999; }*/ #col_double p { border-bottom: 1px dashed #999; padding-bottom: 15px; } #col_double div p { border: 0; padding-bottom: 15px; } #col_triple { padding: 0; margin: 0 0 0 -5px; background-image: url(img/corner_bottom_right.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: #fff; min-height: 165px; width: 740px; } #col_triple p, #col_triple form { padding: 15px; margin: 0; background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; min-height: 100px; border: 0; font-size: 90%; } #col_triple p img { height: 100px; width: 100px; max-width: 100px; padding: 15px 20px 20px 15px; margin-right: 15px; background-image: url(img/thumbnail_bg_135x135.jpg); background-repeat: no-repeat; background-position: center center; background-color: transparent; overflow: hidden; float: left; } #col_triple div { padding: 15px; margin: 0; background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; border: 0; font-size: 90%; } .col_video { padding: 0; margin: 0 0 0 -5px; background-image: url(img/corner_bottom_right.jpg); background-repeat: no-repeat; background-position: bottom right; background-color: white; min-height: 165px; width: 740px; } .div_video { padding: 15px; margin: 0; background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; min-height: 100px; border: 0; font-size: 90%;} .video {width:350px; } #videofenster {margin-top: 20px;} .videotopicbrake{color: #fff; border-bottom: #ccc dashed 1px; height: 1px; margin-right: 10px; padding-top: 5px; margin-bottom: 5px;} /*ALT: .video {width:450px; float:left;}*/ /*.col_video p { padding: 15px; margin: 0; background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; min-height: 100px; border: 0; font-size: 90%; }*/ /* AHCTUNG: beeinflusst die Größe der Buttons! Dies nur stehen lassen, wenn "FlyoutScripts.js" benutzt wird !!! .col_video img { width: 15px; height: 15px; margin: 0px; border: 0; position: relative; float: none; } */ /* ... wenn "ajax-dynamic-list.js" benutzt wird, dann folgende zeile stehen lassen */ .col_video img { width: 100px; height: auto; margin: 0px; border: 0; position: relative; float: none; cursor: pointer;} .info{font-size: 75%; text-transform: uppercase; color: #777; background: #eee; padding: 2px 5px 5px 5px;} /*#col_gb { padding: 15px; background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: #fff; min-height: 165px; width: 740px; }*/ /*#col_gb p { background-image: url(img/corner_top_left.jpg); background-repeat: no-repeat; background-position: top left; background-color: transparent; min-height: 100px; border: 0; }*/ #h { font-size: 120%; font-weight: bold; color: #d5007a; text-transform: uppercase; } #h3 { font-size: 150%; font-weight: bold; color: #d5007a; } #afterall { margin-top: 5px; background-image: url(img/amadeus_grey_200x53px.jpg); background-repeat: no-repeat; background-position: top center; width: 760px; height: 55px; } #pink { color: #d5007a; } /*#break { border-bottom: 1px dashed #999; margin-bottom: 15px; width: 100%; min-width: 100%; }*/ input, select { background-color: #f5f5f5; color: #555; border: 0; font-weight: normal; } textarea { background-color: #f5f5f5; color: #555; width: 100%; border:0; font-family: verdana, arial, tahoma, sans-serif; } }