* {
    padding:0;
    margin:0;
}
html{
    overflow-x:hidden;
    overflow-y:auto;
}
body {
    background-color: #fff;
    color: #004DA0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-image: url("../images/leftcolbg.png");
    background-repeat: repeat-y;
    background-position: 105px 0;
}

a{color: #004DA0;}
a img {
    border:0;
}

#pagewrap{
}
#container{
}
#leftcolumn{
    width:240px;
    float:left;
    position:relative;
}


#rightcolumn{

}
#maincolumnheader{
    overflow:hidden;
    position:fixed;
    top:0px;
    left:250px;
}
#maincolumn{
    width: 630px;
    bottom: 100px;
    left: 250px;
    overflow: auto;
    overflow-x:hidden;
    position: fixed;
    top: 50px;
    padding: 35px;
    border: 1px solid #ccc;
}

#maincolumn h1{
    font-family: Arial, Verdana, Helvetica, sans-serif;
    text-align: center;
    margin-bottom: 30px;
}
#maincolumn h1 sup, #maincolumn h1 sub{
    font-size: 12px;
}
.maincolumnentry sup{font-size: 8px}
.maincolumnentry sub{font-size: 8px}
.maincolumnentry table, .maincolumnentry tr, .maincolumnentry td {
    border-collapse: collapse;
    vertical-align: top;
}

.maincolumnentry td{
    vertical-align: top;
    padding-right: 5px;
    border-bottom: 1px solid #004DA0;
}
.maincolumnentry tr{
    border-bottom: 1px solid #004DA0;
}

#maincolumn ul{padding-left: 20px;}
#maincolumn ol{padding-left: 20px;}
#maincolumn li{margin-bottom:20px;}

#maincolumn .nospaceli li{margin-bottom:5px;}


.maincolumnentry{
    position: relative;
    margin: auto;
}
.maincolumnentry h2{
    font-size: 16px;
    margin-bottom: 10px;
}
.maincolumnentry h3{
    font-size: 100%;
    margin-bottom: 10px;
}

.nextstep{
    position: absolute; top: 0; left: 0;
}

.twocolumns{width: 630px;position: relative;clear: both}
.twocolumns .column1{width: 305px; position: relative; float: left;}
.twocolumns .column2{width: 305px; position: relative; float: right;}
.twocolumns .column1_73{width: 405px; position: relative; float: left;}
.twocolumns .column2_73{width: 195px; position: relative; float: right;}
.twocolumns .column1_37{width: 195px; position: relative; float: left;}
.twocolumns .column2_37{width: 405px; position: relative; float: right;}

.threecolumns{width: 630px;position: relative;clear: both}
.threecolumns .column1{width: 195px; position: relative; float: left; margin-right: 22px}
.threecolumns .column2{width: 196px; position: relative; float: left;}
.threecolumns .column3{width: 195px; position: relative; float: right;}

.fourcolumns{width: 630px;position: relative;clear: both}
.fourcolumns .column1{width: 141px; position: relative; float: left; margin-right: 22px}
.fourcolumns .column2{width: 141px; position: relative; float: left; margin-right: 22px}
.fourcolumns .column3{width: 141px; position: relative; float: left;}
.fourcolumns .column4{width: 141px; position: relative; float: right;}


.question{position: relative; width: 600px;position: relative;clear: both; border: 2px solid #fff; padding: 5px}
.question .column0{width: 20px; position: relative; float: left;}
.question .column1{width: 500px; position: relative; float: left;}
.question .column2{width: 30px; position: relative; float: right;}
.question h6{font-size:12px; margin-bottom: 10px}
.question a{text-decoration: none;}
.question a:hover{color: #DA2670}
.seechapter a:hover{text-decoration: none;}
.unansweredquestion{border-color: #DA2670}
.questionsubmit {background-color:#FFFFFF;border:none;;font-family:Arial;font-size:15px;font-weight:bold;margin:0;padding:0;width: auto; overflow: visible}

.checked { color: #DA2670; }
.disabled { color: #ccc; text-decoration: line-through;  }
.questioneval .column1{width: 405px;}
.seechapter, .wronghead { font-weight: bold; font-style: italic; }
.seechapter a:hover { text-decoration: underline; }
.questioneval .column0, .questioneval h6 { padding-left:40px; }
#allcorrect {font-size: 28px; font-weight: bold; text-align: center; width:90%; vertical-align:middle; border: 2px solid #004DA0; margin:auto;}

#maincolumnfooter{
    bottom:40px;
    height:40px;
    left:250px;
    overflow:hidden;
    position:fixed;
}
#langnav{
	position: fixed;
	bottom: 79px;
    left:252px;
}
#pager{
	position: fixed;
	bottom: 75px;
    left:915px;
}
#pager #navigation_active_dot_parent{
    display: none;
}
#footer{
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 50px;
    overflow: hidden;
    width:950px;
    background-color: #fff;
}
#footerlogo{
    position: relative;
    float: left;
    margin-left:25px;
}
#gabalogo{
    position: relative;
    float: right;
}

.blueborder{
    border: 2px solid #004DA0;
    padding: 15px;
}
.feature{
    font-size: 15px;
}

div#fancy_div {
    background-color: #fff;
    color: #004DA0;
}
div#fancy_div ul{padding-left: 20px;}

#zoompointer{
    background-image: url(../images/zoom.png);
    background-repeat: no-repeat;
    position: absolute;
    display: none;
    width: 30px;
    height: 43px;
}
#alternateFlashDetailContent.right{
    text-align: right;
}

.spacerAfter1 {margin-bottom:10px;}
.spacerAfter2 {margin-bottom:20px;}
.spacerAfter3 {margin-bottom:30px;}
.spacerAfter4 {margin-bottom:40px;}
.spacerAfter5 {margin-bottom:50px;}


.spacerBefore1 {margin-top:10px;}
.spacerBefore2 {margin-top:20px;}
.spacerBefore3 {margin-top:20px;}
.spacerBefore4 {margin-top:40px;}
.spacerBefore5 {margin-top:50px;}

.clearer{clear: both}
.line{border-bottom: 1px solid #004DA0}

.adminfeedback{
    border:1px #DD3300 solid;
    padding: 1em;
}


/** bilder Text **/
img.top {
    display:block;
}

img.left{
    float:left;
    margin-right:10px;
}
img.absoluteleft{
    position: absolute;
    top: 0;
    left: 0;
}

img.right{
    float:right;
    margin-bottom:10px;
    margin-left:10px;
}
img.absoluteright{
    position: absolute;
    top: 0;
    right: 0;
}

.imgcaption{
    clear:both;
    display:block;
    font-size:0.9em;
    font-style:italic;
    padding-top:0.5em;
    position:relative;
}


/**** ****/
#formChSp {
    display:none;
}