/* Main stylesheet for odz.ch with .com stylesheet*/

/*reset styles*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 8pt;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #535353;
/* 	color: black; */
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
div.clearer{clear:both;}

body{ background:white;}

html{padding-bottom: 20px;}

div#gradientTop{width:100%; height: 21px; background-repeat: repeat-x; background-image: url(../img/gradient_top.gif);}
div#gradientBottom{width: 100%; height:93px;background-repeat: repeat-x; background-image: url(../img/gradient_bottom.gif);}

div#topNavi{ width: 500px; height: 7em; margin-top:40px; margin-left: 25px;}
div#topNavi a {font-weight: bold; color: #666666;}
div#topNavi a:hover{color: black;}
ul.topNaviMenu{float:left; width: 10em;}
ul.topNaviMenu li {line-height: 1.4;}


div#topTitle{position: absolute; left: 480px; top: 35px;}

div#wrapper{}
div#innerWrapper{width: 100%; background: #A3A3A3; position: relative; }
div#pageContent{/*position: relative;*/
  padding-top: 30px;
  padding-left: 25px;
  width: 780px;
  min-height:380px;
  height:auto !important;
  height:380px;
  background:transparent;
}

div#topContentWrapper{width: 740px;padding-left: 25px; padding-top: 10px;}
div#subTitle{float: left; width: 445px;}
div#topLeftContent{float:left; width:270px; padding-top: 7px; padding-left: 10px;}

div#subMenu{/*padding-top: 50px;*//* margin-left: 25px;*//*margin-top: 25px;*/ position: relative;}
ul#subNav{position: absolute; top:0; left:0; margin-left: 2%; width: 98%;}
/* ul#subNav ul{width: 100%;} */
ul#subNav li {line-height: 1.5; font-size: 9pt; border-bottom:1px solid #707070;}
ul.subNavLevel1{position: absolute; top:0; left:0; margin-left: 15%;width: 85%;/*background: red;*/}
ul.subNavLevel1 li{}
ul.subNavLevel2 {position: absolute; top:0; left:0; margin-left: 25%; width: 75%; /*background: green;*/}
ul#subNav a,ul.flvMenu a {color: black;/*only IE fix: margin-left: -15px;*/ padding-right: 1em; padding-left: 1em;}
ul#subNav a:hover,ul.flvMenu a:hover {background: #C4C5C6;}
ul#subNav a.act{color: white;}
/* ul#subNav > li > ul > li {display: inline;} */
/* ul.subNavLevel1 {margin-left: 15em;} */
ul.subNavLevel1 li {/*margin-left: 13em;*/ /*position: absolute; top:0; left:13em;*/}

/* EXTENSIONS */
#flvplayercaption{
	margin-left: 0;
	/*margin-top: 10em; - 012609 dselinger */
	}
ul.flvMenu{position: absolute; top:0; left:0; margin-left: 60%; margin-top: 40px; width: 40%;}
ul.flvMenu li{line-height: 1.5; font-size: 9pt; border-bottom:1px solid #707070;}


div#bottomContent{margin-left: 630px; margin-top: -60px;}


/*4colCE*/
div#col4CEwrapper{width: 745px; color: #666666;}/* 740/4=185*/
  div.col4CEcolumn1,div.col4CEcolumn2,div.col4CEcolumn3,div.col4CEcolumn4{padding-right: 10px;/*TODO*/ float: left; width: 140px;}
  div.col4CEcolumn1{width: 290px;}
  div.col4CEcolumn4{padding-right: 0;}

div#col4CEwrapper .csc-header h1{color:#666666;}

div#col4CEwrapper h1.csc-firstHeader{color:white;margin-bottom:0; padding-bottom:2px;}
/* div#col4CEwrapper div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image{margin-bottom:15px;} */

div#col4CEwrapper div.csc-header-n2 h1 {margin-top: 17px;}
/* div#col4CEwrapper p.bodytext {padding: 0 3px 0 3px;} */

/*4colCE*/
div#col2CEwrapper{width: 740px;}
  div.col2CEcolumn{width: 48%; margin-right: 2px;/*TODO*/ float: left;}

div#topLeftContent h1.csc-firstHeader{color: #666; margin-bottom: 0px; padding-bottom: 2px;}

div#topLeftContent{color: #666;}

/*content styles*/
body{
	font-family: helvetica,arial,sans-serif,verdana;
	font-size: 8pt;
	color: black;
	}
h2,h1 {
	font-size: 8pt;
	font-family: helvetica,arial,sans-serif,verdana;
	font-weight: bold;
	color: white;
	padding:0;
	margin:0;
	padding-bottom: 10px;
	}

p.bodytext, p, .bodytext{
	padding:0px 0px 10px 0;
	margin:0;
	line-height: 1.15;
	text-align: left;
	font-family: helvetica,arial,sans-serif,verdana;
	}

.contenttable{border-collapse:collapse;}
.contenttable td {margin:0;  padding-right:7px;vertical-align: top;}
.contenttable p {padding:0; text-align: left;}


/*********INPUT STYLING***********/
input,textarea,select {border: 1px #B5C2C8 solid; background: #B5C2C8;/*font-size: x-small;*/}
input[type=radio]{border: none;}
/*.csc-mailform{border: none; background-color: #f4f3ee;}
.csc-mailform label {margin-right: 10px;}
div.csc-mailform-field{margin-bottom: 5px; width: 120px;}*/

fieldset{border: none; padding-bottom: 10px; padding-left:10px; padding-top: 5px; padding-right:10px; margin:0;}

/*
Styling of the Links
*/

a{
	color: white;
	text-decoration: none;
	/*font-size: xx-small;*/
	}

a:hover{color: white;}