@import url(/templates/css/index.css);

    /* CSS for HS */

    body {
    background-color: #DDE5F1;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color: #ffffff;
	scrollbar-shadow-color: #37557D;
	scrollbar-3dlight-color: #37557D;
	scrollbar-arrow-color: #333333;
	scrollbar-track-color: #EDF1F8;
	scrollbar-darkshadow-color: #EDF1F8
    }

    a {
    text-decoration: underline;
    }

    td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    }

    p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 14px;
    color: #333333;
	 margin-right: 10px; 
    }

    h2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    line-height: 13px;
    font-weight: bold;
    color: #333333;
	margin-right: 35px;	
    }

    h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #CC0000;
    }

    a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #37557D;

    }
    a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #37557D;
    }
    a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #990000;
    }
    a:active {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    font-variant: normal;
    color: #990000;
    }

    div#header-picture {
    margin-top: -77px;
    margin-bottom: -22px;
    }

    div#left-content-of-2-bottom, div#left-content-of-2-no-bottom {
    width: 540px;
    }
    
    div#right-content-of-2-bottom, div#right-content-of-2-no-bottom {
    width: 230px;
    }

    table#search-results-top, table#search-results-bottom {
    background-color: #DEE6F0; 
    }
    
    td#menu-td {
    padding-left: 5px;
    padding-right: 0px;
    }

    td#top-td {
    background-image: url(/pictures/hs/top_hs.gif);
    }

    td#header-td {
    background-image: url(/pictures/hs/hs_header.jpg);
    }

    td#content-td {
    background-image: url(/pictures/hs/bg_content_hs.gif); 
    }

    td#bottom-td {
    background-image: url(/pictures/hs/bottom_hs.gif);
    }

    img#sts-circle {
    margin-top: -40px;
    margin-bottom: 5px;
    }

    div#navigation-menu-2-container {
    background-image: url(/pictures/hs/bg_menu2_hs.gif);
    }

    div#navigation-menu-2 {
    border-color: #37557D;
    background-color: #DEE6F0;
    }

    div#navigation-menu-1 ul li {
    background-color: #A3B7D6;
    border-color: #37557D;
	font-weight: bold;
    }


	div#navigation-menu-1 ul li a,
    div#navigation-menu-2 ul li a {
    text-decoration: none;
    color: #37557D;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }
    
    div#navigation-menu-1 ul li a {
    font-size: 11px;
    font-weight: bold;
    }

    div#navigation-menu-2 ul li.selected a {
    font-weight: bold;
    }

    div#navigation-menu-1 ul li.selected {
    background-color: #DEE6F0;
	font-weight: bold;
    }

    div#navigation-menu-1 ul li a {
    font-size: 11px;
    }

    div#navigation-right-content ul li {
    border-color: #black;
    }

    div#navigation-right-content ul li a {
    color: black;
    }

    div#navigation-right-content ul li.selected a {
    color: black;
    font-weight: bold;
    }


    b.rtop, b.rbottom {
    display:block;
    background: #ffffff;
    }
    
    b.rtop b, b.rbottom b {
    display:block;
    height: 1px;
    overflow: hidden; 
    background: #37557D;
    }
    
    b.r1 { margin: 0 5px }
    b.r2 { margin: 0 3px }
    b.r3 { margin: 0 2px }
    
    b.rtop b.r4, b.rbottom b.r4 {
    margin: 0 1px;
    height: 2px;
    }
	
	div.location-info-component {
    background-color: #37557D;
    }

    div.location-info-component h1 {
    font-size: 13px;
    color: #ffffff;
    }
  
    div.location-info-component p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
	line-height: 12px;
    color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 20px;
	
    }
	
	div.location-info-component a {
    color: #ffffff;
    }
	
	
    table.student-comment-component {
    border-color: #003366;
    }
 
    table#footer {
    background-image: url(/pictures/hs/bg_adarea_hs.gif);
    background-color: transparent;
    border-width: 0px;
	color: #ffffff;
    }

	table#footer tr td {
    background-color: transparent;
    }
		
	
	#footer p, #footer h1 {
	color: #ffffff;
    }

	
    div#news-box {
    background-color: #DDE5F1;
	height: 230px;
    width: 175px;
    padding: 7px 10px 7px 10px;
	margin-left: 10px;
    }

    p#descriptions {
    color: white;
    }
	
 	p#page-bottom-text {
 	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    color: white; 
    margin: 0 0 0 0; 
    padding: 0 0 0 0; 
    margin-left: 30px; 
    margin-bottom: 5px;
    }
    
    select {width:170px;}

 
	.hsorder {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #37557D;
	width: 760px;
	height: 350px;
	padding: 5px;
	background-color:#EEF2F9;
         
}




form.hsorder label {

         text-align:right;
	width:120px;
	float:left;
	padding:0.2em;
	margin:0;
	margin-top:0.3em; 
	
	}








   form.hsorder select {
	color: #37557D;
	background: #fff;
	border: 1px solid #37557D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 16px;
	float: left;
	margin: 1px;
	margin-bottom: -0.5em;
	line-height: normal;
	width:150px;
	

	}

form.hsorder textarea{
	color: #37557D;
	background: #fff;
	border: 1px solid #37557D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: auto;
	float: left;
	margin:3px;
	margin-bottom: -0.5em;
	
	
	

	}

	form.hsorder input {
	color: #37557D;
	background: #fff;
	border: 1px solid #37557D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:1px;
	margin-bottom: -0.5em;
	width: 150px;
	line-height: normal;
	
	
	}

	
    form.hsorder br {
    clear: left;
     }
 
    fieldset{
	border: 1px solid #37557D;
	padding: 6px;
	text-align: left;
	width: 350px;
	margin: 5px 3px;
	float: right;
	
	
		
	
}
fieldset#left{
	
	float:left;
	
}
fieldset#left label{
	width:150px;
	
	
}


form.hsorder span {
	color: darkred;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 5px 0px -5px;
	
		
}
form.hsorder span.alternativ {
	color: black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	
	line-height: normal;
	
		
}



    





form.hsorder .checkbox { 
margin: 3px;
margin-bottom: -0.5em;
width: 20px;
float:left;

}
form.hsorder .dropdown { 
margin: 1px;
margin-bottom: -0.5em;
width: 100px;
float: none;
display: inline;
line-height: normal;
}

legend
{
	color: #fff;
	background: #37557D;
	margin-bottom: 10px;
	padding: 2px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}

.radioinline {
	display: inline;

	clear: right;
	float: none;

}
input#submit {
	color: #660033;
	border: 2px solid #37557D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:3px;	
	float:right;
	
}