* {
    margin:0;
    padding:0;
}
html,td {
    background-color:#fff;
    color:#666;
    font-family:Verdana,Arial,sans-serf;
    font-size:11px;
    font-weight:normal;
    line-height:1.45em;
}
body {
    text-align:center;
}
#langsel {
    float: right;
    color: #E7E7E8;
    padding-right: 10px;       
}

#langsel a {
    color: #FFFFFF;
}

#langsel a:hover {
    text-decoration:underline;
}

img {
    border:none;
}
a {
    color:#ff6600;
    text-decoration:none;
}
a.arrowd {
    background:transparent url(http://www.sunergic.ch/webtest/project1/images/arrow_rd.gif) left bottom no-repeat;
    font-weight:bold;
    padding-left:17px;
}
h3, h4 {
    color:#666;
    font-size:1em;
    padding: 10px 0 10px 0;
}

h1 {

    line-height: 1.4;
}

#wrapper {
    margin-left:auto;
    margin-right:auto;
    text-align:left;
    width:1005px;
}

#content{
    padding-bottom: 20px;
}

#left {
    float:left;
    padding: 10px 5px 10px 5px;
    width:167px;
}
#middle {
    float:left;
    padding:0 8px 0 15px;
    width:573px;

}
#fullframe {
    float:left;
    padding:0 8px 0 15px;
    width:800px;
}
#right {
    float:right;
    padding:10px 10px 5px 20px;
    width:200px;
    margin-top: -10px;
}
#innerWrapper {
    background:transparent url(http://www.sunergic.ch/webtest/project1/images/bg_content.gif) 0 bottom no-repeat;
}
#topHeader {
    position:relative;
}
#topHeader h1 {
    float:right;
    font-size:1em;
    text-align:right;
    width:480px;
}
#topContainer {
    background:#ff6600;
    background:transparent url(http://www.sunergic.ch/webtest/project1/images/header.jpg) 0 bottom no-repeat;
    border-top:5px solid #ff6600;
    clear:both;
    height:114px;
    position:relative;
    width:1024px;
}

#footer {
    clear:both;
    color:#fff;
    height:22px;
    position:relative;
    width:1003px;
}

#footer ul {
    list-style-type:none;
    padding:3px 0 4px 10px;
}
#footer a {
    color:#fff;
}
#footer li {
    display:inline;
}
#footer #right ul {
    position:absolute;
    right:10px;
    top:0;
}
#footer {
    height:1%;
}
* html #footer {
    height:1%;
}
*:first-child+html #footer {
    height:auto;
}
#contentFooter {
    font-size:0.9em;
    padding:10px 0;
}
#contentFooter a {
    color:#666;
}
.replace {
    position:relative;
}
.replace span {
    display:block;
    height:100%;
    position:absolute;
    right:0px;
    top:0px;
    width:100%;
    z-index:1;
}

.teaserBox {
    border:1px solid #ccc;
    font-size:10px;
    margin-bottom:16px;
}
.teaserBox h4 {
    background:#e7e7e8 url(http://www.sunergic.ch/webtest/project1/images/arrow_ro.gif) 4px 50% no-repeat;
    border-bottom:1px solid #ccc;
    color:#666;
    font-size:1em;
    font-weight:bold;
    padding:7px 16px;
}
.teaserBox .content {
    padding:11px 5px 11px 16px;
}
.teaserBox.animation .content {
    height:111px;
    padding:0;
    width:198px;
}

#content p {

    padding-top: 5px;

}

.homeMenu {
    background:#ff6600;
    list-style-type:none;
    margin-top:-5px;
}
.homeMenu li {
    background:#ff6600;
    float:left;
    padding-bottom:3px;
    padding-left:5px;
    padding-top:3px;
    width:330px;
}
.homeMenu li a {
    color:#fff;
}
.imgRight img, img.imgRight {
    float:right;
    margin-left:5px;
}
.imgLeft img, img.imgLeft {
    float:left;
    margin-right:5px;
}
.floatR {
    float:right;
}
.floatL {
    float:left;
}
.clr {
    clear:both;
}
.orange {
    color:#ff6600;
}

/** main menu */

#Mainmenu {
    list-style-type:none;
    margin: 88px 0 0 0;
    padding:0;
}

#Mainmenu li {
    display:block;
    float:left;
    position:relative;
    z-index:100;
}
#Mainmenu li span {
    background:#ff6600;
    color:#fff;
    display:block;
    font-size:1em;
    padding:4px 15px;
    z-index:100;
}

#Mainmenu li a,#Mainmenu li a:visited {
    display:block;
    padding:0;
    color:#fff;
}

#Mainmenu span:hover, #Mainmenu span a:hover {
    background:#ffd1b3;
    color:#666;
    display: block;
}

#Mainmenu dl {
    background:#ff6600 url(transparency.gif);
    left:0;
    margin:0;
    padding:0;
    position:absolute;
    top:0;
}
#Mainmenu dt {
    background:#ff6600;
    float:left;
    font-size:1em;
    margin:0;
}
#Mainmenu dd {
    background:transparent;
    clear:left;
    color:#fff;
    display:none;
    font-size:1em;
    margin:0;
    padding:0;
    text-align:left;
}
#Mainmenu dt a,#Mainmenu dt a:visited {
    color:#fff;
    display:block;
    padding:4px 15px;
    text-decoration:none;
}
#Mainmenu dd a,#Mainmenu dd a:visited {
    background:#ff6600;
    color:#fff;
    display:block;
    padding:4px 15px;
    text-decoration:none;
}
#Mainmenu li a:hover {
    border:0;

}
#Mainmenu li:hover dd,#Mainmenu li a:hover dd {
    display:block;
}
#Mainmenu li:hover dl,#Mainmenu li a:hover dl {
    border-bottom:5px solid #ff6600;
}
#Mainmenu li:hover dt a,#Mainmenu li a:hover dt a,#Mainmenu dd a:hover,#Mainmenu span a:hover {
    background:#ffd1b3;
    color:#666;
}
#menuwrapper {
    background:#ff6600;
    margin-left:177px;
}

.login {
    float: right;
}

.login ul {
    list-style-type:none;
}

.login li span a {
    background: #ff6600;
    color: #fff;
    display: block;
    font-size:0.8em;
    padding:4px 5px 4px 5px;
    z-index:1;
    list-style-type:none;
}

.login li span a:hover {

    text-decoration: underline;

}

.remarksw {
    color: #666;
    font-size: 10px;
    font-family: Verdana, sans-serif;
    text-decoration: none;
}

.remarksw a:link {
    color: #666;
    text-decoration: none;
}
.remarksw a:visited {
    color: #666;
    text-decoration: none;
}
.remarksw a:hover {
    color: #fb8404;
    text-decoration: none;
}
 .clear {clear:both;}

label{float:left;
    clear:left;
    width:175px;
    margin-right:10px;
    text-align:right;
    margin-bottom:5px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    }
input, select{border:1px solid #999;
    float:left;
    clear:right;
    text-align:left;
    width:200px;
    margin-bottom:5px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:2px;
    }
select.intro{border:1px solid #999;
    float:left;
    clear:right;
    text-align:left;
    width:350px;
    margin-bottom:5px;
    position:relative;
    left:185px;
    }

input.chbox{float:left;
    width:18px;
    text-align:right;
    margin-bottom:5px;
    margin-right:10px;
    clear:left;
    position:relative;
    left:160px;
    border:0;
    }
label.chbox{float:left;
    width:350px;
    text-align:left;
    margin-bottom:5px;
    margin-right:0;
    clear:right;
    position:relative;
    left:160px;
    }
textarea{border:1px solid #999;
    float:left;
    clear:right;
    text-align:left;
    width:350px;
    margin-bottom:5px;
    font-size:12px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    padding:2px;
    }

.j {
    padding: 5px;
    margin-bottom: 5px;
}
input.send{margin-left:auto;
    margin-right:auto;
    width:auto;
    float:none;
    text-align:center;
    padding:5px 10px;
    }

.text11alert {color: #FF6600;}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    color:#000;
    text-decoration:none}

a.tooltip:hover{z-index:25; background-color:#ff0}

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}
	

/*table formatting with orange header and grey line separators*/
table.tableformat{padding:0 !important;
	border-collapse:collapse !important;
	border-spacing:0 !important;
	border:1px solid #DDD;
	border-width:1px 0;
	font-size:11px;
	margin-top:10px;
	}
table.tableformat th{background:#FC9;
	padding:4px;
	text-align:center !important;
	border:1px solid #FC9;
	border-width:1px 0;
	}
table.tableformat th.normal{font-weight:normal;
	}
table.tableformat th.left{text-align:left !important;
	}
table.tableformat td{padding:4px;
	border:1px solid #DDD;
	background:#FFF !important;
	font-size:11px;
	border-collapse:collapse;
	border-width:1px 0;
	}