/* STYLE SHEET FOR WEB PORTAL */ /* Created the october 2007 by ENOSIS Active Design */ /* www.enosis.ch */ /* ¦body------------------------------ ¦main----------------------------------------¦ ¦maindiv----------------------- ¦ ¦top ------------------------------------¦ ¦ ¦topdiv------------------- ¦ ¦ ¦ ¦ --------------------------¦ ¦ ¦----------¦¦----------------------------¦ ¦ ¦leftdiv------------------¦ ¦ ¦ left ¦¦ content ¦ ¦ --------------------------¦ ¦ ¦ ¦¦ ¦ ¦ ¦contentdiv---------------¦ ¦ ¦ ¦¦ ¦ ¦ --------------------------¦ ¦ ¦ ¦¦ ¦ ¦ ¦bottomdiv----------------¦ ¦ ¦bottom----¦¦----------------------------¦ ¦ --------------------------¦ ¦ ¦----------------------------------------¦ ¦ ------------------------------¦ ¦--------------------------------------------¦ */ /* -------------------------------------------------------------------------------------------- */ /* GLOBAL */ * { margin: 0; padding: 0} html, body {height:100%; height:auto } a, a.* {cursor:pointer} /* -------------------------------------------------------------------------------------------- */ /* MAIN LAYOUT */ body{background-color:#003873} #maindiv, #topdiv, #logodiv, #topmoddiv, #topmenudiv, #langmenudiv, #leftdiv, #leftmenudiv, #leftmoddiv, #contentdiv, #bottomdiv, .indiv {position:relative} #maindiv {width: 960px; height:auto; margin: 10px auto; background-color:#999999; border: 0px dotted #000000;background-position:bottom left; background-repeat: repeat-y;background-image:url(../img/leftbanner.jpg);} #maindiv .indiv{} #topdiv {width: 960px; height: 150px; background-image: url(../img/topbanner.jpg)} #topdiv .indiv{} #topdiv .homelink {position:relative; float:left; left: 10px; top:10px; width:178px; height:130px; border: 0px dotted #CCCCCC} #topdiv #langmenudiv {float:left; top:10px; left:530px; width: 238px; height:20px; border: 0px dotted #CCCCCC} #topdiv #topmenudiv {float:left; top:90px; left:30px; width: 738px; height:30px; border: 0px dotted #CCCCCC} #leftdiv {float:left; width: 180px; min-height:380px; height: auto; padding: 10px 10px 10px 10px; } #leftdiv .indiv{background-color:transparent;} #leftmenudiv {min-height:10px; height: auto; border: 0px dotted #CCCCCC} #leftmoddiv {min-height:10px; height: auto; border: 0px dotted #CCCCCC; margin:10px auto} #contentdiv {float:left; width: 740px; min-height:380px; height: auto; padding: 10px; background-color:#FFFFFF;} #contentdiv .indiv{height: auto; border: 0px dotted #CCCCCC;background-image:url(../img/trans.gif);} #bottomdiv {clear:both; width: 940px; height: 30px; padding: 10px 10px 10px 10px; background-image:url(../img/bottombanner.jpg);background-color:#E9A75B;z-index:10} #bottomdiv .indiv{min-height:30px; height: auto; border: 0px dotted #CCCCCC;background-color:transparent;top:15px;} .pagenavbar{float:right; border: 0px dotted #CCCCCC} /* -------------------------------------------------------------------------------------------- */ /* HOME PAGE */ #homepagediv {width: 960px; height: 580px; background-image:url(../img/homebanner.jpg);background-repeat: no-repeat;} #homepagediv .homepagelinkimg {position:relative; top:10px; left:10px; width:940px; height:540px; border: 0px dotted #CCCCCC} #homepagediv .enter{position:relative; top:10px; left:430px; width:100px; height:20px; text-align:center; border: 0px dotted #CCCCCC} /* -------------------------------------------------------------------------------------------- */ /* CONTACT PAGE */ #contactdiv {float:left; width:300px; height:auto;} #contactformdiv {position: relative; float:left; left: 80px; width:300px; height:auto;} #contactformdiv input, #contactformdiv textarea {width:300px; height:1.7em; border:1px solid #CCCCCC; font-size:0.9em} #contactformdiv input, #contactformdiv textarea {background-color:#FFFFFF; background-color:#FFFFFF!important} #contactformdiv textarea {height:50px; font-size:0.9em} #contactformdiv .submitbutton{border: 1px; border-style:outset; cursor:pointer; background-color:#CCCCCC; background-color:#CCCCCC!important} /* -------------------------------------------------------------------------------------------- */ /* LOGIN PAGE */ #logindiv {position:relative; top:40px; width: 100%} #logindiv input {width:150px; height:1.2em; border:1px solid #CCCCCC; font-size:0.9em;} #logindiv input {background-color:#FFFFFF; background-color:#FFFFFF!important} #logindiv .submitbutton{width:152px; height:1.7em; border: 1px; border-style:outset; font-size:0.9em; cursor:pointer; background-color:#CCCCCC; background-color:#CCCCCC!important} /* -------------------------------------------------------------------------------------------- */ /* FONTS SIZE & COLORS */ /* General (Body) */ body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000} a {text-decoration:underline; color:#003873} a:hover {color:#F49900} /* Top menu */ #topmenudiv {} #topmenudiv .mainlevel{} #topmenudiv .sublevel{} #topmenudiv a{} #topmenudiv a:hover{} /* Language menu */ #langmenudiv {text-align:right} #langmenudiv a{text-decoration:none; font-size:10px; font-weight:bold; color: #FFFFFF} #langmenudiv a:hover{color:#FF0000} #jflanguageselection ul.jflanguageselection li{float:right; list-style-position:inside; margin: 0 0 0 10px; list-style-type:none} /* Left menu */ #leftmenudiv {} #leftmenudiv .mainlevel{font-size:16px; font-weight:bold; line-height:2.0em; display:list-item; list-style-position:inside; list-style-type:circle; vertical-align:middle} #leftmenudiv .sublevel{font-size:12px; font-weight:bold} #leftmenudiv a{text-decoration:none; color: #FFFFFF} #leftmenudiv a:hover{color:#F49900} /* Left mod menu */ #leftmoddiv .mainlevel{font-size:18px; font-weight:bold; line-height:1.5em; display:list-item; list-style-position:inside; list-style-type:circle; vertical-align:middle} #leftmoddiv .sublevel{font-size:14px; font-weight:bold; padding:0 0 0 10px; display:list-item; list-style-position:inside; list-style-type:circle; vertical-align:middle} #leftmoddiv a{text-decoration:none; color: #FFFFFF} #leftmoddiv a:hover{color:#F49900} /* Content */ #contentdiv h1, #contentdiv .contentheading, #contentdiv .componentheading{font-size:20px; font-weight:bold; line-height:2em; color:#003873} #contentdiv h2{font-size:16px; font-weight:bold; margin:1em auto; color:#F49900} #contentdiv h3{font-size:14px; font-weight:bold; margin:0.5em auto} #contentdiv p{display:block; margin:0.5em auto} #contentdiv ul{display:block; list-style-position: outside; list-style-type:disc; padding: 0 0 0 20px;} #contentdiv li{margin:2px auto} #contentdiv li ul{list-style-type:circle;} /* Bottom */ #bottomdiv {font-size:13px; text-align:center; color:#FFFFFF;} #bottomdiv a{text-decoration:underline; color:#00CCCC} #bottomdiv a:hover{color:#ffffff} /* ErrorMessage*/ .ErrorMsg {color:#FF0000} /* Home page */ #homepagediv a {text-decoration:none; font-weight:bold; color:#F49900; font-size:16px} #homepagediv a:hover{color:#F49900}