/* default styles for extension "tx_cssstyledcontent" */ /* Captions */ DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; } DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; } DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; } /* Needed for noRows setting */ DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; } /* Border just around the image */ DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG { border: 2px solid black; padding: 0px 0px; } DIV.csc-textpic-imagewrap { padding: 0; } DIV.csc-textpic IMG { border: none; } /* DIV: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; } /* UL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; } /* DL: This will place the images side by side */ DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; } DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */ DL.csc-textpic-image { margin: 0; } DL.csc-textpic-image DT { margin: 0; display: inline; } DL.csc-textpic-image DD { margin: 0; } /* Clearer */ DIV.csc-textpic-clear { clear: both; } /* Margins around images: */ /* Pictures on left, add margin on right */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-right: 10px; } /* Pictures on right, add margin on left */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image, DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } /* Pictures centered, add margin on left */ DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { display: inline; /* IE fix for double-margin bug */ margin-left: 10px; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; vertical-align:bottom; } /* Space below each image (also in-between rows) */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; } DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 10px; display: block; } DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; } .ce-gallery[data-ce-images="1"] img{ margin-bottom: 10px; } /* IE7 hack for margin between image rows */ *+html DIV.csc-textpic DIV.csc-textpic-imagerow .csc-textpic-image { margin-bottom: 0; } *+html DIV.csc-textpic DIV.csc-textpic-imagerow { margin-bottom: 10px; } /* No margins around the whole image-block */ DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; } DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; } /* Add margin from image-block to text (in case of "Text w/ images") */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { margin-right: 10px; } DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap, DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { margin-left: 10px; } /* Positioning of images: */ /* Above */ DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; } /* Center (above or below) */ DIV.csc-textpic-center { text-align: center; /* IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; } DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ } DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ } /* Right (above or below) */ DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; } DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; } /* Left (above or below) */ DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; } DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; } /* Left (in text) */ DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; } /* Right (in text) */ DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; } /* End hide from IE5/mac */ /* Left (in text, no wrap around) */ DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; } /* Hide from IE5-mac. Only IE-win sees this. \*/ * html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text, * html .csc-textpic-intext-left ol, * html .csc-textpic-intext-left ul { height: 1%; } /* End hide from IE5/mac */ DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; } /* RESET */ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,abbr,article,aside,command,details,figcaption,figure,footer,header,hgroup,mark,meter,nav,output,progress,section,summary,time { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th,figcaption { font-size:1em; font-weight:normal; font-style:normal; } fieldset,iframe { border:none; } caption,th { text-align:left; } table { border-collapse:collapse; border-spacing:0; } article,aside,footer,header,hgroup,nav,section,figure,figcaption { display:block; } /* LAYOUT */ html { height:100%; background-color:#7a9b6a; font-family: arial, helvetica, sans-serif; color:#778186; /* font-size:0.9em; */ font-size:13px; } body { height:100%; } a, a:hover, a:active, a:visited { color:#207838; text-decoration:underline; } div { position:relative; display:block; } img { border:0; float:left; } #contentwrapper { float:none; width:970px; margin:0 auto; } #contentarea { float:left; clear:both; background-color:#ffffff; } #contentwrapper-homepage { float:none; width:970px; margin:0 auto; height:100%; } #contentarea-homepage { float:left; clear:both; background-color:#ff0000; height:100%; } #homepage { margin:0 auto; width:969px; height:722px; background-image:url('/typo3conf/ext/gztemplate/Resources/Public/images/homepage.jpg'); background-repeat:no-repeat; background-position:left top; } #homepage-spacer { height:663px; width:969px; } #header { float:left; width: 970px; height:169px; } #topnavbar { float:left; clear:both; width: 970px; height:43px; background-image:url('/typo3conf/ext/gztemplate/Resources/Public/images/topnav_bg.jpg'); background-repeat:repeat-x; background-position:left top; text-align:center; overflow: hidden; } .topnav { margin:0 32px; list-style:none; } .topnav a, .topnav a:hover, .topnav a:active, .topnav a:visited { color:#778186; text-decoration:none; padding: 15px 25px 11px 25px; display:block; } .topnav li { float:left; display:inline-block; height: 43px; list-style:none; /* font-size: 0.9em; */ font-size: 14px; color: #778186; border-right:1px solid #ffffff; } .topnav li:first-child { border-left:1px solid #ffffff; margin-left:0; } .topnav li:hover, .topnav li:hover a, .nav-item.active a { background-color:#207838; color:#ffffff !important; } #homepage .topnav a, #homepage .topnav a:hover, #homepage .topnav a:active, #homepage .topnav a:visited { color:#ffffff; } #leftNavigation { float:left; width:210px; margin-left:32px; min-height: 20px; } #leftNav-currTitle { float:left; border-bottom: 1px solid #e3e6e8; width:210px; } #leftNav-currTitle-content { float:left; padding:0 0 16px 13px; /* font-size:1.1em; */ font-size:18px; color:#207838; font-weight:bold; } #leftNav-currTitle-content a { text-decoration: none; } #leftNav-currTitle-content a:visited { color: #207838 !important; } .leftnav { float:left; margin:0 0px; list-style:none; width:210px; } .leftnav a, a:hover, a:active, a:visited { color:#778186; text-decoration:none; } .leftnav li { /* font-size:1em; */ font-size:14px; padding:9px 13px; list-style:none; color:#778186; border-bottom: 1px solid #e3e6e8; } .leftnav-active-l1 a, .leftnav-active-l1 a:hover, .leftnav-active-l1 a:active, .leftnav-active-l1 a:visited { color:#207838 !important; } .leftnav-active { z-index:0; border-top:1px solid #207838; border-bottom:0; background-image:url('/typo3conf/ext/gztemplate/Resources/Public/images/leftnav_open_bg.jpg'); background-repeat:repeat-y; background-position:left top; } .leftnav-active a, .leftnav-active a:hover, .leftnav-active a:active, .leftnav-active a:visited { color:#207838; text-decoration:none; } .leftnav-active li a, .leftnav-active li a:hover, .leftnav-active li a:active, .leftnav-active li a:visited { color:#778186; } .leftnav-active-l2 a, .leftnav-active-l2 a:hover, .leftnav-active-l2 a:active, .leftnav-active-l2 a:visited { color:#207838 !important; } .leftnav li.leftnav-active ul { margin:0 -13px; } .leftnav li.leftnav-active ul li { /* font-size:0.9em; */ font-size:13px; padding:3px 26px; border-bottom:0; } .leftnav li.leftnav-active ul li.leftnav-active-l2 { color:#207838 !important; } #contentblock { float:left; width:728px; } #contentblock-content { float:left; margin: 0 32px 32px; line-height:1.6em; } #contentblock-content ul, #contentblock-content ol { margin: 0 0 0 20px; } #contentblock-content .csc-textpic-imagewrap ul { margin:0 !important; } #contentblock-content a:visited { color: #207838 !important; } h1 { font-size:24px; color:#207838; margin-bottom:30px; line-height: 1.2em; } h2 { font-size:20px; color:#207838; margin-top:15px; } h3 { font-size:16px; color:#207838; margin-top:15px; } h4 { font-weight:bold; color:#207838; margin-top:15px; } h5 { font-style:italic; font-size:13px; } h6 { font-style:italic; font-size:12px; } .ce-bodytext strong, h1 strong, .frame-type-text strong, .frame-type-text strong em { font-weight:bold; } #c7 table img { padding-right: 20px; padding-bottom: 20px; } hr { height:1px; background-color:#e3e6e8; border:0; } .csc-header { width:100%; } .csc-default { clear:both; } .csc-textpic-intext-left .csc-textpic-imagewrap { margin-right:30px !important; } /* News */ .news-list-view { width: 100%; display:block; } .news-list-view img { float:left !important; margin: 0 20px 5px 0 !important; } .news-list-view h2 { font-weight:bold; color:#207838; margin-bottom:0; font-size:13px; } .news-list-view strong a, .news-list-view strong a:visited { color:#207838; font-weight:bold; text-decoration:none; } .news-list-item { float:left; width: 100%; display:block; padding:30px 0 !important; border-bottom:1px solid #e3e6e8; } .news-list-morelink a, .news-list-morelink a:visited { color:#207838; font-weight:bold; text-decoration:underline; } .news-single-item h2 { font-size: 13px; margin:0; } .news-single-img { width: 260px; } .news-single-img, .news-single-img img { margin: 0px 0 20px 20px !important; } .news-single-imgcaption { margin: 0 0 0 20px !important; line-height:1.1em; } .news-single-backlink { padding: 15px 0 0 0 !important; } .news-single-backlink a, .news-single-backlink a:visited { color:#207838; text-decoration:underline; } .browseLinksWrap { font-size:13px; } .browseLinksWrap a, .browseLinksWrap a:visited { color:#207838; text-decoration:underline; font-size:13px; } .news .article .news-img-wrap {margin:0;} .news .article .news-img-wrap a { padding: 0; border: none; } .news .article { padding-bottom: 0; margin-bottom: 0; } .news.news-single { width: 660px; max-width: 100%; } /* Contactform */ #kontakt-96 {width: 660px;} #kontakt-96 label[for="kontakt-96vorname"], #kontakt-96 label[for="kontakt-96nachname"], #kontakt-96 label[for="kontakt-96email"], #kontakt-96 label[for="kontakt-96anmerkung"], #kontakt-96 label[for="kontakt-96telefon"] { background: url("/typo3conf/ext/gztemplate/Resources/Public/images/form_bg_required.jpg") no-repeat scroll 90px 4px transparent; } #kontakt-96 label { display: block; float: left; font-weight: bold; line-height: 19px; margin-right: 18px; padding-right: 6px; text-align: right; width: 88px; } #kontakt-96 input, #kontakt-96 select, #kontakt-96 textarea { background-color: #f3f4f5; border:1px solid #778186; padding: 4px;margin-bottom: 10px; background-image:url('/typo3conf/ext/gztemplate/Resources/Public/images/form_field_bg.gif'); background-repeat:no-repeat; background-position:left top; } #kontakt-96 input, #kontakt-96 textarea {width: 300px;} #kontakt-96 textarea {min-height: 90px;} #kontakt-96 .btn { margin:15px 0 0 380px; color:#ffffff; background-color:#207838 !important; background-image:none !important; } #footer { float:left; height:198px; width:970px; background-image:url('/typo3conf/ext/gztemplate/Resources/Public/images/footer_bg.jpg'); background-repeat:no-repeat; background-position:left top; } #footer-content { float:left; color:#778186; margin: 167px 32px 14px; }