/********************************************************************/ /* db dD .d88b. db .o88b. .d88b. .88b d88. */ /* o88 d8' .8P 88. o88 d8P Y8 .8P Y8. 88'YbdP`88 */ /* 88 d8' 88 d'88 88 8P 88 88 88 88 88 */ /* 88 d8888b. 88 d' 88 88 8b 88 88 88 88 88 */ /* 88 88' `8D `88 d8' 88 db Y8b d8 `8b d8' 88 88 88 */ /* VP `8888P `Y88P' VP VP `Y88P' `Y88P' YP YP YP */ /********************************************************************/ /********************************************************************/ /* Includes */ /********************************************************************/ @import 'grid.css'; /********************************************************************/ /* CSS Reset */ /********************************************************************/ /* Credits: http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/ */ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0} /********************************************************************/ /* Allgemein */ /********************************************************************/ @font-face {font-family:"DINWebMedium"; src:url(../fonts/DINWeb-Medium.eot); src:local("DINWebMedium"), url(../fonts/DINWeb-Medium.woff) format("woff");} body {background-image:url(../images/bg_header.jpg); background-repeat:repeat-x; background-position:center top; background-color:#eeefed; font-family:Arial, Tahoma, sans-serif; color:#5c5f56; font-size:14px;} h1 {font-size:26px; margin-bottom:13px; font-family:DINWebMedium, Arial; font-weight:normal;} h2 {font-size:22px; margin-bottom:30px; font-family:DINWebMedium, Arial; font-weight:normal;} h3 {font-size:16px; margin-bottom:15px; font-family:DINWebMedium, Arial; font-weight:normal;} p {line-height:20px; margin-bottom:30px;} td {line-height:20px;} ul {margin-bottom:30px; margin-left:30px; list-style:outside disc; line-height:20px;} ul ul {margin-bottom:0;} hr {border:0; border-top:1px solid #eeefed; margin:0;} img.hr {border:0 !important;} strong {text-shadow:0 1px 0 #fff;} a img {border:0 !important;} a:link {color:#5c5f56;} a:visited {color:#5c5f56;} a:hover {color:#898e80; text-decoration:none;} input {height:25px;} /* Seite zentrieren */ #container {margin:auto;} /* Klassen erleichtern uns das Leben ;) */ .clearer {clear:both;} .arrow a {background:url(../images/arrow_list.gif) 0 9px; height:24px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:20px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:16px; text-shadow: 0 1px 0 #fff; color:#5c5f56; background-repeat:no-repeat;} .arrow a:hover {color:#5c5f56; background-position:2px 9px;} .button {background:url(../images/button.jpg) 0 0; height:30px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:33px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:16px; text-shadow: 0 1px 0 #fff; color:#5c5f56; -moz-box-shadow:0px 1px 2px #454545; -webkit-box-shadow:0px 1px 2px #454545; border:0;} .button:hover {background-position:0 60px; color:#5c5f56;} .button:active {background-position:0 30px;} .button a {background:url(../images/button.jpg) 0 0; height:30px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:30px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:16px; text-shadow: 0 1px 0 #fff; color:#5c5f56; -moz-box-shadow:0px 1px 2px #454545; -webkit-box-shadow:0px 1px 2px #454545;} .button a:hover {background-position:0 60px; color:#5c5f56;} .button a:active {background-position:0 30px;} .button {background:url(../images/button.jpg) 0 0; height:30px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:33px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:16px; text-shadow: 0 1px 0 #fff; color:#5c5f56; -moz-box-shadow:0px 1px 2px #454545; -webkit-box-shadow:0px 1px 2px #454545; border:0;} .button:hover {background-position:0 60px; color:#5c5f56;} .button:active {background-position:0 30px;} .button-action a {background:url(../images/button-action.jpg) 0 0; height:30px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:30px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:18px; text-shadow: 0 1px 0 #5c5f56; color:#eeefed; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000;} .button-action a:hover {background-position:0 60px; color:#eeefed;} .button-action a:active {background-position:0 30px;} .button-action {background:url(../images/button-action.jpg) 0 0; height:30px; width:124px; display:block; cursor:pointer; text-decoration:none; line-height:33px; vertical-align:middle; text-align:center; float:right; font-family:DINWebMedium, Arial; font-size:18px; text-shadow: 0 1px 0 #5c5f56; color:#eeefed; -moz-box-shadow:0px 1px 2px #000; -webkit-box-shadow:0px 1px 2px #000; border:0;} .button-action:hover {background-position:0 60px; color:#eeefed;} .button-action:active {background-position:0 30px;} .right {text-align:right;} .divider hr {display:none;} .divider {background-image:url(../images/hr_content.gif); background-position:center; background-repeat:no-repeat; height:19px; width:100%; overflow:hidden; margin-bottom:30px;} #footer .divider {background-image:url(../images/hr_footer-big.gif) !important; background-position:center; background-repeat:no-repeat; height:19px; width:100%; overflow:hidden; margin-bottom:30px;} .typo3-debug {background-color:#fff !important; color:#000 !important;} /* Text der Lightbox ausblenden */ #lightbox-overlay-text {display:none;} /********************************************************************/ /* Header */ /********************************************************************/ #header {margin-top:18px; margin-bottom:19px; padding:0 10px;} #header p {margin:0; line-height:16px;} #header p.bodytext {margin-bottom:15px;} #header h3 {font-size:32px;} #header div.scrollable {position:relative; overflow:hidden; width: 940px; height:250px;} #header div.scrollable .csc-default {width:940px; height:250px; /*background-color:#F00;*/ position:relative; text-shadow: 0 1px 0 #fff;} #header div.scrollable div.items div {float:left;} #header div.scrollable div.items div img.head-background {position:absolute; z-index:500;} #header div.scrollable div.items div div {position:absolute; z-index:501; width:350px; font-size:14px;} #header div.scrollable div.items div.left div.csc-textpic-text {left:55px; top:60px;} #header div.scrollable div.items div.right div.csc-textpic-text {left:530px; top:60px; text-align:left;} #header div.scrollable div.items div.white div.csc-textpic-text {color:#eeefed; text-shadow: 0 1px 0 #000;} #header div.scrollable div.items {width:20000em; position:absolute;} #header .next {background:url(../images/head_next.jpg) 0 0; height:58px; width:58px; display:block; position:absolute; left:50%; right:50%; top:119px; z-index:1000; margin-left:443px; cursor:pointer;} #header .next:hover {background-position:0 116px;} #header .next:active {background-position:0 58px;} #header .prev {background:url(../images/head_prev.jpg) 0 0; height:58px; width:58px; display:block; position:absolute; left:50%; right:50%; top:119px; z-index:1001; margin-left:-500px; cursor:pointer;} #header .prev:hover {background-position:0 116px;} #header .prev:active {background-position:0 58px;} #header .boxgrid {width:940px !important; height:250px; float:left; background:#5c5f56; overflow:hidden; position:relative; color:#eeefed; font-size:12px; text-shadow:none;} #header .boxgrid img {position:absolute; top:0; left:0; border:0;} #header .boxcaption {float:left; position:absolute; background:#5c5f56; height:260px; width:840px !important;} #header .boxcaption h3 {margin-top:10px;} #header .caption .boxcaption {top:223px; left:0; padding:5px 50px; opacity:.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 */ -MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } /* Header Dots */ /* Gesamt */ .navi {position:absolute; top:271px; left:50%; right:50%; z-index:888888888; text-align:center; width:60px; margin-left:-30px;} /* Dot */ .navi a {width:8px; height:8px; float:left; margin:3px; background:url(../images/navigator.png) 0 0 no-repeat; display:block; font-size:1px;} /* Dot mouseover */ .navi a:hover {background-position:0 -8px;} /* Dot active */ .navi a.active {background-position:0 -16px;} /********************************************************************/ /* Breadcrumb */ /********************************************************************/ #breadcrumb {font-size:12px; text-align:right; width:940px; margin:auto; margin-bottom:40px; text-shadow: 0 1px 0 #fff;} /********************************************************************/ /* Navigation */ /********************************************************************/ #navigation {background-image:url(../images/bg_navigation.jpg); background-repeat:no-repeat; background-position:center top; width:939px; height:129px; padding:1px 10px 0 11px; font-family:Tahoma, Geneva, sans-serif;} .main-navigation {margin:0; list-style:none;} .main-navigation li {float:left; font-size:18px;} .main-navigation li a {display:block; text-align:center; line-height:65px; vertical-align:middle; text-decoration:none; color:#eeefed; text-shadow: 0 1px 0 #000;} .main-navigation li a:link, .main-navigation li a:visited {width:120px; height:117px; background:url(../images/bg_navigation-elements.jpg) 120px 0;} .main-navigation li a:hover {width:120px; height:117px; background-position:240px 0; color:#fff;} .main-navigation li.active a {width:120px; height:117px; background-position:0 0; text-shadow: 0 1px 0 #fff; color:#5c5f56;} .main-navigation li ul.sub-navigation {height:117px; list-style:none; position:absolute; /*background:#5c5f56;*/ background:#4C4E48; margin:0; padding:0; display:none; float:left; width:117px; border:1px solid #40433C; z-index:999999; -moz-box-shadow:0px 1px 10px #454545; } .main-navigation li ul.sub-navigation li {margin:0; padding:0; clear:both; width:117px;} html .main-navigation li ul.sub-navigation li a {float:left; padding:2px 5px 2px 13px; width:99px; height:auto; text-align:left; line-height:normal; font-size:14px; background:none; color:#EEEFED; text-shadow:0 1px 0 #000000; background-color:#40433C; border-top:1px solid #60625c; border-bottom:1px solid #2d2f2a;} html .main-navigation li ul.sub-navigation li a:hover {background:url(../images/arrow_highlight.gif) left no-repeat #40433C; padding-left:15px; width:97px;} html .main-navigation li ul.sub-navigation li a.active {background:url(../images/arrow_highlight.gif) left center no-repeat #40433C; padding-left:15px; width:97px; color:#eeefed; text-shadow: 0 1px 0 #000;} html .main-navigation li ul.sub-navigation li.active a {background:url(../images/arrow_highlight.gif) left no-repeat #40433C; padding-left:15px; width:97px;} #logo-navigation {float:right; margin-right:30px; margin-top:35px;} /********************************************************************/ /* Content */ /********************************************************************/ #main .csc-textpic-border img {border:0;} #main_middle .alpha {clear:both;} /* tt_news Ausgabe formatieren */ .news-list-item, .news-latest-item {margin-bottom:50px;} .news-list-item h3, .news-latest-item h3{font-family:inherit !important;} .news-list-item h3 a, .news-latest-item h3 a {text-decoration:none;} .news-list-item p, .news-latest-item p {margin-bottom:15px; margin-left:50px;} .news-list-item hr, .news-latest-item hr {border:0 !important; visibility:hidden;} .news-list-item .news-list-morelink, .news-latest-item .news-latest-morelink {margin-left:50px; text-align:right;} .news-list-item .news-list-date, .news-latest-item .news-latest-date {display:block; width:35px; text-align:center; float:left; height:100%; margin-right:15px;} .news-latest-item img, .news-list-item img {float:left; margin-right:10px;} .news-single-author {margin-bottom:15px;} .news-single-additional-info {padding-top:15px; border-top:1px solid #898E80;} .news-single-related, .news-single-files, .news-single-links {margin-bottom:30px;} .news-single-image {float:left; margin-right:30px;} .news-single-timedata {margin-bottom:30px; text-align:right; font-style:italic;} .news-single-fb .news-single-fb-nr {display:block; text-align:right; font-size:10px; font-style:italic;} .news-single-fb .news-single-fb-comments {margin-bottom:30px;} .connect_widget {display:none;} /* Contentelement Text mit Bild */ #main .csc-textpic-clear {margin-bottom:25px;} #main .csc-textpic-caption {padding:5px; background-color:#fff;} /* Contentelement Tabelle */ .contenttable {margin-bottom:25px; font-size:12px;} .contenttable p {margin:0 !important;} .contenttable .thead th {background-color:#5C5F56; color:#EEEFED;} .contenttable th {text-align:left; padding:10px; background-color:#E2E2E2;} .contenttable td {padding:10px;} .contenttable .tr-even {background-color:#e2e2e2;} /* Layout f�r Sliding Box */ #main .boxgrid {width:278px; height:90px; float:left; background:#5c5f56; overflow:hidden; position:relative; margin-bottom:40px; color:#eeefed; font-size:12px; border:1px solid #b3b7ac;} #main .boxgrid img {position: absolute; top: 0; left: 0; border: 0;} #main .caption h3 {margin-bottom:5px;} #main .caption p {margin-bottom:5px; line-height:14px;} #main .caption a:link {color:#eeefed;} #main .caption a:visited {color:#eeefed;} #main .caption a:hover {color:#fff; text-decoration:none;} #main .caption .csc-textpic-text {top:65px; left:0; padding:5px; /*opacity:.9;*/ float:left; position:absolute; background:#5c5f56; height:100px; /*width:100%;*/ /* For IE 5-7 */ /*filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=90);*/ /* For IE 8 */ /*-MS-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";*/ } #main .slideright .csc-textpic-text, #main .slidebottom .csc-textpic-text, #main .slideleft .csc-textpic-text {top:0px; left:0;} #main .slideright h3, #main .slideright p {padding:5px;} /* linke Randspalte */ #main_left .csc-default {margin-bottom:40px;} #tooltip {position:absolute; z-index:3000; background-color:#5c5f56; color:#eeefed; padding:5px; /*opacity:0.8;*/} #tooltip h3, #tooltip div {margin:0;} #demotip {display:none; background:#5c5f56; font-size:12px; padding:5px; color:#eeefed; max-width:250px;} /********************************************************************/ /* Footer */ /********************************************************************/ #footer {background-image:url(../images/bg_footer.jpg); background-repeat:repeat-x; background-position:center top; height:415px; margin-top:10px; color:#eeefed; padding-top:40px; font-size:14px; font-family:inherit; overflow:hidden;} #footer h3 {margin-bottom:0;} #footer hr {margin-top:3px; margin-bottom:15px;} #footer a:link {color:#eeefed;} #footer a:visited {color:#eeefed;} #footer a:hover {color:#fff; text-decoration:none;} #footer .csc-header h3 a {text-decoration:none;} #footer .footer-headline {margin-bottom:25px;} #footer .footer-headline .csc-textpic-text {display:none;} #footer .footer-headline .csc-header {border-bottom:1px solid #EEEFED; padding-bottom:3px;} #footer .footer-headline .csc-textpic {margin-top:-20px;} #footer legend {display:none;} #footer #twitter h2 {display:none;} #footer #twitter_update_list {font-size:12px; list-style:none; margin:0; overflow:hidden; line-height:16px;} #footer #twitter_update_list li {margin-bottom:12px;} #footer_bottom .csc-textpic-imagerow {float:left; clear:none; width:auto !important;} #footer_bottom .csc-textpic-imagerow-last {clear:both;} #footer_bottom .csc-textpic-imagewrap {width:auto !important;} #footer .tx-felogin-pi1 label {display:inline; padding:3px 0;} #footer .tx-felogin-pi1 {text-align:right;} #footer .tx-felogin-pi1 #user, #footer .tx-felogin-pi1 #pass {background-color:#EEEFED; border:1px solid #5C5F56; height:22px; margin-left:10px; width:113px; padding:0 5px;} #footer .tx-felogin-pi1 div {clear:both; height:24px; margin-bottom:10px;} #my1601login {text-align:right;} .hr-footer-big {margin-top:25px; margin-bottom:25px;} /********************************************************************/ /* Powermail */ /********************************************************************/ .tx-powermail-pi1 fieldset {margin-bottom:25px;} .tx-powermail-pi1 fieldset legend {font-weight:bold; margin-bottom:12px;} .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html {margin-bottom:12px;} .tx-powermail-pi1 label {display:block; margin-bottom:5px;} .tx-powermail-pi1 input.powermail_text {background-color:#fff; border:1px solid #5C5F56; height:22px; padding:0 5px; width:96%;} .tx-powermail-pi1 textarea {background-color:#fff; border:1px solid #5C5F56; width:100%;} .tx-powermail-pi1 .hidden legend {display:none;} .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check label {display:inline;} .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_check input {height:auto;} .tx-powermail-pi1 .hidden .tx_powermail_pi1_fieldwrap_html_checkbox_title {display:none;} .tx-powermail-pi1 p {margin-bottom:5px;} .powermail_mandatory_list strong {font-weight:normal !important;} .powermail_mandatory_list {list-style:none; margin:0; padding:0;} /* date2cal */ .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime input.jscalendar {background-color:#fff; border:1px solid #5C5F56; height:22px; padding:0 5px;} .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime .jscalendar_cb {display:none;} #uid15_msg, #uid15_help {display:none;} .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_datetime .error {display:block;} /********************************************************************/ /* Tagcloud */ /********************************************************************/ #footer a.tx-timtabtagcloud-link {text-decoration:none;} .tx-timtabtagcloud-tag1 {font-size:8px;} .tx-timtabtagcloud-tag2 {font-size:10px;} .tx-timtabtagcloud-tag3 {font-size:12px;} .tx-timtabtagcloud-tag4 {font-size:14px;} .tx-timtabtagcloud-tag5 {font-size:16px;} .tx-timtabtagcloud-tag6 {font-size:18px;} .tx-timtabtagcloud-tag7 {font-size:20px;} .tx-timtabtagcloud-tag8 {font-size:22px;} .tx-timtabtagcloud-tag9 {font-size:24px;} .tx-timtabtagcloud-tag10 {font-size:26px;} /********************************************************************/ /* 404 Seite */ /********************************************************************/ #notfound {background-image:url(../images/bg_notfound.gif); background-repeat:repeat; color:#eeefed; padding-top:60px;} #notfound a:link {color:#eeefed;} #notfound a:visited {color:#eeefed;} #notfound a:hover {color:#fff; text-decoration:none;} #notfound #static {text-align:center;} #notfound #static h1 {font-size:210px; text-shadow:0 1px 0 #000;} #notfound h2 {font-size:24px; text-shadow:0 1px 0 #000;} #notfound #static img {border:0;} #notfound .hr-footer-big img {border:0;} #notfound .hr-footer-big {margin-top:25px; margin-bottom:25px;} #notfound .tx-indexedsearch-searchbox, #notfound .tx-indexedsearch-whatis, #notfound .tx-indexedsearch-browsebox, #notfound .tx-indexedsearch-noresults {display:none;} #notfound #tip-print {display:none;} #notfound .tx-flseositemap-pi1 a {text-decoration:none;} #notfound .tx-flseositemap-pi1 a:hover {text-decoration:underline;} /********************************************************************/ /* macina Suchbox */ /********************************************************************/ .tx-macinasearchbox-pi1 .hiddenfields {display:none;} .tx-macinasearchbox-pi1 {margin-bottom:30px;} /*.tx-macinasearchbox-pi1 input {width:100%;}*/ /*.tx-macinasearchbox-pi1 input.button {width:auto;}*/ /********************************************************************/ /* Lightbox (compressed) */ /********************************************************************/ #lightbox,#loading,#hoverNav,#overlay{position:absolute}#lightbox,#hoverNav,#imageContainer>#hoverNav,#prevLink,#overlay{left:0}#lightbox,#loading,#hoverNav,#overlay,* html>body .clearfix{width:100%}#lightbox{z-index:999}#lightbox,#loading{text-align:center;line-height:0}#lightbox a img{border:none}#outerImageContainer,#imageDataContainer{background:#fff;margin:0 auto}#outerImageContainer{position:relative;width:250px;height:250px}#imageContainer{padding:10px}#loading{top:40%;left:0%;height:25%}#hoverNav,#overlay{top:0}#hoverNav,#nextLink,#prevLink{height:100%}#hoverNav{z-index:10}#hoverNav a{outline:none}#nextLink,#prevLink{width:49%;background:transparent url(../images/blank.gif) no-repeat}#nextLink,#prevLink,#imageDataContainer .imageDataContainer-helper,#imageData #helpDisplay,.clearfix:after{display:block}#prevLink,#imageData #imageDetails,#imageData #numberDisplay,#imageData #helpDisplay{float:left}#nextLink{right:0}#nextLink,#imageData #bottomNavClose{float:right}#prevLink:visited:hover,#prevLink:hover{background:url(../images/prevlabel.gif) left 50% no-repeat}#nextLink:visited:hover,#nextLink:hover{background:url(../images/nextlabel.gif) right 50% no-repeat}#imageData #imageDetails,#imageData #numberDisplay{padding:10px 0 0 0}#imageData #imageDetails{width:70%;text-align:left}#imageData #caption,#imageData #numberDisplay,#prevLinkText,#nextLinkText{font-weight:bold}#imageData #caption,#imageData #numberDisplay{font-size:11px}#imageData #numberDisplay{display:inline}#imageData #bottomNavClose{width:25px;padding:5px 5px 0 0;margin:0 0 0 0}#prevLinkText,#nextLinkText{text-decoration:none}#nextLinkText{padding-left:0}#prevLinkText{padding-right:0}.ontop #imageData{padding-top:5px}#imageDataContainer{font:10px Verdana,Helvetica,sans-serif;padding:0 0 10px 0}#imageDataContainer,#imageDataContainer .imageDataContainer-helper{line-height:1.4em}#imageDataContainer .imageDataContainer-helper{background:#ece7e7;font:10px Arial,Verdana,Helvetica,sans-serif;float:left !important;float:none;margin:10px 0 0 10px !important;margin:10px 0 0 0}#imageData{padding:0 10px}#imageData #helpDisplay{clear:left}#overlay{background:#000;z-index:90;height:500px;-moz-opacity:0.6;opacity:0.6;display:none}.clearfix:after{content:".";height:0;clear:both;visibility:hidden}* html>body .clearfix{display:inline-block}* html .clearfix{height:1%}