/*file: intevation.css***********************************/
/********************************************************/
/*autor:benjamin kirschner benni.kirschner@intevation.de*/
/********************************************************/
/*style (layout) css for intevation website**************/
/********************************************************/
* { 	
	padding:0;
	margin:0;
}

/****************************/
/*COMMON SELECTORS***********/
/****************************/
body {
	font-family:"Lucida Grande",Geneva,Verdana,Arial,Helvetica,sans-serif;
	font-size:76%;
	font-size-adjust:none;
	font-stretch:normal;		
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
	padding:0pt;
    text-decoration:none;
    text-align:center;
    height:100%;
 }

h1 {
        font-size:120%;
        margin: 10px 0;
}
h2 {
        font-size:100%;
	margin: 5px 0;
}

h1 b, h2 b {
        font-size:115%;
}

h1, h2, h3 {
        clear:both;
}

h3 {	
        margin:5px 0;
        font-size:90%;
}

h3 b {
        font-size:100%;
}

h3.underline{
        font-size:100%;
        border-bottom: 1px dotted #babdc2;
        margin-bottom: 10px;
}

h4 { 
        font-size:90%; 
        margin-bottom:0.1em;}

ul {
        padding:0 0 0.5em 0;
        list-style-image:url(images/icons/square_upper.gif);
}

ul li {
        margin:0 0 0 1.3em;
}

p {
        padding: 0 0 1em 0;
}

b {
        font-size:95%;
}

img, a img {
        float:left;
        padding:0 5px 0 0;
        margin: 0 5px 0 0;
}


/****************************/
/*SKIPLINKS******************/
/****************************/
.skiplink a {
        position: absolute;
        top: -900px;
        left: 0;
        padding: 0 5px;
        font-size: 100%;
        z-index: 100;
}
.skiplink a:focus {
        left:120px;
        top:0px;
}

.skiplink a img {
        float:none;
        border:none;
}

/****************************/
/*LINK ELEMENTS**************/
/****************************/
a {
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration:underline;
	cursor:pointer;
}

h3 a, li a{
	text-decoration:none;
}

/****************************/
/*CLEARS*********************/
/****************************/

#clearer, #footer, .clearer {
         clear:both;
}

/****************************/
/*STANDARD CLASS FORMAT******/
/****************************/
#content_centerbox .img_text_100{
        float:none;
}

.img_text_25 {
         float:left;
         width:33%;
}

/*standard*/

#content_centerbox .standard_img {
        padding:0.5em 0 0 0;
	position:absolute;
        left:-42.5%;
        text-align:right;
        overflow:hidden;
}

.dotted_list li a {
        display:block;
}

.dotted_list li a:hover {
        text-decoration:none;
}


/****************************/
/*HEADER*********************/
/****************************/
#wrapper {
        min-width:1010px;
        width:auto!important;
        width:1015px;
	max-width:65em;
	margin:0 auto;
        text-align:left;
        clear:both;
        padding:0 10px;
}

#outer_header_wrapper {
        margin:15px 0 15px 0;
        height:87px;
        background:url(images/graphics/test_back_blue_re.png) repeat-x;
        min-height:102px;
}

#headmenu {
        font-size:92%;
        padding:0 3% 0 0;
        text-align:right;
        margin-bottom:10px;
}

#headmenu a {
        text-decoration:none;
}

#logo {
        position:relative;
        padding:0 10px 0 10px;
        left:-10px;
        top: 8px;
}

.language {
	padding:0 51px 0.5em 0;
}

.head_span img {
        float:none;
        padding:0 0.3em 0 0;
        margin:0;
        border:none;
}

.head_span {
        padding:0 0.2em 0 0;
}

/****************************/
/*SEARCH*********************/
/****************************/
.search_submit {
	font-size:100%;
}

.search_submit:hover {
	cursor:pointer;
	text-decoration:underline;
}

.search_text{
        width:39%;
        padding:0.2em 0;
}
#content_search_box {
        width:102%;
        overflow:hidden;
        position:relative;
}

#content_search_box table{
        width:100%;
        font-size:100%;
}

#content_search_box form{
        margin:0.2em 0 0 0;
        padding:0.4em;
}

#form_text {
        padding:0.1em 0;
        width:80%;
}

#form_image {
        vertical-align:bottom;
}

/****************************/
/*MAIN NAVIGATION************/
/****************************/
#headnavi {
	margin:0 0 0 2%;
	min-height:60px;
	overflow:hidden;
}

#headnavi a {
	line-height:1em;
        font-size:100%;
}


#headnavi ul {
	list-style-image:none;
	list-style-type:none;
}

#headnavi ul li {
        position:relative;
	margin:0;
	padding:0;
	float:left;
        list-style-type:none;
        list-style-image:none;
		
}

#headnavi ul li a {
	padding: 0.5em 1.5em 0.3em;
	text-decoration:none;
	margin:0;
        font-weight:bold;
}

#headnavi ul ul li a {
        font-weight:normal;
}

#headnavi li.selected {
        padding: 0.3em 1.5em 0.3em 1.5em;
	line-height:1em;
        font-size:100%;
        text-decoration:none;
        margin:0;
}


#headnavi ul ul.subheadnavi_left {
        margin:2em 0pt 0 0;
        padding:0 0 0 1em;
        font-size:92%;
        position:absolute;

}

#headnavi ul ul.subheadnavi_left_li_iefix {
        margin:2em 0pt 0 19.8em;
}

#headnavi ul ul.subheadnavi_left_li_iefix_de {
        margin:2em 0pt 0 19.2em;
}

#headnavi ul ul.subheadnavi_right {
        margin:2em 0pt 0pt 23.1em;
        font-size:92%; 
        position:absolute;
}

#headnavi ul ul.subheadnavi_right_iefix_de {
        margin:2em 0pt 0pt 18.2em;
}

#headnavi ul ul.subheadnavi_left li, #headnavi ul ul.subheadnavi_right li {
        padding:0;
        margin:0;
        display:inline;
}

#headnavi ul ul.subheadnavi_left li a, #headnavi ul ul.subheadnavi_right li a {
        padding: 0.5em 0.6em 0.3em;
        display:inline;
}

#headnavi ul ul.subheadnavi_left li.subselected,  #headnavi ul ul.subheadnavi_right li.subselected{
        text-decoration:none;
        padding:0 0.6em 0.2em 0.6em;
        margin:0;
}

#headnavi ul ul.subheadnavi_left li.subselected_click a, #headnavi ul ul.subheadnavi_right li.subselected_click a {
        text-decoration:none;
}

ul.subheadnavi_right {
             margin:0 0 0 15%;            
}


#headnavi li:hover ul, #headnavi ul li a:hover ul {
		display:block;
}


/****************************/
/*CONTENT FORMATS************/
/****************************/

/*********/
/*News****/
/*********/

.news_article {
           position:relative;
}

.news_article h2 {
           font-size:105%;
}

ul.news_list {
           padding:0 0 1em 0;
           list-style-type:none;
           list-style-image:url(images/icons/square_upper.gif);
}

#news_archive_abo {
           padding:0.5em 0 0 0;
}

#news_archive_abo a img {
        float:right;
        padding:0 5px 0 0;
        margin: 0 5px 0 0;
}


.date {
           padding:0.2em 0.6em 0.4em 0.2em;
           margin:0.4em 0 0 0;
	   position:absolute;
           left:-8em;
}

.date_day {
	   font-size:390%;
           line-height:0.8em;       
}

.date_month_year, .ew_day {
           text-align:right;
}

/******************************/
/*Clients, Partner, References*/
/******************************/
.partner, .reference {
           clear: both;
}
.client img, .partner img, .reference img {
           padding: 0 !important;
}
.client .logo, .partner .logo, .reference .logo {
           padding-right:9px;
           float: left;
           width:170px;
           height:150px;
           overflow:hidden;
}
.partner .logo, .reference .logo {
           height:100px;
}


/*********/
/*press***/
/*********/
.press {
        position:relative;
}

/*********/
/*address*/
/*********/
#address ul {
        list-style-type:none;
        list-style-image:none;
        padding:0 0 2em 0;
}

#address ul li {
        padding:0;
        margin:0;
        list-style-type:none;
        list-style-image:none;
}

#address_phone_mail {
        clear:both;
}
div.address_person {
        margin:0 0 0.5em 0;
}

li.address_person_box {
        clear:both;
}

p.address_person_job {
        padding:0; margin:0;
}

#address ul li a.address_homepage {
        text-align:left;
        float:left;
        display:block;
        width:30%;
}

#address ul li a:hover.address_homepage {
        text-decoration:none;
}

#address ul li .address_person {
        float:left;
        width:24em
}

/**********************************/
/*services - geospatial - training*/
/**********************************/
.appointment_expired {
           text-decoration:line-through;
}

#appointment_training ul  {
           text-decoration:none;
}

#appointment_training ul li, #appointment_training ul {
           list-style-type:none;
           list-style-image:none;
           padding:0;
           margin:0;
}

#appointment_training li {
          margin:0;
}

#appointment_training ul ul li {
           list-style-type:square;
           padding:0 0 0 0.4em;
           margin:0 0 0 1.3em;
}

#appointment_training ul ul {
           padding:0 0 0.8em 0;
}

#appointment_training ul li , #appointment_training ul ul li {
           line-height:1.2em;
}

/****************************/
/*CONTENT - BOX**************/
/****************************/
#outer_content_wrapper {
        min-width:1010px;
        width:auto!important;
	max-width:65em;
	margin:0 auto;
        clear:both; 
}

#content_wrapper {
	width:80%;
	height:auto;

}

#content_centerbox {
	width:76%!important;
        width:720px;
        min-width:720px;
	float:left;
	/*background:url(images/centerbox.png) repeat-x;*/
        background:url(images/graphics/centerbox_grey.png) repeat-x;
}

#content_centerbox_box {
        margin:0 0 0 30%;
        position:relative;
}
#content_centerbox img {
	border:none;
	padding:6px 0;
}

.content_leftbox, .submenu_leftbox {
	/*background:url(images/leftbox.png) no-repeat;*/
        background:url(images/graphics/leftbox_grey.png) no-repeat;
}

.content_rightbox, .submenu_rightbox, .content_rightbox, .submenu_rightbox {
	/*background:url(images/rightbox.png) no-repeat;*/
        background:url(images/graphics/rightbox_grey.png) no-repeat;
}

.content_leftbox, .content_rightbox{
	width:11px;
	height:87px;
	float:left;	
}
#content {
           position:relative;
}

#content_submenu {
           max-width:180px;
           overflow:hidden;
	   position:absolute;
           left:-42%;
}

#content_submenu ul {
        list-style-type:none;
        list-style-image:none;
        padding:0;
}

#content_submenu ul li{
        list-style-type:none;
        list-style-image:none;
}
#content_submenu ul ul li{
        list-style-type:none;
        list-style-image:none;
}

#content_submenu a:hover {
        text-decoration:none;
}

.content_service_box {
        margin:0.5em 0pt;
        padding:0.2em;
        width:65%;
        background:url(images/graphics/geospatial_box.png) no-repeat bottom right;
}
.content_project_box ul {
        list-style-image:none;
}

.content_service_box ul, .content_project_box ul ul{
        list-style-image:url(images/icons/square_upper.gif);
}

.content_service_box ul li a, .content_project_box ul li ul li a{
        display:block;
        padding:0 0.2em;
}

.content_service_box ul li a:hover, .content_project_box ul li ul li a:hover {
        text-decoration:none;
}

.content_project_box {
        margin:0.5em 0pt;
        padding:0.2em;
        width:75%;
}

.content_project_box ul li{
        list-style-type:none;
        padding:0 0.2em;
        margin:0;
}

.content_project_box ul li ul li{
       list-style-type:square;
       margin:0 0 0 1.3em;
}
.content_training_box {
       margin:0.5em 0pt;
       padding:0.2em;
       width:54%;
}

.content_ref_box {
        padding:0.5em 0;
        clear:both;
}

.content_ref_box p{
        padding:0;
}


/*****************************************/
/*CONTENT - NAVIGATION AND SUBNAVIGATION**/
/*****************************************/
#submenu {
        float:right;
}


.submenu_leftbox, .submenu_rightbox {
        width:11px;
	height:87px;
	float:left;	
}

li.submenu_news_li a:hover {
       text-decoration:none;
}

.submenu_wrapper {
	min-width:180px;
	float:left;
	margin:0 4px;
}

.submenu_wrapper_right {
	width:16%;
	min-width:180px;
	float:left;
	margin:0 10px 0 4px;
}

.submenu_centerbox {
	width:12.1em;
        min-width:100px;
	float:left;
	/*background:url(images/centerbox.png) repeat-x;*/
        background:url(images/graphics/centerbox_grey.png) repeat-x;
	overflow:hidden;
}

.submenu_centerbox ul, .submenu_centerbox li {
	list-style-type:none;
        list-style-image:none;
        margin:0;
        padding:0;
}


#sitemap ul li {
        list-style-type:none;
        list-style-image:none;
        margin: 0 0 0 0;
}

#sitemap ul ul li {
        list-style-image:url(images/icons/square_upper.gif);
        margin: 0 0 0 1.3em;
}


#footer {
        height:4em;
}

.w100 {
        width:100%;
}
