﻿html,body{min-height:100%;}
body{margin:0px 40px 20px 40px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; line-height:16px; color:#707070;}
table{width:100%; border:0px; padding:0px; margin:0px; border-collapse:collapse;}
td{vertical-align:top; padding:0px; margin:0px; border:0px;}
h1{color:#f39400; font-size:14px; font-weight:bold; margin:0px 0px 30px 0px;}
h2{color:#781c7f; font-size:11px; line-height:16px; font-weight:bold;}
p {margin:0px 0px 20px 0px;}
a {color:#f39400; text-decoration:underline;}
a.hover {text-decoration:none;}

span.link{color:#f39400; text-decoration:underline; cursor:pointer;}

/* ---- form ---- */
input.text { width:400px; color:#707070;}
table td.label{padding-right:30px; padding-top:5px; white-space:nowrap;}
table td.required{ }
table td.value{ width:100%;}
table.pollForm td.label{padding-right:30px; padding-top:5px; white-space:nowrap; width:130px;}
table.pollForm td.required{ }
table.pollForm td.value{ }
.error{color:Red;}
.loginbox td{text-align:left; }
.loginbox { width:auto;}
.loginbox .button{margin-top:10px; margin-left:120px;}
.loginerrorlist{margin-left:120px; margin-top:10px;}

/* --- orange box ---- */
table.orangeBox{}
table.orangeBox td.top {background:url("/images/orangeBox_righttop.gif") #f39400 no-repeat right top; height:15px;}
table.orangeBox td.middle {background-color:#f39400;}
table.orangeBox td.bottom {background:url("/images/orangeBox_leftbottom.gif") #f39400 no-repeat left bottom; height:15px;}

/* ---- box with orange border and violett background --- */
.simpleBox { background-color:#f1e8f2; border:1px solid #f39400; padding:10px; }
/* ----- a general layer ---- */
.layer {padding:10px; display:none; background-color:White; position:absolute; border:1px solid #f39400; z-index:20;}

#page { width: 960px; }
#mainHeader { width: 100%; background-image: url("/images/header.gif"); background-repeat:no-repeat; height:133px;}

#mainFooter { height:30px; padding:0px; margin:0px;}
#mainFooter td.right{background:url("/images/orangeBox_righttop.gif") #f39400 no-repeat right top; height:30px; padding-right:20px; color:White; font-size:15px; line-height:30px; text-align:right;}
#mainFooter td.left{background:url("/images/orangeBox_leftbottom.gif") #f39400 no-repeat left bottom; height:30px; padding-left:20px; line-height:30px;}
#mainFooter td.left a {color:#707070; text-decoration:none;}


#mainNaviBar { padding:0px; margin:0px 0px 40px 0px; WIDTH: 100%;  HEIGHT: 32px; BACKGROUND: url("/images/orangeBox_righttop.gif") #f39400 no-repeat right top;}
#mainNaviBar ul.topNavigation {	MARGIN: 0px 20px 0px 0px; height:100%;}
#mainNaviBar ul.topNavigation li { line-height:32px; float:right; list-style: none; margin:0px; padding: 0px 0px 0px 20px; height:100%; }
#mainNaviBar ul.topNavigation A:link { MARGIN: 0px 0px 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
#mainNaviBar ul.topNavigation A:active { MARGIN: 0px 0px 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
#mainNaviBar ul.topNavigation A:visited { MARGIN: 0px 0px 0px 0px; COLOR: #fff; TEXT-DECORATION: none}
#mainNaviBar ul.topNavigation A:hover {	TEXT-DECORATION: underline}

#mainLeftNavi { width: 224px; padding-left:20px; }
/*#mainLeftNavi ul.leftNavigation { padding: 0px; margin: 0px; height:100%; width: 100%; height: 100%; }
#mainLeftNavi ul.leftNavigation li { color: #000000; line-height:2em;list-style: none; margin:0px; padding: 0px 20px;}
#mainLeftNavi ul.leftNavigation li a { width:100%; height:100%; text-decoration: none; line-height:2em; padding-left: 5px;color: #000000}*/
#mainLeftNavi .boxOuter { min-height:17px; background: url('/images/leftNavi/top.gif') #f1e8f2 no-repeat top left; }
#mainLeftNavi .boxInner { background: url('/images/leftNavi/bottom.gif') no-repeat bottom left; min-height:17px; padding:17px 10px 17px 10px;}
#mainLeftNavi .mainLeftNaviSub{color:#f39400; margin-left:10px; text-decoration:none;}
#mainLeftNavi .mainLeftNaviMain{color:#761c7f; text-decoration:none; font-weight:bold;}

#mainContent{min-height:500px; margin-bottom:40px;}

/*.Center {width:810px}*/

#content { margin-left:20px;}
#contentWide { margin-left:20px; }

/* farbtastic */
#barColorpickerLayer {position:absolute; background-color:White; display:none }
#bgColorpickerLayer {position:absolute; background-color:White; display:none }
#fontColorpickerLayer {position:absolute; background-color:White; display:none }
