/* MAIN SETTINGS ------------------- */ body,html {margin:0;padding:0;background-color:#fff;color:#300;} html {overflow-y:scroll;} .mainEvent {border:0px solid red;} /* height:100px */ .innerEvent {position:relative;padding:1px;top:2px;left:0px;width:470px;height:14px;} .hello {display:inline;position:relative;margin-left:20px ;padding:6px; opacity:0.5; background:url(trans55.png) repeat;} /* border: 1px solid red; */ .transparent { -moz-opacity: 0.5; -khtml-opacity: 0.5; filter:alpha(opacity=50); } /* LAYOUT ------------------------- */ #page {width:1020px;margin:-10px;padding-top:0px;background-color:#cfd1d2;margin-left:auto;margin-right:auto;height:100%;} #ptl {float:left;height:40px;width:40px; margin:0px;} #ptl-inner {position:relative;top:8px;left:0px;height:40px;width:40px;background-image:url(/print/corner_011.png);background-repeat:none;z-index:22;} #pt {float:left;height:40px;margin:0px;width:940px;margin-left:auto;margin-right:auto;background-image:url(/print/bg-top.jpg);background-repeat:repeat-x;background-color:#ffffff;} /**/ #ptr {float:left;height:40px;width:40px;margin:0px;} #ptr-inner {position:relative;top:9px;left:0px;height:40px;width:40px;background-image:url(corner_012.png);z-index:10;background-repeat:none;} /*corner_012.jpg) */ #pml {float:left;width:32px;height:auto;background-image:url(left.jpg); background-repeat:repeat-y;background-color:#ffffff; z-index:200;} /* #pm {float:left;width:876px;height:auto;background-color:#ffffff;} */ #pmr {float:left;width:32px;height:auto;background-image:url(right.jpg);background-repeat:repeat-y;background-color:#ffffff;} #pfl {float:left;width:40px;height:40px; z-index:-2;} #pfl-inner {position:relative;top:-17px;left:0px;height:40px;width:40px; background-image:url(corner_013.jpg);z-index:1;background-repeat:none;} #pf {float:left;width:940px;height:20px;padding-top:8px;background-image:url(bg-down.jpg);background-repeat repeat-x;} #pfr {float:left;width:40px;height:40px; z-index:-2;} #pfr-inner {position:relative;top:-17px;left:0px;height:40px;width:40px; background-image:url(/print/corner_014.gif); z-index:1;background-repeat:none;} /* TOP HEADER ------------------- */ #outer-header {position:relative;top:50px;float:right;margin-right:15px;} #outer-header p {color:#fff; margin-top:0px;font-size:11px; } #outer-header p a {color:#fff; text-decoration:none;} #outer-header p a:link {color:#fff; text-decoration:none;} #outer-header p a:visited {color:#fff; text-decoration:none;} #outer-header p a:hover {color:#000; text-decoration:none;background-color:#fff;} #language p {padding:3px;} #language p a {color:#000000; text-decoration:none;} #language p a:link {color:#000000; text-decoration:none;} #language p a:visited {color:#000000; text-decoration:none;} #language p a:hover {color:#6AB023; text-decoration:none;} #logo {position:relative; top:28px;float:right;width:140px;z-index:20;} #arrow-up {position:absolute;height:33px;width:233px;top:10px;left:50px;} /* innerpage in color-file #innerpage {margin:0px;width:1040px;background-image:url(line3.gif);height:100%; background-color:#ffcccc;} */ #inner-header {position:relative;padding-left:31px;} #kulturdiv {position:absolute;height:33px;width:233px;background-image:url(/print/temp_top.gif);background-repeat:repeat-x;top:245px;left:23px;} #kulturdiv p {margin-top:0px; padding:0px 0px 5px 25px;font-size: 10px; color:#ffffff;} /* NAVIGATION - und CONTENT Bereich -------------------- */ #main-nav {position:relative; float:left; left:-23px; top:0px;padding:0px 0px 0px 30px;width:280px; margin:0px; z-index:12;background-image:url(shadow-hor.jpg);background-repeat:repeat-y;background-position:top right} /* height:0%; */ #main-content {float:left;width:702px; height:100%; } /* background-color:#68b022; display:inline;*/ #realcontent {float:left} #innercontent {position:relative;left:-33px;float:left;background-color:#ffffff;margin-top:10px; width:495px; text-valign:text-top;z-index:30;} #qqq {position:relative;left:-50px;top:15px;} /* inner-corner in color-file #inner-corner {position:relative;top: -8px;left:503px; height:17px; width:20px; background-image:url(inner-corner.gif); background-repeat:no-repeat;} */ #inner-corner {position:relative;top: -8px;left:503px; height:17px; width:20px; background-image:url(inner-corner.gif); background-repeat:no-repeat;} #greybalken {position:relative;top: 0px;left:-53px; height: 8px; width:732px; background-image:url(/print/greybalken.jpg); background-repeat:no-repeat; background-color:#ffffff; z-index:42; float:left;} /* background-color:#c1c1c1; */ #colorbalken {position:relative;top: 8px;left: 0px; height:10px; width:630px; background-color:#68b022; } #bottombalken {position:relative;top:-49px;left:257px; height: 9px; width:724px; background-color:#ffffff; background-image:url(bottom-balken.jpg);background-repeat:no-repeat;z-index:;} /* 30 */ #transparenttext {position:relative;top:-50px;left:228px; height:100%;width:700px; z-index:60; background-image:url();color: #fff;} /*trans55.png*/ #language {position:relative;top:-0px;left:788px; height:25px;width:140px; z-index:60; background-image:url(trans55.png);color: #000000;} /* FOOTER ------------------- } */ #footer {position:relative;top:0px;left:720px; width:225px; z-index:200; } #footer p {color:#fff; margin-top:0px;font-size:11px; } #footer p a {color:#fff; text-decoration:none;} #footer p a:link {color:#fff; text-decoration:none;} #footer p a:visited {color:#fff; text-decoration:none;} #footer p a:hover {color:#000; text-decoration:none;background-color:#fff;} /* SIDE BAR ------------------- */ .clear {clear:both;margin:0px;padding:0px;height:0px;} /* {margin-left:auto;margin-right:auto;width:50em;} */ img {border:none;} p, li, td {font-family:"Trebuchet MS",verdana,geneva,sans-serif;font-size:0px;margin-left:0;margin-right:0;text-align:left; margin:0px;} h1 {font-family:"Trebuchet MS",verdana,geneva,sans-serif;font-size:x-large;font-weight:bold;margin-top:0;margin-bottom:0;text-align:left;} h2 {font-family:"Trebuchet MS",verdana,geneva,sans-serif;font-size:18px;margin-top:0;margin-bottom:0;text-align:left;} h3 {font-family:"Trebuchet MS",verdana,geneva,sans-serif;font-size: 6px;margin:0.25em 0 0 10px;} #content {margin: 2% 5%; text-align: left;padding: 2%;background: #fff;color: #300;border: 3px solid #FFDB41;} .code {font-family: monospace;background: #ffe;color:#000;padding:2px;border:1px dotted #07334C;} .normal {font-size: 12px;} .small {font-size: 10px;} .verysmall {font-size: 8px;} a {color: #68b022;text-decoration:none; font-weight:bold;} /* 0D66A8*/ a:link {color: #68b022;background-color: transparent;} a:visited {color: #68b022;background-color: transparent;} a:hover {color: #07334C;background-color: transparent;} a:active {color: #000; background-color: transparent;} /* TABLE LAYOUT --------------- */ table.simpletable {border-style:solid;border-color:#000000;border-width:1px;} tr.header {background-color: #FFD334;} tr.odd {background-color: #ffffff;} tr.even {background-color: #efefef;} /*WEBCAM - SLIDER --------------- */ /* border-color:white; border-width:8px; border-style:solid; */ #webcam {position:relative;float:left;top:50px;left:-7px;height:125px;width:165px; } #scroller-header {font-family:"Trebuchet MS",verdana,geneva,sans-serif; font-size:11px;} #scroller-header a {text-decoration:none; color:#867863;background:url(inner-corner.gif); backgrouns-position:left; padding:0 2px;} /* inner-corner.gif */ #scroller-header a:hover {text-decoration:none; color:#4b412f} a.selected {text-decoration:underline !important; background: # url(inner-corner.gif) no-repeat;} /* color:#4b412f !important; */ /* width:277px; */ #scroller-header {width:167px;height:24px;padding:0px 0 0 0px;font-weight:700;background-color: #fff;} #scroller-body {width:100px;padding-bottom:30px; border-bottom:1px dotted #ff0;} #mask {width:167px;overflow:hidden;margin:0 auto;} /* border-bottom:1px dotted #ff0;*/ #panel {} #panel div {float:left;} #panel ul {list-style:none;margin:0 5px;padding:0;} #panel ul li {padding:5px;color:#557482;border-bottom:1px dotted #ccc;} #panel ul li.last {border-bottom:none !important;} #panel-1 {} #panel-2 {} #panel-3 {} /* WEBCAM - TABS --------------- */ /*--Set height of tabs--*/ ul.tabs {margin:0;padding:0;float:left;height:21px;list-style:none;border-bottom:0px solid #fff;border-left:1px solid #fff;width:100%;} /* #999 */ ul.tabs li {margin:0;padding:0px 2px 0px 2px;float:left;height:20px; font-size:11px; /*--Subtract 1px from the height of the unordered list--*/ line-height:20px; /*--Vertically aligns the text within the tab--*/ border: 1px solid #fff; border-left: none; margin-bottom: -1px; /* #999 --Pull the list item down 1px--*/ overflow: hidden;position: relative; background: #eaeaea url() no-repeat;} /* background: #e0e0e0; background: # url(inner-corner.gif) no-repeat;}*/ } ul.tabs li a {font-size:11px;text-decoration:none;color: #000;display:block;font-size: 1.2em; padding: 0 5px;border:1px solid #ffffff; /*-- #fff Gives the bevel look with a 1px white border inside the list item--*/ outline: none; } ul.tabs li a:hover {background: #ccc; color:green;} html ul.tabs li.active, html ul.tabs li.active a:hover { /*--Makes sure that the active tab does not listen to the hover properties--*/ background: #fff; border-bottom: 1px solid #fff; }/*--Makes the active tab look like it's connected with its content--*/ .tab_container {border:0px solid #999;border-top:none;overflow:hidden;clear:both;float:left;width:182px;background:url(backwebcam.png) no-repeat;} .tab_content {padding:8px;font-size: 1.2em;} /*SIDEBAR - DEFAULT --------------- */ /* float:left;*/ /* To Do noch nicht ganz fertig*/ /* */ #sidebar { float:left; position:relative;top:12px;left:-7px;width:175px; height:20px;} /* background-color:#f1f1f2; height:px; background-color:#f1f1f2; */ #ff {background-color:#f1f1f2; height:325px;width:165px;} a.sidenav {color:white;} a.sidenav:hover {color:black;} #SideAccordeon {list-style-type:none; list-style-position:outside; margin:0px; padding:0px 0px 10px 0px;font-size:12px;} #SideAccordeon li {list-style-type:none; list-style-position:outside; margin:2px; padding:0px 0px 0px 0px; } /* background:#f4f4f4; */ #SideAccordeon li ul {list-style-type:none; list-style-position:outside; margin:0px; padding:0px 0px 0px 3px; } /* background:#f9f9f9;*/ #SideAccordeon li ul li {list-style-type:none; list-style-position:outside; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; width:190px; } /*background:#f9f9f9;*/ #SideAccordeon li ul li p a {color:white;} #SideAccordeon div.head ul {list-style-type:none; list-style-position:outside; margin:0px; padding:0px 0px 0px 0px; } /* list-style-position:outside; */ #SideAccordeon div.head ul li {list-style-type:none; margin:0px; padding:0px; } #SideAccordeon li div.head a {display:block; padding:0px 0px 0px 15px; margin:0px; width:170px; list-style-type:none; color:#fff; background:url(icon_up_white.gif) no-repeat; background:url(icon_up_white.gif) no-repeat;border-bottom:0px solid #68b022; background-position:2px 4px; font-size:12px;} /* font-size:12px; color:#68b022; */ #SideAccordeon li div.head a:hover {display:block; padding:0px 0px 0px 15px; margin:0px; width:170px; list-style-type:none; color:#fff; background:url(icon_up_white.gif) no-repeat; background-position:2px 4px; z-index:200; font-size:12px; text-decoration:none;} /* #68b022 display:block; */ #SideAccordeon li div.selected a {display:block; padding:0px 0px 0px 15px; margin:0px; width:170px; list-style-type:none; color:#fff; background:url(icon_down_white.gif) no-repeat; border-bottom:0px solid #68b022; background-position:2px 6px; font-size:12px;} /* f9f9f9 hier muss noch das whie down hinkommen*/ /*dfdfdf*/ #SideAccordeon li div.selected a:hover {display:block; padding:0px 0px 0px 15px; margin:0px; width:170px; list-style-type:none; color:#fff; background:url(icon_down_white.gif) no-repeat; background-position:2px 6px;font-size:12px; } /*#68b022*/ #SideAccordeon li div.selected a p {color:white;} /* SLIMBOX Gallery --------------- */ #lbOverlay {position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:#000;cursor: pointer;} #lbCenter,#lbBottomContainer {position: absolute;z-index: 9999;overflow: hidden;background-color: #fff;} .lbLoading {background: #fff url(/print/loading.gif) no-repeat center;} #lbImage {position:absolute;left:0;top:0;border:10px solid #fff;background-repeat:no-repeat;} #lbPrevLink, #lbNextLink {display:block;position:absolute;top:0;width:50%;outline: none;} #lbPrevLink {left 0;} #lbPrevLink:hover {background:transparent url(/print/prevlabel.gif) no-repeat 0 15%;} #lbNextLink {right: 0;} #lbNextLink:hover {background: transparent url(/print/nextlabel.gif) no-repeat 100% 15%;} #lbBottom {font-family:"Trebuchet MS",verdana,arial,geneva,helvetica,sans-serif;font-size:10px;color:#666;line-height:1.4em;text-align:left;border:10px solid #fff;border-top-style:none;} #lbCloseLink {display:block;float:right;width:116px;height:22px;background:transparent url(/print/closelabel.gif) no-repeat center;margin:5px 0; outline:none;} #lbCaption, #lbNumber {margin-right:71px;} #lbCaption {font-weight:bold;} /* --- TABLESTYLES ------------------- */ tr.gray:hover {background:#f7f7f7;} td img {padding-top:4px;} td.firstrowcell {padding-right:5px; padding-bottom:4px;padding-top:2px; /* border-bottom:1px solid #dcdcdc; border-top:1px solid #d6dede; */ } td.fristrowlastcell {padding-top:2px; padding-bottom:4px; /* border-bottom:1px solid #dcdcdc;border-top:1px solid #d6dede; */} td.defaultcellborder {padding-right:5px;padding-top:2px; padding-bottom:4px; /* border-bottom:1px solid #d6dede;*/} td.lastcellborder {padding-top:2px; padding-bottom:4px; /* border-bottom:1px solid #d6dede; */} table.imageWithText {width:314px;margin:10px 0;} td.posImage {width:152px;padding-right:10px;vertical-align:top;} td.posText {width:180px;vertical-align:top;} td {font-size:11px; line-height: 17px;} .quelle {color:#999999;} .formtable {} .formtable tr.color {background-color:;} .formtable tr.color:hover {background-color: #ededed;} /* JQUER - MENU --------- */ #theMenu {list-style-type:none; list-style-position:outside; margin:0px; padding:10px 0px 10px 0px;font-size:12px;} #theMenu li {list-style-type:none; list-style-position:outside; margin:2px; padding:0px 0px 0px 0px; } /* background:#f4f4f4; */ #theMenu li ul {list-style-type:none; list-style-position:outside; margin:0px; padding:0px 0px 0px 15px; background:#f9f9f9;} /* */ #theMenu li ul li {list-style-type:none; list-style-position:outside; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; background:#f9f9f9; width:480px; } div.head ul {list-style-type:none; list-style-position:outside; margin:0px; padding:0px 0px 0px 0px; } /* list-style-position:outside; */ div.head ul li {list-style-type:none; margin:0px; padding:0px; } /* list-style-position:outside; */ #theMenu li div.head a {display:block; padding:1px 0px 1px 15px; margin:0px; border-bottom:0 px solid #68b022;width:480px; list-style-type:none; background:url(icon_up_green.gif) no-repeat; background-position:2px 4px; color:#68b022; font-size:12px;} /* font-size:12px; */ #theMenu li div.head a:hover {display:block; padding:1px 0px 1px 15px; margin:0px; width:480px; list-style-type:none; background:#68b022 url(icon_up_white.gif) no-repeat; background-position:2px 4px; color:#fff; z-index:200; font-size:12px; } /* display:block; */ #theMenu li div.selected a {display:block; padding:1px 0px 1px 15px; margin:0px; border-bottom:0px solid #68b022; width:480px; list-style-type:none; background:#f9f9f9 url(icon_down_black.gif) no-repeat; background-position:2px 6px; color:#000; font-size:12px;} /* hier muss noch das whie down hinkommen*/ /*dfdfdf*/ #theMenu li div.selected a:hover{display:block; padding:1px 0px 1px 15px; margin:0px; width:480px; list-style-type:none; background:#68b022 url(icon_down_white.gif) no-repeat; background-position:2px 6px; color:#fff;font-size:12px; } .listhead {float:left; height:17px;} .listhead2 {float:right;height:17px; padding-right:5px;} /* TOOLTIP - MENU --------- */ .partnerlink {padding:0px 0px 0px 5px;display:block;} #tooltip {padding:1px;background-color:#eee; position:absolute;z-index:3000;border:0px solid #111;opacity:0.85;} #tooltip h3, #tooltip div {padding:2px;background-color:#68b022;width:200px;margin:0;font-size:12px; color:#fff;} /* FORMULARE ---------- */ form {margin:0;padding:0;} input.wide {width:250px;background-color:#fff;color:#000;margin-bottom:1px;border:1px solid #cfd1d2;padding:0px;} /* 68b022 = gruen ---- cfd1d2 color:#363a41 , 6ab023 , e1e6e6 */ input.transparent {width:300px;margin-bottom:2px;border: 0;padding: 2px;} input.plz {width:40px;background-color:#fff;color:#000;margin-bottom:1px;border:1px solid #cfd1d2;padding:0px;} input.ort {width:205px;background-color:#fff;color:#000;margin-bottom:1px;border:1px solid #cfd1d2;padding:0px;} input.small {margin: 0 0 0 -10px;border: 0;background-color: #FFF;color: #996600;cursor: pointer;font-weight:bold;} textarea {background-color:#fff;color:#363a41;border:1px solid #e1e6e6;width:400px;height:80px;padding:2px;margin-bottom:15px;} /* select.small {height:20px;margin:0px 0px 0px 0px;border: 1px solid #cfd1d2;background-color:#cfd1d2; width:250px; } */ /* border-style: solid; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1pxFFF */ /* select.wide {margin:5px 3px 0px 3px;border: 1px solid #000;background-color: #FFF; width:273px;} select.smallmonth {margin:5px 3px 0px20px;border: 1px solid #000;background-color: #FFF; width:110px;} select.wideborder {width:300px;background-color:#e1e6e6;color #000;margin-bottom:2px;border:1px solid #e1e6e6;padding:2px;} */ .checkbox, .radio { width: 19px; height: 25px; padding: 0 5px 0 0; background: url(checkbox.gif) no-repeat; display: block; clear: left; float: left; } .radio { background: url(radio.gif) no-repeat; } .select { position: absolute; width: 250px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 0px 0 0px; color: #000; font: 12px/21px arial,sans-serif; background: url(qqq.jpg) no-repeat; /* background: url(select.gif) no-repeat; */ overflow: hidden; } input.button , input.send , input.reset {background: url(icon_up_green.gif) no-repeat;background-position:-2px 5px;height:20px;padding:2px;margin:0px 10px 0px 0px;;border:0px solid #fff;font-family:"Trebuchet MS",verdana,geneva,sans-serif; font-size:11px;} /* cfd1d2 */ input.button:hover, input.send:hover, input.reset:hover {background:#ccc url(icon_up_white.gif) no-repeat;background-position:-2px 5px;height:20px;padding:2px;margin:0px 10px 0px 0px;border:0px solid #fff;font-family:"Trebuchet MS",verdana,geneva,sans-serif; font-size:11px;} #error_message {margin:0px; padding:0px;} /* GALLERY -- SLIDER ---------- */ .tc,#tc .tc {position:relative;float:left;margin:0 10px 0 0;} #tc .tc a.thumbnail {display:block;background-color:#FFF;padding:10px 0px 6px 0px;} #tc .tc p {margin-top:4px;} #tc .tc .info-panel {display:none;position:absolute;opacity:1.0;padding:8px 8px 6px 8px;top:96px;background:url(trans55.png) repeat;z-index: 1;margin:10px;width:455px;height:45px;color:#000;} /* repeat scroll 0 0 5F5F5F */ #tc .tc .info-panel p {padding:1px 5px 1px 5px;} #tc .tc:hover .info-panel {display: block;} #tc .tc .info-panel strong {color: #CCC;} .tc-pic-icon {position:absolute;top:18px;right:5px;width:16px;height:16px;background: url(popup-open_grau.gif) no-repeat;} .info-panel div {background-color:white} .info-panel div p a {}