/********* A --> name <-- CSS-FILE **********/ /********* THIS IS FOR --> domain.de <-- **************/ * { margin: 0; padding: 0; } html, body { min-height: 100%; height: auto; height: 100%; } @media screen, projection { /* Standards */ body { font-family: Arial; color: #e6e6e6; line-height: 150%; font-size: 76%; background:url(../images/bg-body-repeat-x.jpg) left top repeat-x #301d13; } * html body { behavior:url("../js/csshover2.htc"); } .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } img { border: none; } p { font-size: 1em; line-height: 140%; } ul { list-style:none; } a, a:visited { text-decoration: underline; color: #e6e6e6; } a:hover { text-decoration: none; color: #929292; } /* a:hover img { -moz-opacity: 0.85; opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); } */ /* LAYOUT */ div#container-fx { background: url(../images/bg-container-fx.jpg) no-repeat 50% 0; min-height: 100%; height: auto!important; height: 100%; } div#container { width: 960px; margin: 0 auto; } div#header { background: url(../images/bg-header.jpg) left top no-repeat; width:960px; height:335px; position: relative; } div#content-main { background: url(../images/bg-content-main.jpg) left top no-repeat; width:699px; padding: 43px 0 0px 30px; float:left;} div#sidebar { background: url(../images/bg-sidebar.jpg) left top no-repeat; width:230px; height: 750px; float:left; position: relative;} div#container-fx-bottom { background: url(../images/bg-container-fx-bottom.jpg) left top repeat-x; } div#container-bottom { width: 960px; margin: 0 auto; } div#footer { background:url(../images/bg-footer.jpg) left top no-repeat; width:960px; height:279px; position: relative;} /* BRANDING, */ div#header h1 span { display: none; } div#header img#branding { position: relative; top: 61px; left: 58px; } div#header img#links { position: relative; top: 3px; right: 1px; } /* NAVIGATION */ ul#navi { width:701px; height:41px; position:absolute; top:91px; left: 249px; z-index: 15; } ul#navi li { height: 41px; display:block; float:left;} ul#navi li a, #navi ul li a:visited { display:block; color:#fff; height:41px; text-indent:-5000px; margin-bottom:0px; margin-left:0px; } #navi li ul#drop { height: 166px; display: block; position: absolute; top: 44px left: 0; z-index: 20; } #navi li ul#drop li { float: none; clear: both; } #navi li ul#drop li a { background: #000!important; width: 95px!important; height: 24px; text-decoration: none; text-indent:0px; font-family: Candara; padding: 8px 0 5px 10px; font-size:1.4em; font-weight:normal; font-variant:small-caps; color:#fefefe;} #navi li ul#drop li a:hover, #navi li ul#drop li a.active { background:#3ea7d2!important; } #navi li ul#drop02 { height: 166px; padding: 0 1px; display: block; position: absolute; top: 44px left: 420; z-index: 25; } #navi li ul#drop02 li { float: none; clear: both; } #navi li ul#drop02 li a { background: #000!important; width: 180px!important; height: 24px; text-decoration: none; text-indent:0px; font-family: Candara; padding: 8px 0 5px 10px; font-size:1.4em; font-weight:normal; font-variant:small-caps; color:#fefefe;} #navi li ul#drop02 li a:hover, #navi li ul#drop02 li a.active { background:#3ea7d2!important; } #navi li#navi-01 a, #navi li#navi-01 a:visited { background:url(../images/navi-01.png) top left no-repeat; width:138px; } #navi li#navi-01 a:hover { background:url(../images/navi-01.png) bottom left no-repeat; } #navi li#navi-01 a.active { background: url(../images/navi-01.png) no-repeat bottom left!important; } #navi li#navi-02 a, #navi li#navi-02 a:visited { background:url(../images/navi-02.png) top left no-repeat; width:109px; } #navi li#navi-02 a:hover { background:url(../images/navi-02.png) bottom left no-repeat; } #navi li#navi-02 a.active { background: url(../images/navi-02.png) no-repeat bottom left!important; } #navi li#navi-03 a, #navi li#navi-03 a:visited { background:url(../images/navi-03.png) top left no-repeat; width:71px; } #navi li#navi-03 a:hover { background:url(../images/navi-03.png) bottom left no-repeat; } #navi li#navi-03 a.active { background: url(../images/navi-03.png) no-repeat bottom left!important; } #navi li#navi-04 a, #navi li#navi-04 a:visited { background:url(../images/navi-04.png) top left no-repeat; width:104px; } #navi li#navi-04 a:hover { background:url(../images/navi-04.png) bottom left no-repeat; } #navi li#navi-04 a.active { background: url(../images/navi-04.png) no-repeat bottom left!important; } #navi li#navi-05 a, #navi li#navi-05 a:visited { background:url(../images/navi-05.png) top left no-repeat; width:88px; } #navi li#navi-05 a:hover { background:url(../images/navi-05.png) bottom left no-repeat; } #navi li#navi-05 a.active { background: url(../images/navi-05.png) no-repeat bottom left!important; } #navi li#navi-06 a, #navi li#navi-06 a:visited { background:url(../images/navi-06.png) top left no-repeat; width:128px; } #navi li#navi-06 a:hover { background: url(../images/navi-06.png) bottom left no-repeat; } #navi li#navi-06 a.active { background: url(../images/navi-06.png) no-repeat bottom left!important; } #navi li#navi-07 a, #navi li#navi-07 a:visited { background:url(../images/navi-07.png) top left no-repeat; width:63px; } #navi li#navi-07 a:hover, #navi li#navi-07 a.active { background:url(../images/navi-07.png) bottom left no-repeat; } /* SLIDESHOW */ div#slideshow-container { z-index: 10; width: 701px; height: 230px; position: absolute; top: 132px; left: 249px;} div#slideshow-container img#layer { z-index: 20; position:absolute; top:0; left:0; display: block!important; } /* CMS */ div#content-main .column04 { width:210px; float:left; margin-right:10px;} div#content-main .img-txt-cms { font-size:1.0em; line-height:100%; color: #e6e6e6; float:right; padding-right:10px; font-style:italic;} .pdf { background:url(../images/pdf-alt.png) top left no-repeat; width:140px; height:16px; display: block; text-indent:-9999px; border:none;} .pdf:hover { background:url(../images/pdf-alt.png) bottom left no-repeat;} div#content-main .td-margin { padding-right: 40px;} div#content-main thead { padding-bottom: 40px;} /* CMS TABLE */ div#content-main table {width: 680px; border-collapse: collapse; border-spacing: 0; font-size: 1em; margin-bottom:30px;} div#content-main table td {padding:10px 0 5px 3px;} div#content-main table tr.head td {padding:3px 0 3px 6px;} div#content-main table.tableone tr.head {font-weight:bold; color:#0C1B44; height:23px; border-bottom:1px solid #444241; margin-bottom:3px; background:#FCDC2A!important; padding:0 0 0 4px;} div#content-main table.tableone tr {background:#4a2915; vertical-align:top;} div#content-main table.tableone tr.alternate {background:#5c331b!important; padding:4px 0 4px 0; vertical-align:top;} div#content-main table.tableone p { font-size: 0.8em; } div#content-main table.tableone td img.th {border:1px dotted #ab988a; padding:3px; margin-bottom:3px; } div#content-main table.tableone td { padding: 6px; } div#content-main table.tableone td.td-001 { width: 85px; } div#content-main table.tableone td.td-002 { width: 85px; } div#content-main table.tableone td.td-003 { width: 85px; } div#content-main table.tableone td.td-004 { width: 85px; } div#content-main table.tableone td.td-005 { width: 85px; } div#content-main table.tableone td.td-006 { width: 85px; } div#content-main table.tableone td.td-007 { width: 85px; } div#content-main table.tableone td a img.ewcms_edit_img {display: none;} div#content-main table.tableone tr:hover {background: #3ea7d2; cursor: pointer; } div#content-main table.tableone tr.alternate:hover {background: #3ea7d2!important; } /* CONTENT */ h2 { /*font-family: Candara;*/ background: url(../images/bg-h2.png) left top no-repeat; height: 52px; width: 699px; padding: 5px 0 10px 10px; font-size:4.0em; z-index:40; font-weight:normal; font-variant:small-caps; margin-bottom: 15px; color:#fefefe; position:absolute; top: 270px; left: 250px;} h3 { /*font-family: Candara;*/ background: url(../images/bg-h3.png) left top no-repeat; height: 36px; padding: 30px 0 0 30px; font-size:1.8em; font-weight:normal; font-variant:small-caps; margin-bottom: 15px; color:#fedf2b;} h4 { height: 36px; padding: 30px 0 0 30px; font-size:1.8em; font-weight:normal; font-variant:small-caps; margin-bottom: 15px; color:#fedf2b;} div#content-main .column01 { width: 345px; float:left; display:inline; margin-right:30px;} div#content-main .column02 { width: 300px; float:left; display:inline;} div#content-main p { font-size:1.2em; margin-bottom:14px; line-height:140%;} div#content-main span .color { color:#3ea7d2; font-weight:bold;} div#content-main .content-img { margin: 10px 0 5px 20px; border: 1px solid #dea303;} div#content-main .img-txt { font-size:1.0em; line-height:100%; color: #e6e6e6; float:right; padding-right:10px; font-style:italic;} div#content-main .map-txt { font-size:1.0em; line-height:100%; color: #e6e6e6; float:right; padding-right:30px; font-style:italic;} div#content-main ul { font-size:1.2em; margin: 20px 0 30px 15px; font-weight:bold; color:#3ea7d2; font-family: Tahoma;} div#content-main ul li { background: url(../images/li-content.png) no-repeat 0 2px; padding-left: 25px; margin-bottom: 8px; } div#content-main table { font-size:1.2em; margin-bottom: 30px;} div#content-main .td-01 { padding-right:40px; width:400px;} div#content-main .td-02 { text-align:right;} div#content-main .td-03 { padding-right:40px; width:400px;} div#content-main .margin-top-30 { margin-top:40px; } a#print { background:url(../images/plan-drucken.gif) no-repeat 0 3px; display:block; width:100px; height:20px; position:relative; padding-left:15px; left:593px; top:50px;} /* SIDEBAR */ div#sidebar #navi-add { background: url(../images/bg-navi-add.jpg) left top no-repeat; width:230x; height:160px; margin-top:408px; position:relative;} div#sidebar ul#navi-add-ul { font-size:1.4em; color:#fedf2b; font-family: Candara; text-transform:uppercase; border-left: 1px solid #b5b5b5; height:auto; position:absolute; top:15px; left:70px; padding-left: 8px;} div#sidebar ul li { padding-bottom: 9px;} div#sidebar ul li.last { padding-bottom: 0px;} div#sidebar ul li a { color:#fedf2b;} div#sidebar #sidebar-newsletter { background: url(../images/bg-sidebar-newletter.jpg) left bottom no-repeat; width:230x; height:140px; margin-top:20px; position:relative;} div#sidebar #sidebar-newsletter-content { font-size:1.4em; color:#e6e6e6; font-family: Candara; text-transform:uppercase; border-left: 1px solid #b5b5b5; height:auto; position:absolute; top:0px; left:70px; padding-left: 8px; } div#sidebar #sidebar-newsletter-content p { margin-bottom:5px;} div#sidebar #sidebar-newsletter-content a#datenschutz { font-size: 0.7em;} div#sidebar #shortNewsletter fieldset { border: none; margin: none; } div#sidebar #shortNewsletter fieldset#buttons { width: 110px; float: left; } div#sidebar #shortNewsletter fieldset#subber { width: 34px; float: left; } #facebookLink { position: absolute; top: 70px; left: 928px; } /* NEWSLETTER FORMULAR */ #shortMail { background: #3d3c3b; color:#e6e6e6; border: 1px solid #fff;} #submit2 { background: url(../images/bg-abschicken.gif) center top no-repeat; width:32px; margin-top: 4px; cursor:pointer; height:45px; border:none;} #submit2:hover { background: #fedf2b url(../images/bg-abschicken.gif) center bottom no-repeat;} /* FOOTER */ div#footer .td-02 { padding-left: 5px; } div#footer .column01 { width: 444px;} div#footer .column02 { width: 300px;} div#footer .column03 { width: 215px;} div#footer #oeffnungszeiten, div#footer #kontaktdaten, div#footer #partner { font-size:1.0em; color:#e6e6e6; font-family: Tahoma; font-variant:small-caps; border-left: 1px solid #b5b5b5; height:auto; position:absolute; padding-left: 8px;} div#footer #oeffnungszeiten { top:42px; left:70px; } div#footer #kontaktdaten { top:97px; left:490px; width:200px;} div#footer #partner { top:98px; left:790px; } div#footer span { color: #838081;} div#footer p { margin-top: 9px;} } @media print { @charset "utf-8"; /* CSS PRINT */ body { font-size: 76%; font-family: Tahoma; color: #000; line-height: 150%; } div#sidebar, ul#navi-add, form.Form, div#header h1 span, div.sidebarbox, div.sidebarcontent, #navi, .imprint, #slideshow-container, #partner, div#oeffnungszeiten, a#print {display: none;} .clear { clear: both; font-size: 0.0001em; line-height: 0.00001em; } img { border: none; margin-bottom: 20px; padding: 5px;} h1, h2, h3 { font-size: 2em; margin-bottom: 20px;} h1, h2, h3 { font-size: 1.4em; margin-bottom: 10px;} p, li { font-size: 1em; margin-bottom: 10px;} #content-main ul { color:#696969; margin-left:42px; margin-bottom: 40px; float:left;} #content-main ul li { list-style-type:square; left 6px no-repeat; padding:0 0 0 13px; margin:0 0 6px 0; } a, a:visited { text-decoration: none; color: #000; } div#content-main { width: 100%; float: left; clear: both; position:absolute; margin: 110px 0 0 0; } div#content-main table { font-size:1.2em; margin-bottom: 15px;} div#content-main tr { font-size:1.2em; margin-bottom: 5px; } div#content-main td { padding: 5px 5px 5px 5px; border:1px solid #000; width:250px;} div#content-main tr.head { color:#0C1B44;} div#footer { font-size:0.9em; border-top: 1px solid #000000; padding-top:15px; } div#footer p { font-size:0.9em;} div#footer .column01 { float:left; } div#footer .column02 { float:left; margin-left:50px;} div#facebookLink { display: none; } td.td-001, td.td-002, td.td-003, td.td-004, td.td-005, td.td-006, td.td-007 { font-size:0.6em; width:70px!important; padding: 5px 5px 5px 5px;} #gruppenkursprogramm h3 {font-size:1.2em;} div#kontaktdaten { margin: 10px 0 0 0; } div#kontaktdaten p:first-child {margin: 0 30px 0 -50px; } div#kontaktdaten p:last-child { float: none; margin: 0 0 0 -50px; } div#kontaktdaten p { float: left; margin: 0 30px 0 0; font-size: 1.2em; } #gruppenkursprogramm img#branding { position:absolute; top:0; right:0; margin-bottom: 30px;} #kids img#branding { position:absolute; top:0; right:0;} }