/** * @file stylesheets/default.css * @note CSS file for Augentis Theme * * @appdef GetSimple 1.6 * @link http: //www.augentis.de/ * @copyright Michael C. Beck hello@zeroeight.net * * @css-for IE6, IE7, FF2, FF3, Opera 9, Safari 3 * */ html[xmlns^="http"] { overflow-y:scroll; } /** * @section Global Reset Style */ :link,:visited { text-decoration:none} h1,h2,h3,h4,h5,h6,pre,code { font-size:1em;font-weight:bold;} ul,ol,li,h1,h2,h3,h4,h5,h6, pre,form,body,html,p,blockquote, fieldset,input { margin:0; padding:0} a img,:link img,:visited img { border:none} img { display:block; } ul { list-style:none; } /** * @section horizontal alignement */ fieldset.horiz { border: none; padding: 0px; margin: 0px; } .horiz label { cursor:pointer; } .horiz label, .horiz .label { font-weight:bold; font-size:15px; color:#4f5f64; } .horiz label.l4t, .horiz .label { float: left; text-align: left; width: 6em; margin-right:1.5em;} .contactform .horiz label.l4t, .contactform .horiz .label { width: 8em; margin-right:0;} .horiz .label.checkbox { width:26em;} .horiz input.check-box { float: left; text-align: left; margin-left: 5em; } .horiz .labeled { margin-left : 5.0em; } form .horiz br { clear: left; margin-bottom:0.5em;} .horiz .text-field { width:282px; padding:0.5em;border:1px solid #898989;} .horiz textarea { width: 21.6em; padding:0.5em;border:1px solid #898989;} .horiz input[type="radio"], .horiz input[type="checkbox"] { width:2em; float:left;} .horiz input[type="submit"] {margin-top:1em;} /** * @section horizontal alignement */ .validation-advice { color:#A54442; font-weight:bold; margin:5px 0; padding:5px;font-size:10px;} input.validation-failed, textarea.validation-failed { border:1px solid #A54442!important; color:#A54442; } .contactform .validation-advice { margin-left:11.5em;} /** * @section Global Styles */ .cf:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .cf { display: inline-block; } /* Hides from IE-mac \*/ .ie6 .cf { height: 1%;} .cf { display: block; } /* End hide from IE-mac */ html { font-size:100.01%;} body { margin:0; background: #fff url(../images/generic/body-bg.gif) repeat-x 0 0; font: 62.5% Georgia, "Times New Roman", Times, serif; } form { display: inline; } fieldset { border:none; } .hidden { display: block; overflow: hidden; text-indent: -9999px; } .float-left, .fl { float:left } .float-right, .fr { float:right; } a:focus { outline:none; } /** * @section Main Styles */ #main { width: 966px; margin: 0 auto; } /** * @section Header Styles */ #header .logoholder { padding: 24px 0 19px 0;} #header .logoholder .num { padding:1px 0 0 0; } #logo { float:left;} #logo a { width: 207px; height: 26px; background: url(../images/generic/logo.gif) no-repeat 0 0; overflow: hidden; text-indent: -9999px; display:block; } #header .num { float:right; font: 17px Georgia, "Times New Roman", Times, serif; color: #4eb1d1; } #header .num span { font: bold 20px "Times New Roman", serif; } .menu-holder { background: url(../images/generic/menu-bg.gif) no-repeat 0 0; padding: 0 14px 0 7px; } #menu { width: 948px; } #menu li { float:left; height: 42px; text-align: center; background: url(../images/generic/hr.gif) no-repeat 100% 0; } #menu li a { font:bold 15px Georgia, "Times New Roman", Times, serif; color:#fff; height:32px; text-decoration:none; display:block; padding:10px 9px 0 9px; } .brd { width: 965px; height: 7px; background: #a54442; } #menu li a:hover { background: url(../images/generic/menu-a-hover.gif) repeat-x 0 0;} #menu li.current a { background: url(../images/generic/menu-a-active.gif) repeat-x 0 0 !important;} /** * @section Content */ #content { width: 100%; padding: 0 0 20px; } .flash-box { position: relative; background: url(../images/imageslide/stage.jpg) no-repeat 0 0; } .flash-box .mask-box { position: absolute; top: 0; left: 0; width: 994px; height: 190px; background: url(../images/startseite/small_mask.gif) no-repeat 0 0; z-index: 19; } .flash-box h1{ position: absolute; top: 35px; left: 400px; width: 550px; font: 21px Georgia, "Times New Roman", Times, serif; color: #2c767f; z-index: 20; } .flash-box h1 br { line-height: 50px; } .flash-box a.button{ width: 226px; height: 30px; background: url(../images/imageslide/button1.gif) no-repeat 0 0; position: absolute; left: 700px; top: 145px; z-index: 21; } .flash-box h1.alt { left: 50px; } .flash-box a.alt.button { left: 350px; } .flash-box ul#imageslide { margin: 0 0 2em 0; padding: 0; width: 994px; overflow: hidden; height: 190px; position: relative; } .flash-box ul#imageslide li { display: block; height: 190px; list-style: none; margin: 0; padding: 0; position: absolute; } /** * @section Left Box Startseite */ #main-content { margin: 0; padding: 0; } /********************************** neues banner zur aktion **/ .actionbanner { width: 556px; height: 108px; margin: 25px 0 20px 0; padding: 0; } /** * @section Left Box Microblogs */ .microblogs { margin-top:1em; height:50px;} .microblogs li { display:inline-block; width:70px; height:49px;} .microblogs li a span { display:none; } .microblogs li a:hover span, .microblogs li a:focus span { display:inline; } #microblogs { position:relative;} #microblogs .info { background:url(../images/startseite/info-storer.png);width:95px;height:95px;position:absolute;right:25px;top:15px;font-size:0.7em;font-family:Tahoma, Arial, sans-serif;} #microblogs .info a { font-size:2em;font-family:Tahoma, Arial, sans-serif; color:#fff;display:block; height:20px; width:65px;padding:2.8em 1em;} /** * @section Left Box Startseite */ .left-box { width: 556px; margin-bottom:2em; background: url(../images/startseite/bg-left-box.gif) no-repeat 0 0; } .left-box .left-in { background: url(../images/startseite/bg-left-in.gif) no-repeat 0 100%; margin: 0; padding: 20px 45px 15px 35px; } .left-box h2 { font-weight: bold; font-size: 19px; color: #2c767f; padding: 0 0 3px 0; } .left-box p { font: 16px Georgia, "Times New Roman", Times, serif; color: #4f5f64; } .left-box span{ font: 12px/18px Georgia, "Times New Roman", Times, serif; color: #a5adaf; } .left-box fieldset { position: relative; border-bottom: 1px solid #cdcdcd; margin: 32px 0 12px 0; } .left-box .storer { position: absolute; top: -30px; left: -23px; width: 110px; height: 109px; text-indent: -9999px; overflow: hidden; background: url(../images/startseite/storer.png) no-repeat 0 0; } .left-box .top-inner.cf{ padding:0 0 8px 222px; font:12px Georgia, "Times New Roman", Times, serif; color:#a5adaf; margin:0 0 26px; border-bottom:1px solid #cdcdcd; } .left-box .cf { padding: 0 0 13px 90px; } .left-box .box1 { width: 100px; } .left-box .box2 { width: 86px; } .left-box .box3 { width: 64px; } .left-box .box-diff { width: 250px; } .left-box .label-box { width: 133px; } .left-box .text{ float: left; border: 1px solid #898989; height: 17px; background: url(../images/generic/bg-input.gif) repeat-x 0 0; padding: 5px 4px; } .left-box .text1 { width: 64px; } .left-box .text2 { width: 54px; } .left-box .text3 { width: 240px; } .left-box .submit { float: right; width: 107px; height: 25px; background: url(../images/generic/absenden.gif) no-repeat 0 0; border: 0; } .left-box .checkbox { width: auto !important; margin: 0 10px 0 0; } .checkbox-label { font-size:13px!important; width:27em!important;margin:0!important;} .checkbox-label a { color:#2C767F;text-decoration:underline;} /** * @section Right Box Startpage */ .right-box { float: right; width: 387px; } .right-box .in-box1 { background: url(../images/generic/bg-right-inbox1.gif) no-repeat 0 0; margin: 0 0 20px 0; } .right-box .in1 { position: relative; background: url(../images/generic/bg-right-in1.gif) no-repeat 0 100%; margin: 0; padding: 10px 10px 10px 180px; } /** * @section Flash Movie inside Right Box */ .right-box .in1 .flash-inner { position: absolute; top: -20px; left: -95px; z-index: 18; } .right-box .in1 .avatar-holder { overflow: hidden; width: 220px; height: 265px; } .right-box .in1 .buttons { position: absolute; bottom: 10px; left: 43px; border: 1px solid #aeb5ab; height: 20px; padding: 0 6px; background: url(../images/startseite/bg-buttons.gif) repeat-x 0 0; } .right-box .in1 .buttons a { float: left; width: 14px; height: 20px; overflow: hidden; text-indent: -9999px; margin: 0 2px; } .right-box .in1 .buttons a.back { background:url(../images/startseite/button-back.gif) no-repeat 0 0; } .right-box .in1 .buttons a.play { background:url(../images/startseite/button-play.gif) no-repeat 0 0; } .right-box .in1 .buttons a.pause { background:url(../images/startseite/button-pause.gif) no-repeat 0 0; } .right-box .in-box2 { overflow: hidden; background: url(../images/startseite/bg-right-inbox2.gif) no-repeat 0 0; } .right-box .in2 { overflow: hidden; background: url(../images/startseite/bg-right-in2.gif) no-repeat 0 100%; padding: 16px 17px 7px 16px; } .right-box h3 { font: bold 15px Georgia, "Times New Roman", serif; color: #256c76; padding: 7px 0 0 0; } .right-box p { font-family: Georgia, "Times New Roman", serif; font-size: 14px; color: #256c76; } .right-box p a { text-decoration: none; color: #256c76; } .right-box .bottom-in { overflow: hidden; border-top: 1px solid #d2d2d2; padding: 5px 0 2px 0; margin: 20px 0 0 0; height: 1%; } .right-box .bottom-in a { font: bold 15px Georgia, "Times New Roman", serif; color: #256c76; text-decoration: none; } .right-box .bottom-in a:hover { text-decoration: underline; } /** * @section Questionbox */ .questions { margin-top:1em; } .questions .in1 { padding:10px 15px;min-height:36.5em;} .questions h2 { color:#2C767F; font-size:19px;margin-bottom:0.5em;} .questions h3 { color:#4F5F64; font-size:15px; margin-bottom:0.5em;} .questions p { color:#4F5F64; font-size:14px; } .questions label { color:#4F5F64; font-size:14px;font-weight:bold;cursor:pointer;} .questions .label { width:25em!important} .questions #email { margin-top:0.5em;} .questions .text-field { width:350px; margin-right:5px; font-size:1.4em; padding:0.1em;margin-bottom:0.5em;background:transparent url(../images/generic/bg-input.gif) repeat-x scroll 0 0; border:1px solid #898989;} .questions .display { height:18.5em; overflow:auto;} /****************************** liste**/ .r-list { overflow: hidden; padding: 15px 0; height: 1%; } .r-list li { overflow: hidden; font: 14px Georgia, "Times New Roman", serif; color: #4f5f64; border-bottom: 1px solid #99b9c4; padding: 2px 0; display: block; } .r-list li.last { border: 0; } .r-list li, .r-list li a { font: 14px Georgia, "Times New Roman", Times, serif; color: #4f5f64; text-decoration: none; } .r-list .tel { font-family: "Times New Roman", serif; background: url(../images/generic/icons/ico-tel.gif) no-repeat left; padding: 0 0 0 25px; } .r-list .mail { background: url(../images/generic/icons/ico-mail.gif) no-repeat left; padding: 0 0 0 25px; } .r-list .skype { background: url(../images/generic/icons/ico-skype.gif) no-repeat left; padding: 0 0 0 25px; } .r-list .samedi { background: url(../images/generic/icons/ico-samedi.png) no-repeat left; padding: 0 0 0 25px; } .r-list .termine { margin: 0 0 0 25px; padding: 0; } .r-list li a:hover { text-decoration: underline; } /** * @section Footer */ .footer { width: 100%; padding: 20px 0; } .footer ul { float: left; } .footer ul li { float: left; padding: 0 9px 0 10px; background: url(../images/generic/hr2.gif) no-repeat 0 4px; } .footer ul li.first { padding-left: 0; background: none; } .footer ul li a { float: left; font: 11px Georgia, "Times New Roman", Times, serif; color: #2c767f; padding: 2px 0; text-decoration: none; } .footer ul li a:hover { text-decoration:underline;} .footer ul li select { width: 130px; border: 1px solid #898989; font: 11px Georgia, "Times New Roman", Times, serif; color: #2c767f; } .footer p { font: 11px Georgia, "Times New Roman", Times, serif; color: #2c767f; text-align: right; float:right;} /** * @section Sidebar */ .sidebar { float: left; width: 245px; background: url(../images/generic/bg-sidebar.gif) repeat-y 0 0; } #subnav { overflow:hidden; padding:10px 15px 50px; height:1%; } #subnav li a { font:bold 14px Georgia, "Times New Roman", Times, serif; color:#256c76; text-decoration:none; padding:5px 0; overflow:hidden; display:block; height:1%; } #subnav li a:hover, #subnav li.select a { color:#a54442;} #subnav.level2 { margin:7px 0 0; } #subnav.level2 li { border-bottom:1px solid #d3e2e4; } #subnav.level2 li a { font:13px Georgia, "Times New Roman", Times, serif; color:#256c76; padding:5px 4px; background: url(../images/generic/a.gif) no-repeat top left; padding-left: 15px; } #subnav.level2 li a:hover, #subnav.level2 li.current a { color:#fff; background:#91bfc7 url(../images/generic/a_hover.gif) no-repeat top left; } #subnav.level2 li.current a { font-weight:bold; } #subnav.level2 li.hidden { display:none;} #subnav .level3 { border-top:1px solid #d3e2e4; border-bottom:3px solid #91bfc7; background:#f4f8f9!important; } #subnav .level3 li { padding-left:20px; } #subnav .level3 li.last { border:0; } #subnav .level3 li.select { border-bottom:1px solid #d3e2e4; } #subnav .level3 li a { background: transparent url(../images/generic/a.gif) no-repeat top left!important; font:13px Georgia, "Times New Roman", Times, serif !important; color:#256c76 !important; padding:5px 4px; padding-left: 15px; } #subnav .level3 li a:hover, #subnav .level3 li.select a { color:#c26b65 !important; background: transparent url(../images/generic/a_red.gif) no-repeat top left; } .sidebar h3 { color:#2C767F; font-size:15px; padding:10px 15px 0;} .sidebar .bottom-in { background:url(../images/generic/bg-side-bottom.gif) no-repeat 0 100%; padding:15px 30px 50px 83px; font:13px Georgia, "Times New Roman", Times, serif; color:#4f5f64; position:relative; height:1%; } .sidebar .bottom-in .storer { position:absolute; top:0; left:-17px; width:92px; height:93px; background:url(../images/generic/storer2.png) no-repeat 0 0; } .sidebar .bottom-in a { color:#54b1d1; text-decoration:underline; } .sidebar .bottom-in a:hover {text-decoration:none;} /** * @section Styles for Generic Layout, needs to be rebuild */ .main-box { float:right; width:720px; padding-right:1px; } .main-box .img-box { overflow:hidden; margin-left:-6px; height:122px; background:url(../images/generic/main-img.jpg) no-repeat 0 0; border-bottom:1px solid #88b2b7; border-right:1px solid #88b2b7; } .main-box .img-box h1 { font:17px Georgia, "Times New Roman", Times, serif; color:#2c767f; padding:40px 30px 0 300px; } .main-box .holder-box { overflow:hidden; padding:25px 0 0 30px; height:1%; } .main-box .inner1 { float:left; width:420px; } .main-box .inner1 h2 { font:bold 16px Georgia, "Times New Roman", Times, serif; color:#2c767f; padding:0 0 15px; } .main-box .inner1 h3 { padding:0 0 15px 0; } .main-box .inner1 { font:16px/19px Georgia, "Times New Roman", Times, serif; color:#4f5f64; } .main-box .inner1 a { color:#54b1d1; text-decoration:underline; } .main-box .inner1 a:hover {text-decoration:none;} .main-box .inner1 p {padding:0 0 15px;} .inner1 ul { overflow:hidden; padding:0 15px 15px; height:1%; } .inner1 ul li { overflow:hidden; padding:2px 0 2px 14px; background:url(../images/generic/bull.gif) no-repeat 0 8px; } .main-box .inner2 { float:right; width:238px; background:url(../images/startseite/bg-inner2.gif) no-repeat 0 0; } .main-box .inner2-in { overflow:hidden; padding:10px 17px 0; height:1%; background:url(../images/startseite/bg-inner2-in.gif) no-repeat 0 100%; } .main-box .inner2-in h3 { font:bold 14px Georgia, "Times New Roman", Times, serif; color:#256c76; margin-bottom:-5px; }