/* Start of CMSMS style sheet 'default' */ * { margin: 0; padding: 0 } body {font-family: Arial, serif, verdana;color: #fff;margin:auto;padding-bottom: 20px;background:#070809 url(uploads/images/img/bgr.gif) 0px 2px repeat-x; } p { text-align: left; margin: 15px 0 } p, ul { font-size: 13px; line-height: 1.4em } p a, li a { color: #39c; text-decoration: none } p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% } noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: center } noscript a { color: #a00; text-decoration: underline } noscript ol { margin-left: 25px; } .clear { clear:both; height:0px; line-height:0px; margin:0px; padding:0px;} a {text-decoration:none;} a:hover {text-decoration:underline; cursor:pointer;} a:focus { outline:none } img { border: 0 } #myframe {width:549px!important; position:relative; top:65px; left:203px;height:307px;display: block !important; overflow:hidden!important;} .header_table {width:920px; margin:auto;} h1 { margin-bottom: 5px; padding-bottom: 3px; text-align: left; font-size:24px; color:#e81621; } h3 {font-size:36px;} .stripViewer .panelContainer .panel ul {text-align:left;} .slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */ margin: 0px 0 1px 0;position: relative;width: 935px;} /* These 2 lines specify style applied while slider is loading */ .csw {width: 100%; height: 460px; background: #fff; overflow: scroll} .csw .loading {margin: 200px 0 300px 0; text-align: center} .stripViewer { /* This is the viewing window */ overflow: hidden; margin: auto; width: 935px; /* Also specified in .stripViewer .panelContainer .panel below */ height: 513px; clear: both; background: #000; position:relative; top:1px; } .stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */ position: absolute; left: 0; top: 0px; width: 100%; list-style-type: none; /* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */ } .stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */ float:left;height: 100%;position: relative; width: 935px; /* Also specified in .stripViewer above */ } .stripViewer .panelContainer .panel .wrapper { width:440px; position:relative; left:0px; top:0px; } #stripNav0 { height:60px; width:346px!important; position:absolute; top:-76px; left:345px; padding:14px 0px 1px 0px; background-color:#E3E4E5; } .stripNav li a {display:block; background:url(uploads/images/img/icons.png);width:55px; height:55px;} .stripNav li.tab1 a { background-position: 5px 0px; } .stripNav li.tab2 a { background-position: -56px 0px;} .stripNav li.tab3 a { background-position: -114px 0px; } .stripNav li.tab4 a { background-position: -179px 0px; } .stripNav li.tab6 a { background-position: -235px 0px; } .stripNav li.tab5 a { background-position: -296px 0px; width:70px; } .stripNavL, .stripNavR { /* The left and right arrows */ position: absolute;top: 226px;text-indent: -9000em; z-index:200;} .stripNavL a, .stripNavR a {display:block;height:47px; width:47px;} .stripNavL {left: 0; background:url(uploads/images/img/arrows.png) 0px 0px no-repeat;} .stripNavR {right:0; background:url(uploads/images/img/arrows.png) -48px 0px no-repeat;} .stripNavL:hover {left: 0; background:url(uploads/images/img/arrows.png) 0px -50px no-repeat;} .stripNavR:hover {right:0; background:url(uploads/images/img/arrows.png) -48px -50px no-repeat;} .stripNav { margin: auto;} .stripNav ul { list-style: none;} .stripNav ul li {float: left; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */} .stripNav a { display:block;} .stripNav li a.current {display:block; float:left; background:url(uploads/images/img/icons.png);} .stripNav li.tab1 a:hover{ background-position: -7px -55px; } .stripNav li.tab2 a:hover { background-position: -76px -55px; } .stripNav li.tab3 a:hover { background-position: -153px -55px; } .stripNav li.tab4 a:hover { background-position: -220px -55px; } .stripNav li.tab6 a:hover { background-position: -291px -55px; } .stripNav li.tab5 a:hover { background-position: -362px -57px;width:70px; } .stripNav li.tab1 a.current { background-position: -4px -116px; } .stripNav li.tab2 a.current { background-position: -74px -116px; } .stripNav li.tab3 a.current { background-position: -150px -116px; } .stripNav li.tab4 a.current { background-position: -221px -116px; } .stripNav li.tab6 a.current { background-position: -291px -116px; } .stripNav li.tab5 a.current { background-position: -361px -117px;width:70px; } #header { display:block; height:23px; text-align:right; color:#afafaf;} #header a {font-size:11px; color:#8b8b8b; padding-top:2px;} #header a:hover {color:#000; text-decoration:none;} #header #impr {margin-right:235px;} .headertable {width:100%; border-collapse:collapse;} .contenttable { margin:auto; border-collapse:collapse;} .headertable .left { background-color:#E3E4E5;} .headertable .middle { width:935px; margin:auto; text-align:left; color:#F00; background-color:#E3E4E5; height:77px;} .headertable .middle img {position:relative; top:21px; float:left;} .headertable .logo {background: #fff url(uploads/images/img/logo.gif) 0px -8px no-repeat; width:124px; height:77px; display:block; float:right; border-left:110px solid #fff;} .titel {background-color:#e3e4e5; height:75px; text-align:right;float:left;} .titel img {position:relative; top:20px; left:0px;} .header_table td {width:100%; clear:both; height:55px; background-color:#FFF;} .wpwc {float:right;} .wp,.wc {background:url(uploads/images/img/wpwc.png) no-repeat; height:28px; width:110px; display:block; float:left; margin: 5px 10px 0px 0px;} .wp {background-position: -284px -19px;} .wc {background-position: -401px -19px;} .wp:hover {background-position: -23px -19px;} .wc:hover {background-position: -140px -19px;} .tab8, .tab9 {display:none;} #p1 {background:url(uploads/images/img/kb_01.jpg) no-repeat;height: 514px;} #p2 {background:url(uploads/images/img/kb_02.jpg) no-repeat; height: 514px;} #p3 {background:url(uploads/images/img/kb_03.jpg) no-repeat; height: 514px;} #p4 {background:url(uploads/images/img/kb_04.jpg) no-repeat; height: 514px;} #p5 {background:url(uploads/images/img/kb_05.jpg) no-repeat; height: 514px;} #p6 {background:url(uploads/images/img/kb_06.jpg) no-repeat; height: 514px;} /*-------------- KONTAKT ----------------*/ #content_wide { border: 2px solid #FFAA24; padding: 9px 11px; overflow:hidden;} #content_wide form fieldset{border:none;} .myform .field {padding-bottom: 0.6em;padding-right: 0.6em;overflow: hidden;} .myform .float_left, .myform .float_right {width: 48.7%;clear: none;} .myform .border {border-bottom: 1px solid #999;margin-bottom: 15px;} .myform label {margin: 0 0 0.3em 0;padding: 0;line-height: 12px;font-weight: bold;} input.text {width:200px;height:13px;width: 100%;} .myform .radioinline input.radio {position: relative;top: 0px; margin-right:3px;} .myform .radioinline input, .myform .radioinline label, .myform .radioinline select {display: inline;vertical-align: middle;cursor:pointer;} ul {list-style-type:none;} /*-------------- E.N.D.E. KONTAKT ----------------*/ .showButton {width:168px; height:34px; display:block; position:relative; top:312px; left:337px;} .showButton:hover {cursor:pointer; text-decoration:none;} #linkgo2 {width:150px; height:34px; display:block; position:relative; top:344px; left:180px;} #layer1, #layer2, #layer3, #layer4, #layer5, #layer6 {display:none; width:397px; height:357px; position:absolute; left:50px; top:0px;z-index:99;} #layer1 ul, #layer2 ul, #layer3 ul, #layer4 ul, #layer5 ul, #layer6 ul {clear:both; position:relative;top:105px; left:387px; width:460px; height:342px; background:url(uploads/images/img/layer_bgr.jpg) no-repeat; padding:0px 20px 0px 47px;} #layer5 ul { background: url(uploads/images/img/layer_bgr2.jpg) no-repeat!important;} #layer1 li, #layer2 li, #layer3 li, #layer4 li, #layer5 li, #layer6 li {line-height:20px; margin-top:7px;margin-bottom:7px;list-style-type:square; list-style-position:outside; font-size:15px;} .headline {color:#4c93d4; font-size:24px!important; list-style-type:none!important; margin-bottom:-4px!important; margin-left:-19px; line-height:26px!important;} .headline2 {color:#4c93d4; font-size:15px!important; list-style-type:none!important; margin-bottom:16px!important; margin-left:-19px; line-height:26px!important;} #button_inf {background: url(uploads/images/img/buttons.png) no-repeat -10px 0px; width:174px; height:53px; position:relative; z-index:99; left:675px; top:449px; float:left; display:inline;} #button_wc {background: url(uploads/images/img/buttons.png) no-repeat -200px 0px; width:170px; height:53px; position:relative; z-index:99; left:402px; top:449px; float:left;} #button_wp {background: url(uploads/images/img/buttons.png) no-repeat -386px 0px; width:200px; height:53px; position:relative; z-index:99; left:451px; top:449px; float:left;} #button_skip {background: url(uploads/images/img/buttons.png) no-repeat -619px 0px; width:181px; height:53px; position:absolute; z-index:600; left:582px; top:452px; float:left;} #button_inf:hover {background: url(uploads/images/img/buttons.png) no-repeat -10px -55px; cursor:pointer!important;} #button_wc:hover {background: url(uploads/images/img/buttons.png) no-repeat -200px -55px; cursor:pointer!important;} #button_wp:hover {background: url(uploads/images/img/buttons.png) no-repeat -386px -55px; cursor:pointer!important;} #button_skip:hover {background: url(uploads/images/img/buttons.png) no-repeat -619px -55px; cursor:pointer!important;} #screen{position:absolute; top:101px; z-index:500;width:943px!important; height:515px!important; background:url(uploads/images/img/wp.jpg) no-repeat;} #magazine {margin-top:14px;} .imgleft {position:fixed; top:99px;left:244px; z-index:99; background:url(uploads/images/img/top_l.png); width:128px; height:499px; display:block;} .imgright {position:fixed; top:99px;left:1070px; z-index:99; background:url(uploads/images/img/top_r.png); width:128px; height:499px; display:block;} .whitepaper {background:url(uploads/images/img/whitepaper.jpg) no-repeat; width:935px; height:537px; display:block;} .intro {position:relative; top:66px; left:203px;} #yesno {position:relative; top:66px; left:203px;} #over_l { background: url(uploads/images/img/over_l.png) no-repeat; width:118px; height:514px; display:block;position:absolute; z-index:99; top:0px;} #over_r { background: url(uploads/images/img/over_r.png) no-repeat; width:118px; height:514px; display:block;position:absolute; z-index:99; top:0px; left:817px;} fieldset {border:none; width:200px;} fieldset input {height:14px!important;} .submit input:hover { cursor:pointer;} .csw{ background:url(uploads/images/img/bgr.gif) repeat-x 0px -99px;} #intro #screen {position:static!important;} #wpwc {margin-top:1px;} /* End of 'default' */