@font-face {
  font-family: saira;
  src: url(fonts/Saira-Medium.woff); /* url of the font */
}

html {
	overflow-y: scroll;
	width:100%;
}

body,html{
    width: 90%;
    height:100%;
    /*font:88% Verdana,Arial,sans-serif;*/
    color:#212529;
    background-color:#ffffff;
    line-height:1.3em;
    margin: 0 auto;
	display:block;
	font-family: saira;
	font-size:1em;
}

/* ueberschriften */
h1{
    border-bottom:1px none #000000;
    font-size:1.8em;
    margin:0;
    padding:21px 0 0px 0;
}

h2{
    color:#5B5B5B;
    font-size:1.15em;
    margin:1.5em 0 0.75em;
}

h3 {
    color:#5B5B5B;
    font-size:1.0em;
    margin:0;
}


h4{

    border-bottom:1px solid #BBD3EF;
    border-top:1px solid #BBD3EF;
    font-size:1 em;
    margin:0;
    padding:2px 0 2px 0;
}

hr {
    width: 60%;
    height: 0,5px;
    color:#FFFFFF;
    margin: 0px 80px 0px 150px;
}

.order_head
{
    color:#5B5B5B;
    font-size:1.0em;
    margin:10px 0 5px 0;
}


/* links */
a{
    background-color:inherit;
                    color:#003399;
                    /*color:#2C5A93;*/
    text-decoration:none;
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
}

    a:hover{
        color:#054295;
        /*color:#2C5A93;*/
        text-decoration:underline;
    }

    a img{
        border:0px;
    }

/* formulare */
form {
    margin:0;
}
input{
    font-size:20px !important;
    font-family:saira;

}
textarea {
    font-size:1em;
    font-family:Verdana,Tahoma,Arial,sans-serif;
    overflow: scroll;
    overflow-y: scroll;
    overflow-x: scroll;
}
input[type=submit] {
    font-size:20px;
	border-radius:7px;
	height:30px;
	line-height:2px;
}
input[type=submit]:hover {
	background-color: #CCC;
}	
input[type=text] {
    font-size:1em;
}

input[type=file] {
    font-size:0.8em;
}

input[type=password] {
    font-size:1em;
}

select
{
    font-size:1em;
    font-family:Verdana,Tahoma,Arial,sans-serif;
}
p {
    margin:0;
}
/* kopfbereich mit banner, logo, kopfnavigation
------------------------------------------------------*/
#head {
    margin:0;
    padding-bottom:0px;
    #margin: 0px 0px 0px 0px;
    width:1000px;
    height: 106px;
    #background-color:red;
}

    #head li {
        border-left:1px dotted #054295;
        float:left;
    }

    
        #head li a {
            display:block;
            padding:0 10px;
        }
        #head li a:hover {
            text-decoration:none;
        }
    #head .wappen {
        float:right;
        margin-top:0px;
        width:340px;
    }
        #head .wappen img {
            float:right;
        padding-right: 10px;
        }
    #head .banner
    {
    margin-top: 10px;
    }



    #head .hamburg_logo_box
    { 
    width:175px;
    height:85px;
    line-height:10pt;
    margin: 0px 0px 0px 10px;
	padding:0px 0px 0px 5px;
    font-size:6pt;
    font-family:arial;
    #background-color:yellow;
    display:block;
    float:left;
    }
    
    #head IMG.left
    {
    display: block;
    margin: 5px auto auto 0px;
    }
    
    #head .sapos_logo_box
    { 
    height:85px;
    width:60%;
    line-height:10pt;
    margin: 40px 0px -40px 36px;
    font-size:10pt;
    font-family:arial;
    #background-color:green;
    display:block;
    float:left;
    }
    
    #head IMG.centered
    {
    display: block;
    margin: 4% auto -15px auto;
    }
    
    #head .lvermgeo_logo_box
    { 
    width:10%;
	height:85px;
    line-height:10pt;
    margin: 0px 0px 0px 0px;
    font-size:10pt;
    font-family:arial;
    #background-color:blue;
    display:block;
    float:right;
    }
    
    #head IMG.right
    {
    display: block;
    margin: 5px 5px;
    }
    




    #not_allowed{
    background-color:#EEEEEE;
	border: 1px solid #A1A1A1;
	width:70%;
	margin: 0 auto 0 auto;
	padding:10px 10px 10px 10px;
	color:#fe0000;
	font-weight:bold;
    font:100% Verdana,Arial,sans-serif;
	line-height:20px;
    }

	#login_please{
    background-color:#EEEEEE;
	border: 1px solid #A1A1A1;
	width:70%;
	margin: 0 auto 0 auto;
	padding:10px 10px 10px 10px;
	color:#717171;
	font-weight:normal;
    font:92% Verdana,Arial,sans-serif;
	line-height:20px;
    }

	
	/*glossar anfang*/
	#foldout_glossar1,#foldout_glossar2,#foldout_glossar3,#foldout_glossar4,#foldout_glossar5,#foldout_glossar6,#foldout_glossar7,#foldout_glossar8,#foldout_glossar9,#foldout_glossar10, 
	#foldout_glossar11,#foldout_glossar12,#foldout_glossar13,#foldout_glossar14,#foldout_glossar15,#foldout_glossar16,#foldout_glossar17
	{
	border:1px solid #A1A1A1;
	background-color:#DDDDDD;
	padding:5px 5px 5px 5px;
	margin-left:15px;
	width:584px;
	}
	

	
	#token_glossar{
	width:100px;
	padding:5px 5px 5px 5px;
	margin-left:5px;
	float:left;
	}
	
	#name_glossar{
	width:500px;
	padding:5px 5px 5px 5px;
	margin-left:100px;
	}
	
	
	
	
	
	
	
	/*glossar ende*/
	

    #head .head_navi {
	  	margin: 2px 0px 0 0px;
        float:left;
        width:1000px;  
	  	font-weight:bold;
    }
    
    
    #head .head_navi {
        /*background:#054295;*/
	  	background:#FFFFFF;
        /*background:#2C5A93;*/
        color:#054295;
	  	height: 22px;
    }
    #head .head_navi ul {
        margin:0.2em 0;
        padding-left:30px;
    }
    #head .head_navi ul li {
        font-size:1.0em;
        line-height:1.4em;
        list-style-type: none;
	  }
    #head .head_navi ul li a {
        /*color:#FFFFFF;*/
	  	color:#054295;			
    }
    #head .head_subnavi ul {
        margin:26px 0 0 60px;
        padding-left: 0;
    }
    #head .head_subnavi ul li {
        border-color:#054295;
        /*border-color:#2C5A93;*/
        line-height:1.6em;
        list-style-type: none;    
	}
    #head .head_subnavi ul li a {
       font-weight:bold;
    }
	#site{
/*  background-image:url('/images/html/background.png'); */
    background-repeat: repeat-y;
    clear:both;
    width:100%;
    z-index:1;
}

    /* kekse */
    p.kekse {
        #background:#869EBF;
		background:#FFFFFF;
        line-height:1.5em;
        color:#054295;
		font-weight:bold;
        font-family:Arial;
        font-size:11pt;
        margin:-10px 0 30px 0;
        padding:0 0 0 15px;
        width:100%;
		
    }

/* globale menue spalte
-----------------------*/

#navi {
    margin:0px 0 0 0px;

    clear: left;
    float: center;
    width: 100%;
}

#main
{
    background: none repeat scroll 0 0 #FFFFFF;
    /*margin: 0 0 0 200px;
        padding: 1px 10px 4em 20px;

	min-height: 320px;*/
    width: 100%;
    position: relative;
	display:block;

}

#box{
    width:100%;
    padding:0px;
    margin:-16px;
    background-color:#ffffff;
    text-align:left;
    z-index: 1000;
    position: relative;
      min-height: 100%; /* Fuer moderne Browser */
      height: auto !important; /* Fuer moderne Browser */
     height: 100%; /* Fuer IE */
    box-shadow: 2px 0 10px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 2px 0px 10px 2px rgba(0, 0, 0, 0.4);
    
    
}

#footer {
    border-top-width:0px;
    border-top-color: #BBD3EF;
    border-top-style:solid;
    bottom: 0;
    /*line-height: 25px;*/
	text-decoration:none;
    /*position: absolute;*/
	margin-top:20px;
	margin-left:40%;
    width: 680px;
}
    #navi ul {
        padding:0;
        margin:0;
/*display:block;*/
    }

#balibo_new_box {

   margin: -25px 5px 5px 50px !important;
  
}
/*
#balibo_new_box strong:nth-of-type(1) {
	margin:0 0 0 0px;
	padding: 0 0 0 0;
}
.h_genauigkeit {
	margin-left:-13px;
	padding:0;
}
#genauigket_prob {
	margin-left:10px !important;
}
*/
strong {
	font-size:19px !important;
}
    /* seiten-navigation */


	
	
	.new_menu_level0{
		font-weight:bold;
        padding: 4px 0px 4px 10px;
        font-size:1em;
        color:#054295;
        list-style-type: none;
        margin-bottom:1px;
	}
	.new_menu_level1{
		padding: 3px 0px 3px 15px;
        font-size:0.9em;
        list-style-type: none;
        margin-bottom:1px;
		
	}
	.new_menu_level2{
		
		padding: 3px 0px 3px 15px;
        font-size:0.9em;
        list-style-type: none;
        margin-bottom:1px;
	}
	.new_menu_level3{
		padding: 3px 0px 3px 24px;
        font-size:0.9em;
		font-style:italic;
        list-style-type: none;
        margin-bottom:1px;
		
	}
	

        
        /*hardcoded Lvermgeo sh*/
        
        #level1_hardcoded {
        /*background-color:#054295;*/
		font-weight:bold;
        padding: 4px 0px 4px 10px;
        font-size:1em;
        color:#054295;
        list-style-type: none;
        margin-bottom:1px;
		/*border-bottom:1px dotted #2f4f4f;*/
        }
        
        #level1_hardcoded a:link {
        color:#054295;
		font-weight:bold;
        }
        
        #level1_hardcoded a:hover{
        text-decoration:underline;
        }
        

        #menu_hover a :hover{
        text-decoration:underline;
        }

        #level2_hardcoded  {
        /*background-color:#EDEDED;*/
        padding: 3px 0px 3px 15px;
        font-size:0.9em;
        list-style-type: none;
        margin-bottom:1px;
        }
        
		
		#level2_hardcoded a:hover{
        text-decoration:underline;
        }



/* fuss-zeile
-----------------------*/
#foot {
    background:#FFFFFF;
    clear:both;
    line-height:1.5em;
    padding-top:5px;
    width:880px;
}

    #foot .foot_links {
        text-align:center;
    }

    #foot .foot_source {
        display:none;
        font-weight:bold;
    }



/*----------------------
  klassen definitionen
----------------------*/

/* keine float-effekte mehr */
.clear {
    clear:both !important;
    height:0 !important;
    float:none !important;
    width:100% !important;
    line-height: 0 !important;
    font-size: 0 !important;
}

.hidden {
    display:none;
}

/* linke und rechte ausrichtung */
.right{
    float:right;
}

.left{
    float:left;
}

.anchor {
    clear:both;
    display:block;
    padding-top: 25px;
    text-align:right;
    width:100% !important;
}

/* artikel-teaser */
p.teaser{
    font-style:italic;
}

/* brotkrumen */
.last_bread_crumb {
    font-weight:bold;
}

.bread_crumb {
    font-weight:normal;
    color:#ffffff;
}

.current_date
{
    float: right;
    margin-right: 15px;
    margin-top: 0px;
    font-size:16px;
	font-family:saira;
    color:#054295;
}
.error {
    border:1px solid #CCCCCC;
    color:red;
    font-weight:bold;
    margin:5px;
    padding:5px;
}

div {
	margin:10px 0 10px 0;
}

div#loginbox
{
    #clear: left;
    #float: left;
	position:relative;
	left: 50px;
    border:1px solid #BBD3EF;
    #border-bottom:1px solid #BBD3EF;
	margin-top:85px;
	margin-left:150px;
    #margin-bottom:0px;
    #margin-top: -1px;
    width:165px;
}

div#loginbox h3
{
    /*background-color:#EEF3FB;*/
    margin:0;
    padding:1px 0 0 10px;
    background:#EEF3FB;
    font-size:0.90em;
    color: #000000;
    height: 25px;
}

div#loginbox div
{
    margin:8px 0 0 6px;
}

div#loginbox p {
    margin: 0;
    padding: 0;    
}

div#loginbox .content {
    margin: 0 0 9px 5px;
    padding: 0;
    font-size:0.9em;
}

div#loginbox .submit {
    margin: 5px 0 0 0;
    padding: 0;
}

div#loginbox .errormsg {
    color:red;
    margin: 5px 0 0 0;
}

div#loginbox .logout {
    margin: 0 0 0 4px;
}

div#loginbox label {
    text-align: right;
    float: left;
    width: 45px;
    margin: 0 5px 0 0;
}

div#loginbox input
{
    width:90px;
}

div#loginbox img {
    margin: 0;
    padding: 0;
    left: 0px;
    top: 3px;
    position: relative;    
}

.cartimg {
    margin: 0;
    padding: 0 5px 0 0;
    left: 0px;
    top: 3px;
    position: relative;
}

div#cart
{
    clear: left;
    float: left;
    border-top:1px solid #BBD3EF;
    border-bottom:1px solid #BBD3EF;
    margin-bottom:10px;
    margin-top: 10px;
    width:165px;   
}

div#cart h3
{
    /*background-color:#EEF3FB;*/
    margin:0;
    padding:1px 0 0 10px;
    background:#EEF3FB;
    font-size:0.90em;
    color: #000000;
    height: 25px;
}

div#cart div
{
    margin:8px 0 0 6px;
}

div#cart p {
    margin: 0;
    padding: 0;
}

div#cart .content {
    margin: 0 0 9px 5px;
    padding: 0;
    font-size:0.9em;
}

div#cart img {
    margin: 0;
    padding: 0;
    left: 0px;
    top: 3px;
    position: relative;
}

.addimage {
    margin: 0 5px 0 5px;
    padding: 0;
    left: 0px;
    top: 0px;
    position: relative;
}

#tinymce
{
    margin: 8px;
}

.cms
{
    width: 100%;
    margin: 0 0 10px 0;
    height: 20px;
}

.cms a
{
    float: right;
}

input.small, select.small {
    width: 50px;
}

input.medium {
    width: 85px;
}

select.medium {
    width: 65px;
}

select.xmedium {
    width: 100px;
}

input.large {
    width: 200px;
}

select.large {
    width: 200px;
}

  /* tabellen */
    #substance table {
        clear:both;
        font-size:inherit;
    }
        #substance td, #substance th, #substance .cell {
            background:#EFF2FA;
            border:1px solid #CCCCCC;
            padding:2px;
        }

    #substance .banner img {
            margin: 10px 0 0 0;
        }

.rinex_input
{
    margin-top:10px;
}

.rinex_input_label
{
    width: 100px;
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
    height: 22px;
}

.rinex_input_content
{
    height: 22px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 10px;
}

.rinex_input_info
{
    color:#AFAFAF;
}

.rinex_input_error
{
    color:red;
}

.tm_input
{
    margin-top:5px;
}

.tm_input_info
{
    color:#AFAFAF;
}

.tm_input_label
{
    width: 150px;
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
    height: 22px;
}

.tm_input_label_no_border
{
    width: 150px;
    padding-left: 3px;
    height: 22px;
}

.tm_input_content
{
    height: 22px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 10px;
}

.tm_down_img
{
    height: 22px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 30px;
}

.tm_down_label
{
    height: 22px;
    border-bottom: 1px solid #FFFFFF;
    padding-left: 10px;
}

.tm_input_error
{
    color:red;
}

.compact_table
{
    padding: 0;
    border: 0px solid #CCCCCC;
    margin: 0;
}

.opaque {
    font-size:0.8em;background:transparent;color:black
    /*font-size:0.8em;background:url('../img/white_70.png');*/
}

.opaquehe {
    font-size:0.8em;background:transparent;color:blue
    /*font-size:0.8em;background:url('../img/white_70.png');*/
}

.td_bs_header_content
{
    border-bottom: 1px solid #FFFFFF;
    height: 22px;
    padding-left: 10px;
}

.td_bs_header_label
{
    width: 100px;    
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
    height: 22px;
}

.td_bs_header_checked
{
    width: 20px;
    height: 22px;
}

.sp_bs_header_content
{
    margin-left: 17px;
}

.table_bs_header_content
{
    margin-left: 0px;    
}

/*
GWEEK-CSS
*/

.gweek_label
{
    width: 200px;
    border-bottom: 1px solid #CCCCCC;
    padding-left: 3px;
    height: 22px;
}

.td_border_top
{
    border-top:1px solid #E2E2E2;
}