/* This is the default template of CMSimple */ /* RESET BROWSERSTYLE */ body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,hr,blockquote {padding: 0; margin: 0;} /* GLOBAL */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-family: 'century gothic', verdana, sans-serif; color: #659b00; letter-spacing: 1px; } h1, h2, h3 { font-size: 24px; line-height: 1.2em; padding: 0 0 6px 0; margin: 6px 0 10px 0; font-weight: bold; } h4 { clear: both; font-size: 20px; line-height: 1.4em; margin: 15px 0 10px 0;} h5 { clear: both; font-size: 18px; line-height: 1.4em; margin: 15px 0 10px 0;} h6 { clear: both; font-size: 16px; line-height: 1.4em; margin: 15px 0 10px 0;} p {margin: 10px 0;} ol {margin: 6px 0;} ol li {line-height: 1.0em; border: 0; padding: 0px 0; margin: 2px 0 2px 22px;} ul {list-style-image: url(images/inhlist.gif); margin: 6px 0;} ul li {line-height: 1.2em; border: 0; padding: 0px 0; margin: 2px 0 2px 35px;} hr {height: 1px; clear: both; color: #999; background-color: #999; border: 0; margin: 16px 0;} blockquote {padding: 2px 0 2px 20px; border-left: 3px solid #999;} div.tplge_content_anchor {display: none;} div.tplge_menu_anchor {display: none;} div.tplge_news_anchor {display: none;} .tplge_button, .tplge_button_active { float: left; font-size: 16px; font-weight: 400; line-height: 20px; border-radius: 3px; padding: 4px 9px; margin: 0 6px 0 0;} .tplge_button { background: url(images/button.jpg) repeat-x; border: 1px solid #666; } .tplge_button_active { background: #659500; color: #fff; border: 1px solid #659500; } /* ############################## C O N T E N T C L A S S E S ############################## */ .tplge_left_border {float: left; border: 5px solid #998; margin: 0 20px 10px 0;} .tplge_left_noborder {float: left; border: 0; margin: 0 20px 10px 0;} .tplge_right_border {float: right; border: 5px solid #998; margin: 0 0 10px 20px;} .tplge_right_noborder {float: right; border: 0; margin: 0 0 10px 20px;} .tplge_border {border: 5px solid #998;} .tplge_noborder {border: 0;} .tplge_code {clear: both; background: #eed; font-family: 'courier new', monospace; border: 1px solid #997; padding: 10px 16px;} .tplge_box01 {clear: both; background: #e0e9ec; border: 3px solid #c0c6cc; padding: 12px 16px; margin: 16px 0;} .tplge_legal {padding: 6px 0;} /*.XXXXXXXXXXXXXXXXXX {} /* Marker for styles menu tinymce */ .pour-telephone { display: none; } .pour-ordi { } /* ############################## B O D Y ############################## */ /* BODY UND SEITE / BODY AND PAGE */ body {font-family: arial, sans-serif; font-size: 15px; line-height: 1.4em; color: #444;} #body {min-width: 940px; text-align: left; background: #fff; } #top {font-size: 10px; line-height: 10px;} /* ############################## L A Y O U T ############################## */ #tplge_header { background: #fff; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+80,e0e0e0+100 */ /*background: #ffffff; Old browsers background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 80%, #e0e0e0 100%); FF3.6-15 background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 80%,#e0e0e0 100%); Chrome10-25,Safari5.1-6 background: linear-gradient(to bottom, #ffffff 0%,#ffffff 80%,#e0e0e0 100%); W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); IE6-9 */ } #tplge_locator { text-align: left; margin: 0 auto; } #tplge_main { text-align: left; margin: 0 auto; } #tplge_sidebar1 { float: left; width: 28%; } #tplge_content { float: right; width: 70%; text-align: center; margin: 0; } /*#tplge_news { min-height: 220px; }*/ #tplge_prevtopnext { clear: both; } #tplge_notes {} /*#tplge_header #header { width: 100%; display: block; }*/ #tplge_header #header { max-width: 70%; display: block; margin:auto; } /* ############################## D E S I G N ############################## */ /* KOPFBEREICH / HEADER */ /*#tplge_header {background: #111 url(images/bgheader.jpg) center top no-repeat; border-bottom: 0px solid #999;}*/ /*#tplge_headerin {min-height: 180px; width: 900px; padding: 0; margin: 0 auto;}*/ /*#tplge_headerin {min-height: 180px; padding: 0; margin: 0 auto;}*/ /*#tplge_header h1 {float: right; clear: left; color: #9f9a90; font-size: 24px; line-height: 1.2em; text-align: right; font-weight: 100; padding: 10px 0 16px 16px; margin: 0;}*/ /* logo */ /*#tplge_header .tplge_logo {float: left; border: 1px solid #666; margin: 20px 5px 0px 0;}*/ /*#tplge_header .tplge_headerimg {float: right; background: #fff; padding: 3px; margin: 0 0 0 3px; border: 1px solid #999;}*/ /* MAIN */ #tplge_main { width: 100%; max-width: 1400px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+60,e0e0e0+100 */ background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 60%, #e0e0e0 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 60%,#e0e0e0 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #ffffff 0%,#ffffff 60%,#e0e0e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e0e0e0+0,ffffff+40,ffffff+100 */ background: #e0e0e0; /* Old browsers */ background: -moz-linear-gradient(top, #e0e0e0 0%, #ffffff 40%, #ffffff 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #e0e0e0 0%,#ffffff 40%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #e0e0e0 0%,#ffffff 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } #tplge_mainin { padding: 10px 20px 10px 20px; margin: 0 auto;} #tplge_mainin { margin: 0 auto;} /* locator */ #tplge_locator {overflow: hidden;} #tplge_locatorin {font-family: arial, sans-serif; font-size: 14px; text-align: left; color: #333; border-bottom: 1px solid #999; padding: 6px 0 0; margin: 12px 0 16px 0;} #tplge_locatorin span {line-height: 26px;} /* searchbox */ #searchbox {float: left; text-align: left; padding: 0 16px 0 0; margin: 0;} #searchbox input.submit {background: #659500; color: #fff; border: 1px solid #659500; padding: 0 3px 1px 3px;} #searchbox .text {width: 140px; background: #fff; font-family: arial, sans-serif; font-size: 15px; border: 1px solid #aaa; padding: 0 3px 2px 3px;} /* INHALT / CONTENT */ #tplge_contentin {font-family: arial, sans-serif; text-align: left; padding: 20px 0 20px 0; margin: 0 0 10px 0;} #tplge_contentin li {background: none;} #tplge_contentin h1, #contentin h2, #contentin h3 {} #tplge_content .text {width: 90%; border: 1px solid #ccc;} #tplge_content input.submit { background: url(images/button.jpg) repeat-x; float: left; font-size: 16px; line-height: 20px; border: 1px solid #666; border-radius: 3px; padding: 2px 6px; margin: 0 6px 0 0;} /* languagemenu */ div.langmenu_container {float: right; text-align: right; border: 0px solid #c00; padding: 0 0 6px 0; margin: 0;} .langmenu_container img {margin: 0 0 0 16px;} .sitemaplevel1 {font-size: 16px; font-weight: 700;} .sitemaplevel2 {font-size: 15px; font-weight: 100;} /* SIDEBAR NAVIGATION */ #tplge_sidebar1in {font-family: arial, sans-serif; border-right: 0px solid #999; padding: 8px 0 0 0;} h4.tplge_menu {margin-top: 18px;} #tplge_sidebar1 li {list-style-type: none; list-style-image: none;} #tplge_sidebar1 ul.menulevel1 {color: #659500; border: 0; padding: 0; margin: 8px 10px 0 0;} #tplge_sidebar1 ul.menulevel1 li {line-height: 1.2em; text-align: left; font-weight: 700; padding: 6px 0 4px 0; margin: 2px 0;} #tplge_sidebar1 ul ul.menulevel2 {border: 0; padding: 4px 0; margin: 0;} #tplge_sidebar1 ul ul.menulevel2 li { line-height: 1em; font-weight: 400; text-align: left; border: 0; padding: 0px 0 5px 15px; margin: 2px 0;} #tplge_sidebar1 ul ul ul.menulevel3 {margin: 5px 0 0 0;} #tplge_sidebar1 ul ul ul.menulevel3 li {line-height: 1.2em; text-align: left; border: 0; padding: 6px 0 1px 16px; margin: 2px 0;} #tplge_sidebar1 ul.subnav {list-style-type: none; text-align: left; padding: 36px 10px 10px 0; margin: 0;} #tplge_sidebar1 ul.subnav li {font-size: 14px; padding: 3px 0 3px 0; margin: 3px 0;} div.subnav {text-align: left; padding: 26px 20px 0 6px; margin: 0;} p.lastupdate {font-size: 14px; color: #333; padding: 0 10px 0 10px;} /* prev-top-next */ #tplge_prevtopnextin { text-align: center; border-top: 1px solid #999; padding: 8px 0 0 0; margin: 30px 0 0 0; } #tplge_prevtopnextin #prev { float:left; } #tplge_prevtopnextin #next { float: right; } /* FUSSLINKS / FOOTER LINKS */ #tplge_notesin { font-family: arial, sans-serif; font-size: 12px; text-align: right; color: #333; padding: 16px 40px 40px 40px; margin: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c1d785+0,7bb544+100 */ background: #c1d785; /* Old browsers */ background: -moz-linear-gradient(top, #c1d785 0%, #7bb544 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top, #c1d785 0%,#7bb544 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to bottom, #c1d785 0%,#7bb544 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ } /*div#tplge_notes p {padding: 0; margin: 0;}*/ /* LINKFORMATIERUNG / LINKS */ a:link, a:visited { color: #659500; text-decoration: none;} a:hover, a:active, a:focus {color: #659500; text-decoration: underline;} li.doc a:link, li.doc a:visited, li.doc a:hover, li.doc a:active, li.doc a:focus {color: #333; } li.docs a:link, li.docs a:visited, li.docs a:hover, li.docs a:active, li.docs a:focus {color: #333; } .tplge_navintern a:link {color: #333; text-decoration: none;} .tplge_navintern a:visited {color: #333; text-decoration: none;} .tplge_navintern a:hover {color: #659500; text-decoration: none;} .tplge_navintern a:active {color: #659500; text-decoration: none;} .tplge_navintern a:focus {color: #659500; text-decoration: none;} #tplge_sidebar1 ul a:link,#tplge_sidebar1 ul a:visited {color: #222; font-style: normal;} #tplge_sidebar1 ul a:hover,#tplge_sidebar1 ul a:active,#tplge_sidebar1 ul a:focus {color: #659500; font-style: normal; text-decoration: none;} #tplge_notes a:link,#tplge_notes a:visited {color: #222; text-decoration: none;} #tplge_notes a:hover, #tplge_notes a:active, #tplge_notes a:focus {color: #fff; text-decoration: underline;} .alignright { float: right; } .aligncenter { text-align: center; } .alignleft { float: left; } #tplge_notesin p { margin-top: 10px; } /* ############################## S O N S T I G E S / R E S T ############################## */ #submit {background: #659500; color: #fff; border: 0; padding: 1px 6px; margin: 1px;} input.text {border: 1px solid #999!important;} #passwd {border: 1px solid #999;} .file {border: 1px solid #999;} .scroll {background: #eec; border: 1px solid #997; padding: 10px; overflow: scroll;} table.edit {background: #eee; font-size: 14px; line-height: 1.2em; border: 1px solid #999; margin: 1px 0;} table.edit td {border: 0; padding: 3px;} textarea {width: 90%; background: #fff; font-family: arial, sans-serif; border: 1px solid #999; padding: 10px; margin: 0 0 10px 0;} /* ############################## R E S P O N S I V E CSS ############################## */ @media (max-width: 959px) { #body {min-width: 240px; font-size: 14px;} div.tplge_content_anchor {display: table; padding: 12px 0 0 0;} div.tplge_menu_anchor {display: table; padding: 12px 0 0 0;} div.tplge_news_anchor {display: table; padding: 12px 0 0 0;} /* header */ #tplge_headerin {width: 92%; max-width: 400px; padding: 0 4%; margin: 0 auto;} #tplge_header h1 {float: left; font-size: 20px; line-height: 1.2em; text-align: left; font-weight: 100; padding: 20px 0 16px 0; margin: 0;} /* locator */ #tplge_locator {width: 100%; max-width: 400px; padding: 0; margin: 0;} /* searchbox */ #searchbox {clear: both; padding: 0 0 12px 0; margin: 0;} #searchbox .text {width: 130px;} /* language menu */ div.langmenu_container {clear: left; float: none; text-align: left; border: 0px solid #c00; padding: 0; margin: 0;} .langmenu_container img {margin: 0 16px 0 1px;} /* Main Area */ #tplge_main {width: 100%; padding: 0; margin: 0;} #tplge_mainin {width: 92%; padding: 0 4%; margin: 0 auto;} /* Content Area */ #tplge_content {width: 100%;} #tplge_contentin {width: 100%; padding: 20px 0 0 0;} #tplge_prevtopnextin {font-weight: 700; padding: 16px 0 0 0; margin: 30px 0 0 0;} /* Menu Area */ #tplge_sidebar1 {width: 100%;} #tplge_sidebar1 ul.menulevel1 li {font-size: 16px;} #tplge_sidebar1 ul ul.menulevel2 li {font-size: 16px;} #tplge_sidebar1 ul ul ul.menulevel3 li {font-size: 16px; padding-left: 24px;} .pour-telephone { display: block; } .pour-ordi { display: none; } }