* { margin:0; padding:0; font-size: 100%; border: 0;}

html {height:100%}

body {
	min-height: 101%;
	font-size: 100.01%;
	position: relative;
	background:#fff;
}


/* common style definition */
body, td, th, p, a, input, textarea, select,div{
                        font: normal 12px "Arial", "Tahoma", "Helvetica", "sans serif", "Verdana" ;
                        color:#636363;
}
blockquote{							margin-left:50px;}
.smallfont{             font-size:10px;}


/* headlines */
h1,h1 a{                     font: bold 14px/16px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}
h2,h2 a{                     font: bold 13px/15px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}
h3,h3 a{                     font: bold 12px/14px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}
h4,h4 a{                     font: bold 11px/13px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}
h5,h5 a{                     font: bold 10px/12px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}
h6,h6 a{                     font: bold 9px/11px "Arial", "Helvetica", "sans serif";padding:4px 0;color:#004999;}

/* fontstyles */
.normal{                font-weight:normal;}
.letterspacing1{        letter-spacing:1px;}
.letterspacing05{       letter-spacing:0.5px;}
i,.i{                   font-style:italic;}
b,.b{                   font-weight:bold;}
.nowrap{                white-space:nowrap;}

/* alignments and display */
.floatleft{             float:left;}
.floatright{            float:right;}
.relative{              position:relative;}
.both{                  clear:both;}
.top{                   vertical-align:top;}
.bottom{                vertical-align:bottom;}
.middle{                vertical-align:middle;}
.left{                  text-align:left;}
.right{                 text-align:right;}
.center{                text-align:center;}
.block{                 display:block;}
.inline{                display:inline;}
.overflow{              overflow:auto;}

/* spacer */
.pad_all{               padding:4px;}
.pad_top{               padding-top:2px;}
.pad_right{             padding-right:4px;}
.pad_bottom{            padding-bottom:2px}
.pad_left{              padding-left:4px}
.pad_v{                 padding-top:4px;padding-bottom:4px;}
.pad_h{                 padding-right:4px;padding-left:4px;}
.margin_all{            margin:4px;}

/* Width */
.auto{                  width:auto;}
.size100{               width:100%}
.size95{                width:95%}
.size90{                width:90%}
.size80{                width:80%}
.size75{                width:75%}
.size70{                width:70%}
.size60{                width:60%}
.size50{                width:50%}
.size49{                width:49%}
.size45{                width:45%}
.size40{                width:40%}
.size35{                width:35%}
.size30{                width:30%}
.size25{                width:25%}
.size20{                width:20%}
.size15{                width:15%}
.size10{                width:10%}
.size5{                 width:5%}
.size1{                 width:1%}

/* Horizontal rule */
h6.hr{                  border-bottom:1px solid #000000;font-size:2px;}

/* listings */
ul,ol,dl{               margin:0px 0px 0px 18px;padding:0px;display:block;}
dl,dt,dd{               margin:0px 0px 0px 14px;padding:0px;display:block;}
.li,dd{                 margin:0px;padding:0px 0px 0px 10px;display:block;display:block;}

/* common link */
a{                      color:#222222;}
a:link{                 text-decoration:underline;}
a:visited{              text-decoration:underline;}
a:hover{                text-decoration:none;}
a:active{               text-decoration:underline;}

/* underlined link */
a.underline,
a:link.underline,
a:visited.underline,
a:active.underline{     text-decoration:underline;}
a:hover.underline{      text-decoration:none;}
/* no underlined link */
a.nounderline,
a:link.nounderline,
a:visited.nounderline,
a:active.nounderline{     text-decoration:none;}
a:hover.nounderline{      text-decoration:underline;}

/* input - values*/
input,textarea,select{  margin:1px;}
.text,textarea,select{
                          border-top:1px solid #a5acb2;
                          border-right:1px solid #a5acb2;
                          border-bottom:1px solid #a5acb2;
                          border-left:1px solid #a5acb2;
                          background:#ffffff;
                          color:#000000;
                          padding:1px;
}
.button,.stdbutton,.okbutton{
	background: url('button.gif') no-repeat 6px 6px #009999;
	color:#fff;
	padding:1px 10px 1px 14px;
        border-top:0px;
        border-right:0px;
        border-bottom:0px;
        border-left:0px;
        text-align:left;
        text-transform:uppercase;
        font: normal 12px "Arial", "Helvetica", "Sans Serif";
}
.checkbox,.radio{
                          height:13px;
                          width:13px;
                          margin:4px 3px 0px 3px;
}

input.csc-mailform-radio,
.checkbox,.radio{
                          height:13px;
                          width:13px;
                          margin:4px 3px 0px 3px;
}
/* widths for input field (extend this if neccessary)*/
.box100,.box{             width:170px;}



/* define a container for HTML paddings of h1, p, etc. */
.bodytext,
.HTMLContainer p,
.HTMLContainer h1,.HTMLContainer h2,.HTMLContainer h3,.HTMLContainer h4,.HTMLContainer h5,.HTMLContainer h6{
                          padding-top:8px; padding-bottom:8px;}

.FG01{      color:#fff;}
.FG02{      color:#000;}
.BG01{      background-color:#fff;}
.BG02{      background-color:#000;}
                          

/************
* DEPRECATED
*************/
.form_key{
    float:left;
    width:28%;
    text-align:right;
    padding:4px;
}
.form_value{
    margin-left:28%;
    float:right; 
    width:300px;
    text-align:left;
    padding:3px;
}
*/
.csc-mailform-field legend{display:none;}
.csc-mailform{
	position:relative;
	display:block;
}

/* standard formular */
.label,
.csc-form-label{
	float:left;
	width:28%;
	text-align:right;
	padding-top:2px;
}
.field{
	float:right;
	width:70%;
}
label{
	text-align:right;
}

label span{
	color:red;
	font-weight:bold;
}


/* standard login */
.csc-loginform .label,
.csc-loginform  .csc-form-label{
	float:left;
	width:45%;
	text-align:right;
	padding-top:2px;
}
.csc-loginform .field{
	float:right;
	width:50%;
}
.logininput{
	width:80px;
}