/* CSS Document */
body{
font-size:12px;
font-family: Verdana, Arial, Helvetica;
}
#navi {
height:177px;
font-size:10.5px;
background-color:white;
padding-top:0px;
padding-left:10px;
width:780px;
letter-spacing:0.02em;
background-image:url(../pics/header.png);
background-repeat:no-repeat;
background-position:bottom left;
line-height: 1.5em; /* 18px  */
z-index:100;
margin-top:50px;
}
.logo{



padding-top:25px;
padding-bottom:20px;
padding-left:0px;
float:left;
}

div#logo-img{
float:left
}

div#logo-img img{


padding-right:25px;

}


div#logo-div{
clear:left;
width:800px;
}
#head-text{
font-size:22px;
padding-top:20px;
margin-left:20px;
width:400px;

}



div#print{
float:left;
padding-left:550px;
padding-top:20px;
}


#spacer1{
width:100%;
height:6px;
}



#spacer{
/*clear:left;*/
width:100%;
height:11px;
}







#navi, #navi a:link{

text-decoration:none;

}




#navi a:visited{

font-family: Verdana, Arial, Helvetica;
text-decoration:none;
}


.first 
{
float:left;
width:160px;
height:150px;

}
.second 
{
float:left;
width:160px;
height:150px;
}
.third 
{
float:left;
width:315px;
height:150px;
}
.fourth
{
width:775px;
padding-top:35px;


}

.active a, .active a:visited{
color:#aa2128;

}

.passive a, .passive a:link, .passive a:visited {
color:#4f3c2c;
}

.second .passive a, .passive a:visited, .passive a:link {
color:#4f3c2c;
}


.active a:hover{
color:#aa2128;

}

.passive a:hover {
color:#aa2128;
}

.second .passive a:hover {
color:#aa2128;
}


a:link, a:active, a:visited{

color:#978376;
}



a:hover{
color:#aa2128;
}



div#content{
float:none;
clear:both;
margin-top:200px;
z-index:99;
}




.left-box{
float:left;
width:156px;
padding-top: 69px;
z-index:90;
font-size:9px;
}


.content-text{

padding-left:5px;
position:relative; 
width:320px; 
top:10px; 
/*height:70%;*/
float:left;
background-color:#ffffff; 
/*overflow:auto;*/
padding-right:20px;
z-index:10;
color:#4f3c2c;
}




.content-text, .content-text p, .content-text li{
font-size:11px;
line-height: 1.3em; /* 18px */ 
margin: 0 0 1.5em 0; 
color:#4f3c2c;

}

.content-text h1{
font-size:11px;
color:#aa2128;
line-height: 1em; /* 18px */ 
font-weight:normal;
margin:0;
padding-bottom:0.2em;


}

.content-text h2{
font-size:11px;
line-height: 1.3em; /* 18px */ 
margin: 0 0 1.5em 0; 
color:#4f3c2c;
font-weight:bold;


}

.content-text li a{

padding-left:0px;
padding-right:20px;
z-index:10;
color:#4f3c2c;

}

h1 a{
padding:0px;
margin:0px;


}


.content-text ul li {
padding-top:0px;
padding-left:2px;
margin-left:0px; 
padding-bottom:7px;
margin:0px;

}
.content-text ul {

padding-left:13px;
padding-top:0px;
margin-top:0px;
margin-left:0px; 
padding-bottom:0px;
margin-bottom:0px;

}


.instructions{

font-size:9px;
line-height: 1.3em; /* 18px */ 
font-weight:normal;
margin:0;
padding-bottom:0.2em;
color:#4f3c2c;
z-index:99;



}


table.instructions {
margin-top:3px;
margin-left:10px;
line-height:1.3em;
z-index:99;


}


.instructions td{
padding-bottom:1.8em;
}



#title{
font-size:11px;
color:#aa2128;
font-weight:bold;
padding-bottom:0.2em;
}

#subtitle{
font-size:11px;
color:#aa2128;
font-weight:normal;
padding-bottom:20px;
}
#author{
font-size:11px;
color:#000000;
font-weight:normal;
padding-bottom:0.2em;

}


.hassoTitle{
font-size:9px;
padding-top:0.9em;
color:#4f3c2c;
width:99%;

}
#hassoPrevNextNav{
font-size:9px;
color: #333333;
padding-bottom: 19px;	
width:200px;
	}

#hassoPrevNextNav a{
color: #aa2128;
	}


#hassoPic{
display:block;
}

#printimg{
display:none;
}



/* fixed navi */

body,
html{
	margin:0;
	padding:0;
}
body {
	min-width:720px; /* Prevent content from becoming unreachable in Gecko */
}
/* position:absolute for all browsers - the whole page scrolls */


div#navi {
	position:absolute;
	width:100%;
	top:0;
	left:0;
}

/* position:fixed for modern browsers - header and footer do not scroll */

body>div#navi {
	position:fixed;
}
div#navi {
	
	margin:0 auto;
}


div#right-box {
	position:absolute;
	width:200px;
	top:195px;
	left:528px;
z-index:0;

padding-top:0px;
}


/* position:fixed for modern browsers - header and footer do not scroll */

body>div#content>div#right-box{
	position:fixed;
}


div#right-box{
	
	margin:0 auto;
}


/*hack vor anchors behind fixed layer */

.TLE-TITLE {
position:relative;
top:-200px;
font-weight:bold;
}


/*form */


fieldset{
width:200px;
border:0;
padding-top:30px;
padding-left:0px;

}

legend{
display:none;
}
input  {

padding-right:50px;
margin-bottom:10px;

}

textarea{
width:325px;
}