/* Design: CENTERED with LEFTNAV */ /* File: style.css */ /*-----------------------------------------------------------*/ /* Autor: Reto Bühler, www.traumwerk.ch */ /* Datum: 26.01.2010 */ /* Site: wwww.swissappaloosa.ch */ /*************************************************************/ /* Colors: black-font: #282525 */ /* black: #747474 (subnavigation inaktiv) */ /* blue: #4980c0 (subnavigation aktiv / links) */ /* white: #ffffff (mainnavigation inaktiv) */ /* black: #4d4d4d (mainnavigation aktiv) */ /*************************************************************/ /* GLOBAL LAYOUT */ /*************************************************************/ html, body {min-width:974px; margin:0 auto; height:100%; font: 100.01%/1em Arial, Verdana, Helvetica, sans-serif; letter-spacing: 0em; background:url(images/design/bg.gif) top no-repeat #002060; position:relative;} #container-page {position: relative; min-height: 100%; width:974px; margin-left:auto; margin-right:auto; font-size:0.7em; background:url(images/design/navigationmotiv.gif) bottom left no-repeat;} * html #container-page {height: 100%;} #container-footer {width:974px; position: relative; margin-top: -32px; margin-left:auto; margin-right:auto;} #header {height:158px; width:974px; padding: 0; position:relative;} #header #logo {position: absolute; top: 16px; left: 36px;} #cleaner{clear:both;} strong {font-weight:bold;} /* GLOBAL TEXT FORMATS AND CONTENT FORMATS */ /*************************************************************/ a, a:link, a:visited{text-decoration:none; color:#5a5a5a;} a:hover, a:active{text-decoration:none; color:#002060;} a.aktiv:link, a.aktiv:visited, a.aktiv:hover, a.aktiv:active, a.aktiv {text-decoration:none;} #maincontainer{padding:26px 0 0 9px; display:block; clear:both; font-size:1em; float:left;} #maincontainer p{padding:8px 0; display:block;} #maincontainer h1{font-size:1.65em; padding:14px 0 8px 0; color:#002060; margin:0 0 5px 0; line-height:1.43em; font-weight:bold;} #maincontainer h2{font-size:1.2em; font-weight:bold; padding:8px 0; color:#002060; line-height:1.04em; font-style:italic; border-bottom:1px solid #002060; width:100%;} #maincontainer h3{font-size:1em; font-weight:bold; padding:8px 0; color:#303030; text-decoration:underline;} #maincontainer h4{font-size:1em; font-weight:bold; padding:8px 0 0 0; color:#303030;} #maincontainer #column-01 {width:192px; float:left; margin:0 45px 0 0;} #maincontainer #column-02 {width:660px; float:left; margin:0 0 0 0; color:#303030;} #maincontainer ul {margin:0; padding:8px 0; display:list-item;} #maincontainer ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; background:url(images/design/listitem.gif) top left no-repeat;} #maincontainer #column-02 .contentarea .image_container {margin:0 36px 16px 0; padding:8px 0;} #maincontainer #column-02 .mod_newsreader .layout_full .news-full-image {margin:0px 0 0 36px; padding-top:8px 0 16px 0; float:right; width:312px;} #maincontainer #column-02 .mod_newsreader .layout_full .news-full-image img {} #maincontainer #column-02 .mod_article .ce_text .image_container {float:right; margin:0 0 0 36px; padding-top:8px; padding-bottom:16px;} #maincontainer #column-02 .mod_article .ce_text .image_container img {} #maincontainer #column-02 #vorschau .image_container {float:left; margin:0px 36px 0px 0px; padding-top:8px; padding-bottom:10px;} #maincontainer #column-02 #vorschau .image_container img {width:136px; height:95px;} #maincontainer #column-02 .mod_newslist .layout_short .image_container {padding:10px 0; float:left; width:156px;} #maincontainer #column-02 .mod_newslist .layout_short {padding:0 10px;} #maincontainer #column-02 .mod_newslist .even {background:#e1ebff;} #maincontainer #column-02 .mod_newslist .last {margin:0 0 16px 0;} #maincontainer #column-02 img {border:1px solid #5a5a5a; margin:3px 0; vertical-align:bottom;} #maincontainer #column-02 .downloadarchivList .downloadarchivItem {float:left;} #maincontainer #column-02 .downloadarchivList .odd {background:#e1ebff;} #maincontainer #column-02 .enclosure img, #maincontainer #column-02 .downloadarchivList .download img {border:none; float:left; margin:-2px 0 0 0; padding:0 4px 0 0;} #maincontainer #column-02 .downloadarchivList .date {float:left; width:70px; padding:0 0 0 10px;} #maincontainer #column-02 .downloadarchivList .description {float:left; width:420px;} #maincontainer #column-02 .downloadarchivList .download {float:left; padding:0; width:160px;} #maincontainer #column-02 .pagination {background:none; float:left; border-top:1px solid #002060; width:100%;} #maincontainer #column-02 .pagination p {background:none; float:right;} #maincontainer #column-02 .pagination ul {background:none; float:left; margin:0; padding:8px 0;} #maincontainer #column-02 .pagination ul li {background:none; float:left; margin:0; padding:0 5px 0 0;} /* MAIN-NAVIGATION 3 EBENEN */ /*************************************************************/ #hnav ul {list-style-type:none; padding:15px 0 19px 0; height:100%; margin:0 0 0 26px; font-size:1.3em; width:124px; font-weight:bold; float:left; display:inline;} #hnav ul li {text-align:right; font-style:italic; display:inline; padding:0 3px 5px 0; width:122px; margin:0; line-height:1.27em; background:url(images/design/nav_seperator.gif) bottom right no-repeat; float:left;} #hnav ul li.last{padding:0 3px 1px 0; margin:0; background:none;} #hnav ul li a {color:#5a5a5a; letter-spacing:0em; margin:1px 0 0 0; padding:3px 0 2px 0; list-style:none; display:inline; width:124px; font-weight:bold; background:none; float:left;} #hnav ul li a:hover {text-decoration:none; color:#002060;} #hnav ul li a.active {color:#002060; display:inline;} #hnav ul li a.aktiv {color:#002060; display:inline; } #hnav ul li a.trail {color:#002060; display:inline;} #hnav ul li ul{display:list-item; margin:4px 0 0 0; float:left; padding:0 0 4px 0; font-size:0.73em;} #hnav ul li ul li{font-style:normal; padding:0; margin:0; background:none; float:left;} #hnav ul li ul li.last{padding:0; margin:0; background:none;} #hnav ul li ul li a {color:#5a5a5a; letter-spacing:0em; margin:1px 2px 0 0; padding:0 10px 4px 0; list-style:none; display:inline; width:112px; font-weight:bold; background:url(images/design/nav_inactive.gif) top right no-repeat; float:left;} #hnav ul li ul li a:hover {display:inline; text-decoration:none; color:#002060; background:url(images/design/nav_active.gif) top right no-repeat;} #hnav ul li ul li a.active {color:#002060; display:inline; background:url(images/design/nav_active.gif) top right no-repeat;} #hnav ul li ul li a.aktiv {color:#002060; display:inline; background:url(images/design/nav_active.gif) top right no-repeat;} #hnav ul li ul li a.trail {color:#002060; display:inline; background:url(images/design/nav_active.gif) top right no-repeat;} #hnav ul li ul li ul{display:list-item; margin:0 0 0 0; float:left; padding:0 0 6px 0; font-size:1em;} #hnav ul li ul li ul li{font-style:normal; padding:0; margin:0; line-height:1.37em; background:none; float:left;} #hnav ul li ul li ul li.last{padding:0; margin:0; background:none;} #hnav ul li ul li ul li a {color:#5a5a5a; letter-spacing:0em; margin:1px 2px 0 0; padding:1px 10px 1px 0; list-style:none; display:inline; width:112px; font-weight:normal; background:url(images/design/snav_inactive.gif) top right no-repeat; float:left;} #hnav ul li ul li ul li a:hover {display:inline; text-decoration:none; color:#002060; background:url(images/design/snav_active.gif) top right no-repeat;} #hnav ul li ul li ul li a.active {color:#002060; display:inline; background:url(images/design/snav_active.gif) top right no-repeat;} #hnav ul li ul li ul li a.aktiv {color:#002060; display:inline; background:url(images/design/snav_active.gif) top right no-repeat;} #hnav ul li ul li ul li a.trail {color:#002060; display:inline; background:url(images/design/snav_active.gif) top right no-repeat;} #breadcrumb ul {list-style-type:none; width:350px; position:absolute; top:135px; left:242px; font-weight:normal; font-size:1em;} #breadcrumb ul li{padding: 0 8px 0 5px; margin:0; font-size:0.93em; color:#5a5a5a; display:inline; float:left; background:url(images/design/breadcrumb_seperator.gif) right no-repeat;} #breadcrumb ul li.first {padding: 0 5px 0 0; margin:0; display:inline; float:left; background:none;} #breadcrumb ul li a {height:16px; float:left; display:block;} #breadcrumb ul li a:link {color:#002060;} #breadcrumb ul li a:visited {color:#002060;} #breadcrumb ul li.active {color:#5a5a5a; background:none;} #gnav ul {list-style-type:none; width:350px; position:absolute; top:135px; left:595px; font-weight:normal; font-size:1.09em;} #gnav ul li{padding: 0 5px 0 6px; margin:0; display:inline; float:right; background:url(images/design/gnav_seperator.gif) right no-repeat;} #gnav ul li.first {float: right; padding: 0 0 0 6px; margin:0; display:inline; float:right; background:none;} #gnav ul li a {height:16px; float:left; display:block; font-size:0.88em; color:#5a5a5a; font-weight:bold;} #gnav ul li a:link, #gnav ul li a:visited {color:#5a5a5a;} #gnav ul li a:hover, #gnav ul li a.aktiv {padding: 0; margin:0; background:none; text-decoration:none; color:#002060;} #gnav ul li a.aktiv:hover, #gnav ul li a.aktiv:active {padding: 0; margin:0; background:none; text-decoration:none; color:#002060;} .mod_sitemap ul.level_1 { float: left; width:330px; } #maincontainer .mod_sitemap ul {margin:0; padding:8px 0; display:list-item;} #maincontainer .mod_sitemap ul li {margin:0 0 0 2px; padding:0; list-style:none; font-weight:bold; background:none;} #maincontainer .mod_sitemap ul li ul {margin:0; padding:8px 0; display:list-item;} #maincontainer .mod_sitemap ul li ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; font-weight:normal; background:url(images/design/sitemap_2nav_inactive.gif) top left no-repeat;} #maincontainer .mod_sitemap ul li ul li ul {margin:0; padding:8px 0; display:list-item;} #maincontainer .mod_sitemap ul li ul li ul li {margin:0 0 0 2px; padding:0 0 0 16px; list-style:none; font-weight:normal; background:url(images/design/sitemap_3nav_inactive.gif) top left no-repeat;} .ce_toplink {width:650px; display:block; font-weight:bold; text-align:right; padding: 6px 10px 0 0; margin:8px 0 20px 0; float:left; background:url(images/design/icon_toplink.gif) right no-repeat;} #print {position:absolute; top:201px; left:836px; line-height:1.32em; padding:0 22px 0 0; margin:0; text-align:right; display:block; background:url(images/design/icon_print.gif) right no-repeat;} #print a {font-weight:bold; color:#002060;} em {font-style:oblique;} /* FOOTER */ /*************************************************************/ #innerfooter {width:974px; height:32px; display:block; font-size: 0.73em; line-height:1em; background:url(images/design/footer.gif) top left no-repeat; color:#282525; padding:0; margin:0;} #innerfooter address {position:absolute; width:760px; top:12px; left:202px; padding:0; font-size:0.88em; font-style:normal;} #innerfooter address a, #maincontainer #column-02 .contentarea a {color:#002060;} #innerfooter address a:hover, #maincontainer #column-02 .contentarea a:hover {color:#002060;} /* INHALTS-VORLAGEN */ /*************************************************************/ #maincontainer #column-02 .contentarea .col-2-50-50 {display:block; width:660px; margin:0; padding:0; clear:both;} #maincontainer #column-02 .contentarea .col-2-50-50 .col-a {float:left; width:312px; margin:0 36px 0 0;} #maincontainer #column-02 .contentarea .col-2-50-50 .col-b {float:left; width:312px; margin:0;} #maincontainer #column-02 .contentarea .col-3-30-30-30 {display:block; width:660px; margin:0; padding:0; clear:both;} #maincontainer #column-02 .contentarea .col-3-30-30-30 .col-a {float:left; width:196px; margin:0 36px 0 0;} #maincontainer #column-02 .contentarea .col-3-30-30-30 .col-b {float:left; width:196px; margin:0 36px 0 0;} #maincontainer #column-02 .contentarea .col-3-30-30-30 .col-c {float:left; width:196px; margin:0;} #maincontainer #column-02 .contentarea .col-3-20-40-20 {display:block; width:660px; margin:0; padding:0; clear:both;} #maincontainer #column-02 .contentarea .col-3-20-40-20 .col-a {float:left; width:158px; margin:0 36px 0 0;} #maincontainer #column-02 .contentarea .col-3-20-40-20 .col-b {float:left; width:272px; margin:0 36px 0 0;} #maincontainer #column-02 .contentarea .col-3-20-40-20 .col-c {float:left; width:158px; margin:0;} .motiv {position:absolute; top:0; left:280px;} .endcontent {height:40px;} /* FORMULARE KONTAKT */ /*************************************************************/ #maincontainer #column-02 .contentarea .formbody label {float:left; width: 130px; padding:3px 0; display:block;} #maincontainer #column-02 .contentarea .formbody input {float: left; width: 220px; height: 14px; border: 1px solid #747474; margin: 0; color: #282525; padding:0 0 0 4px; background: #fff; font-size: 0.88em;} #maincontainer #column-02 .contentarea .formbody br {clear:both; margin:0; padding:0;} #maincontainer #column-02 .contentarea .select {float: left; width: 156px; height: 14px; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0 0 0 4px; background: #fff; font-size: 0.88em;} #maincontainer #column-02 .contentarea textarea {font-family:Arial, Helvetica, sans-serif; float: left; width: 220px; height: 75px; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0 0 0 4px; background: #fff;} #maincontainer #column-02 .contentarea .submit_container .submit {float:left; padding:0; height:17px; display:inline; width: 156px; margin:4px 0 4px 130px;} #maincontainer #column-02 .contentarea .formbody p.error, #maincontainer #column-02 .contentarea .formbody span.captcha_text {float:right; width: 290px; padding:3px 0; display:block;} #maincontainer #column-02 .contentarea .formbody select {float: left; width: 156px; height: 16px; border: 1px solid #747474; margin: 0 0 6px 0; color: #282525; padding:0 0 0 0; background: #fff; font-size: 0.88em;} /* VORLAGE BILDERGALERIE */ /*************************************************************/ table {float:left; margin:5px 0 0 0;} #maincontainer #column-02 .contentarea .ce_gallery td.col_last .image_container {margin:0 0 16px 0; padding:0;} #maincontainer #column-02 .contentarea .ce_gallery td .image_container {margin:0 33px 16px 0; padding:0;} #maincontainer #column-02 .contentarea .ce_news_gallery td.col_last .image_container {margin:0 0 16px 0; padding:0;} #maincontainer #column-02 .contentarea .ce_news_gallery td .image_container {margin:0 33px 16px 0; padding:0;} /* FIXES */ /*************************************************************/ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {display:inline-block;} /* Hide from IE Mac \*/ .clearfix {display:block;} /* End hide from IE Mac */