@charset "UTF-8";

/*
   
	oszmb.ch - global.css

	aquaverde GmbH, 2010
		
*/


/* --------------------- Reset */

* { padding: 0; margin: 0; border: 0; outline: none; }


/* --------------------- Misc */

body { background: #fff; }

html, body { height: 100%; }

.margin6-14 { margin-top: 6px; margin-bottom: 14px; }

.margin6-20 { margin-top: 6px; margin-bottom: 20px; }

span.legend { padding-top: 6px; float: left; }


/* --------------------- Clearfix */

.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
 
.clear { display: inline-block; } html[xmlns] .clear { display: block; } * html .clear { height: 1%; }


/* --------------------- Typography */

/* Enjoy Corporate Typeface */

@font-face { font-family: 'Coolvetica'; src: url('../lib/fonts/coolveti.eot'); src: local('☺'), url('../lib/fonts/coolveti.woff') format('woff'), url('../lib/fonts/coolveti.ttf') format('truetype'), url('../lib/fonts/coolveti.svg#') format('svg'); font-weight: normal; font-style: normal; }

/*  */


body { font: 12px/20px Arial, Helvetica, sans-serif; color: #54221e; letter-spacing: 0.01em; }

p { margin-bottom: 20px; }

h1 { font: 12px/20px Arial, Helvetica, sans-serif; color: #54221e; text-transform: uppercase; border-top: 1px #54221e solid; padding-top: 2px; margin-bottom: 20px; }

h2 { font: 16px/21px Arial, Helvetica, sans-serif; color: #eb248d; margin-bottom: 4px; }

h2 + p { margin-top: 4px; }

h2 + img, h2 + ul { margin-top: 10px; }

h3 { font: 16px/21px Arial, Helvetica, sans-serif; color: #99a726; margin-bottom: 4px; }

h4 { font: 16px/21px Arial, Helvetica, sans-serif; color: #54221e; margin-bottom: 15px; }

h5 { font: normal 21px/24px 'Coolvetica', Arial, Helvetica, sans-serif; color: #fff; }

h6 { font: normal 26px/45px 'Coolvetica', Arial, Helvetica, sans-serif; color: #fff; }


/* --------------------- Links */

a:link, a:active, a:visited { color: #54221e; text-decoration: underline; font-weight: bold; }

a:hover { color: #54221e; text-decoration: none; font-weight: bold; }

h2 a:link, h2 a:active, h2 a:visited { color: #eb248d; font-weight: normal; text-decoration: none;}

h2 a:hover { text-decoration: underline; }

#footer a:link, #footer a:active, #footer a:visited { color: #fff; text-decoration: none; font-weight: normal; }

#footer a:hover { color: #fff; text-decoration: underline; font-weight: normal; }


/* --------------------- Layout */

#lineTop {  }

#wrapper { position: relative; min-height: 100%; height: auto !important; height: 100%; margin: auto auto; background: url(../interface/bkgHeader.gif) no-repeat 10px 0; background-color: #fff;}

#header { padding-top: 15px; margin-bottom: 21px; }

#logo { height: 64px; }

#headerImage { width: 940px; height: 306px; overflow: hidden; float: left; }

ul.download li { list-style: none; margin-bottom: 3px; }

ul.download li a { padding: 3px 0 3px 23px; background: url(../interface/icnPDF.gif) left no-repeat; font-weight: normal; }

ul.download li a.DOCX, ul.download li a.DOC  { background: url(../interface/icnDOC.gif) left no-repeat; }

ul.download li a.XLS { background: url(../interface/icnXLS.gif) left no-repeat; }

ul.download li a.MP3 { background: url(../interface/MP3.gif) left no-repeat; }

ul.download li a.PPT { background: url(../interface/PPT.gif) left no-repeat; }

ul.news li { list-style: none; margin-bottom: 16px; }

ul.news p + a.morelink { display: block; margin-top: -20px;}

ul.galleryNav, ul.galleryNav ul { list-style: none; }

li.liGroup { float: left; margin-right: 45px; }

ul.galleryNav li a { font-size: 12px; display: block; font-weight: normal; }

ul.galleryNav li a:link, ul.galleryNav li a:active, ul.galleryNav li a:visited { color: #fff; text-decoration: none; }

ul.galleryNav li a:hover, ul.galleryNav li a.on { color: #ed258f; text-decoration: none; }

ul.gallery { margin-top: 7px; }

ul.gallery li { width: 100px; height: 100px; margin-bottom: 20px; }

ul.gallery li a { width: 100px; height: 100px; display: block; }

ul.links { list-style: none; font-size: 12px; line-height: 22px; }

#clear { clear: both; width: 100%; height: 1px; padding-bottom: 50px; }

#footer { position: relative; height: 33px; margin-top: -33px !important; margin: auto auto; background: transparent; }

#footer .container_16 { height: 33px; background: #54221e; }

#footer ul.grid_4  { list-style: none; display: inline; text-align: center; padding: 8px 0 0 730px; background: url(../interface/bkgFooter.gif) no-repeat 719px 0; }

#footer ul.grid_4 li { display: inline; margin: 0 13px; }

#leftCol ul { margin-left: 15px;}

#leftCol p + ul { margin-top: -15px; }

#leftCol ul.download, #leftCol ul.news, #leftCol ul.siteNav, #leftCol ul.links, #leftCol ul.gallery { margin-left: 0; }

#leftCol ul.galleryNav { margin-left: -15px; }

div.teaser .edit-link img { margin: 0;}

/* --------------------- Teaser */

div.teaser { padding-bottom: 5px; }

div.teaser img { margin: 20px 0 19px 0; }

div.teaser p + img { margin-top: 0; }

div.teaser a { color: #99a726; }

div.teaser ul.news a {color: #eb248d;}

div.border { border-top: 1px #54221e solid; padding-top: 15px; }

div.greenBox { padding: 39px 15px 10px 15px ; background: #ccff00 url(../interface/bkgArrowTopLeft.png) no-repeat; }

div.blueBox { padding: 12px 15px 39px 15px ; background: #5cddf9 url(../interface/bkgArrowBottomRight.png) no-repeat bottom right; }

div.sideTeaser { min-height: 42px; margin-bottom: 10px; padding: 10px 10px 10px 35px; }

div.sideTeaser a { text-decoration: underline; font-weight: normal !important; }

div.sideTeaser a:hover { text-decoration: none; font-weight: normal; }

div.sideTeaser h5 a { text-decoration: underline; color: #fff !important; display: block; margin: -3px 0 8px 0; font-weight: bold !important; }

div.sideTeaser h5 a:hover { text-decoration: none; color: #fff !important; display: block; margin: -3px 0 8px 0; font-weight: bold !important; }

div.sideTeaser.orange h5 a { text-decoration: underline; color: #54221e !important; display: block; margin: -3px 0 8px 0; font-weight: bold; }

div.sideTeaser.orange h5 a:hover { text-decoration: none; color: #54221e !important; display: block; margin: -3px 0 8px 0; font-weight: bold; }

input.search { width: 93px; height: 17px; background: #fff; padding: 1px 2px; margin-right: 3px; }

div.green { background: #ccff00 url(../interface/bkgSideTeaser.png) left bottom no-repeat; }

div.pink { background: #ed258f url(../interface/bkgSideTeaser.png) left bottom no-repeat; }

div.red { background: #f76262 url(../interface/bkgSideTeaser.png) left bottom no-repeat; }

div.orange { background: #fa6400 url(../interface/bkgSideTeaser.png) left bottom no-repeat; }

div.blue { background: #5cddf9 url(../interface/bkgSideTeaser.png) left bottom no-repeat; }

div.brown { background: #54221e url(../interface/bkgSideTeaser.png) left bottom no-repeat; }


/* --------------------- Navigation */

ul.mainNav { width: 940px; border-top: 1px #000 solid; list-style: none; float: left; }

ul.mainNav li { position: relative; display: inline; float: left; }

ul.mainNav li a { padding: 6px 7px; float: left; display: block; text-transform: uppercase; }

ul.mainNav li.first { margin-left: -7px; }

ul.mainNav a:link, ul.mainNav a:active, ul.mainNav a:visited { color: #000; text-decoration: none; font-weight: normal; }

ul.mainNav a:hover, ul.mainNav li a.on { color: #5cddf9; text-decoration: none; font-weight: normal; }


ul.subNav { position: absolute; left: 7px; top: 30px; width: 180px; padding: 0 0 10px 0; background: url(../interface/bkgSubNav.png) no-repeat; list-style: none; display: none; }

ul.subNav li a { width: 160px; padding: 0 0 0 20px; float: left; text-transform: none; }

ul.subNav li:first-child a { margin: 33px 0 0 0; }

ul.subNav a:link, ul.subNav a:active, ul.subNav a:visited { color: #000; text-decoration: none; font-weight: normal; }

ul.subNav a:hover, ul.subNav li.on a { color: #5cddf9; text-decoration: none; font-weight: normal; }


ul.siteNav { width: 170px; list-style: none; background: #5cddf9 url(../interface/bkgSiteNav.png) no-repeat right bottom; padding: 25px 32px 34px 20px; }

ul.siteNav li a { display: block; font-weight: normal; }

ul.siteNav li a:link, ul.siteNav li a:active, ul.siteNav li a:visited { color: #fff; text-decoration: none; }

ul.siteNav li a:hover, ul.siteNav li a.on { color: #eb248d; text-decoration: none; }



/*  ---------------- tables, listing ------------ */ 

th { text-align: left; }

#list td { text-align: left; padding: 0; padding-right: 3px;	vertical-align: top; }

#list a { text-decoration: none; }

#list tr:hover { background-color: #CCFF00; }

.alphanavig { margin-bottom: 6px; }

.alphanavig a { text-decoration: none; margin-right: 6px; color: #9AA929; }

.alphanavig a.on { color: #54221E; font-weight: bold; }

.pulldown { margin-bottom: 10px; border: #625a4b solid 1px; background-color: #f0f0f0; }