/*-------------------------------------------------------------------------- 
	Style Definitionen für "IGB AG" Relaunch 2010
	
	Lombego Systems, Jens Papenroth 2010
	
	rgb(242,244,244)	#F2F4F4 	light grey
	rgb(120,130,140)	#78828C		dark grey
	rgb(0,80,140)		#00508C		darker blue
			
-------------------------------------------------------------------------- */   

/*--------------------------------------------------*/
@import url('navigation.css');
@import url('content.css');
/*--------------------------------------------------*/

html{
	height: 100%;
}

body{
	height: 100%;
	width: 100%;	
	font-size: 12px;
	line-height: 20px;
	font-family: Lucida Grande, Verdana, Arial;	
	margin: 0px;	
	background: #F2F4F4 url('../img/hintergrundverlauf.png') repeat-x top left;
}

.cb{
	clear: both;
	font-size: 0px;
	height: 0px;
	line-height: 0px;
}

.site_wrapper{
	margin: 0px auto;
	width: 930px;
	padding: 0px 40px;
}

.header{
	float: left;
	width: 930px;
	height: 130px;
	position: relative;
}

.logo{
	background: transparent url('../img/igb-logo.png') no-repeat top left;
	float: left;
	height: 130px;
	width: 250px;
	position: absolute;
	top: 0px;
	left: -10px;
}

.top_menu{
	float: right;
	height: 30px;
	width: 690px;
	position: absolute;
	top: 0px;
	right: 0px;
}

.lang_nav{
	float: right;
	height: 20px;
	width: 200px;
	padding: 0px 0px 5px 0px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	color: #78828C;
	text-align: right;
	
	
	display: none; /* vorerst keine englische Version*/
}

.content{
	float: left;
	width: 930px;
	position: relative;
}

/** Startseite  */

.start_marginalie{
	float: left;
	width: 210px;
	height: 560px;
	padding: 10px;
	background: #F2F4F4 url('../img/hintergrundverlauf-startbox.png') repeat-x top left;
}

.fading_area_start{
	float: right;
	width: 700px;
}

.fading_area_start .fading_element{
	float: right;
	width: 700px;
}

.start_image_container{
	float: right;
	width: 700px;
	position: relative;
	z-index: 1;
}

.start_image_container img{
	float: right;
}


.bottom_box{
	float: left;
	height: 130px;
	width: 220px;
	padding: 10px 0px 0px 10px;
}

.bottom_box_last{
	width: 230px;		
}


/* Geschaeftsfelder */

.fading_area_full_width{
	float: left;
	width: 930px;
}

.fading_area_full_width .fading_element{
	float: left;
	width: 930px;
}

.full_width_image_container{
	float: left;
	width: 930px;
	position: relative;
	z-index: 1;
}

.full_width_image_container img{
	float: left;
}

.bottom_box_first{
	width: 230px;
	padding: 10px 0px 0px 0px;		
}

.tab_nav{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 66;
	height: 30px;
	width: 630px;
}


/*
	Dimensionen
*/

#flash_container{
	height: 440px;
}

/* Unternehmen */

.image_txt_content_2_col{
	float: left;
	width: 890px;
	height: 360px;
	background: transparent url('../img/hintergrundverlauf-image-textbereich.png') repeat-x top left;
	padding: 60px 20px 20px 20px;
	color: #00508C;	
}

.txt_content_left_col{
	float: left;
	width: 425px;
}

.txt_content_right_col{
	float: right;
	width: 425px;
}


/* Impressum */

.image_txt_content_3_col{
	float: left;
	width: 890px;
	height: 360px;
	background: transparent url('../img/hintergrundverlauf-image-textbereich.png') repeat-x top left;
	padding: 60px 20px 20px 20px;
	color: #00508C;	
}

.txt_content_3c_left_col{
	float: left;
	width: 275px;
	padding: 0px 15px 0px 0px;
}

.txt_content_3c_middle_col{
	float: left;
	width: 275px;
	padding: 0px 15px 0px 15px;
}

.txt_content_3c_right_col{
	float: right;
	width: 275px;
	padding: 0px 0px 0px 15px;
}


/* Content Area */

.content_bg{
	background: #A5B4B4 url('../img/hintergrundverlauf-inhalt.png') repeat-x top left;
	padding: 10px 10px 0px 10px;
	width: 910px;
	float: left;
}

.content_marginalie_left{
	float: left;
	width: 220px;
/*	height: 560px; */
	padding: 0px 0px 10px 0px;	
}

.content_content{
	float: right;
	width: 680px;
}

.content_image_slideshow{
	padding: 0px 0px 10px 0px;
}

.content_center{
	background-color: #FFF;
	padding: 10px;
	width: 430px;
	float: left;
	
	min-height: 509px; /* http://www.igb-printfactory.de/index.php?id=90 */ 
	height: expression(537 + "px"); /*ie6*/

	
	
	padding: 3px 10px 10px 10px; /* gleicht Cufon H1 aus*/
	
	margin: 0px 0px 10px 0px;
}

.content_marginalie_right{
	float: right;
	width: 220px;
}

.content_marginalie_right .box{
	float: left;
	width: 200px;
	padding: 10px;
	background: #868F98 url('../img/hintergrundverlauf-box.png') repeat-x top left;
	color: #FFF;
	margin: 0px 0px 10px 0px;
}

.content_marginalie_right .hint_person{
	float: left;
	width: 200px;
	height: 140px;
	background: transparent url('../img/tipp-orange-stieff.png') no-repeat top left;
}

#hint_person_pf{
	background: transparent url('../img/tipp-orange-engelhardt.png') no-repeat center bottom;
}

#hint_person_sz{
	background: transparent url('../img/tipp-hellblau-kolodziej.png') no-repeat center bottom;
}

#hint_person_gb{
	background: transparent url('../img/tipp-gruen-hoecker.png') no-repeat center bottom;
}

.content_marginalie_right .hint_txt{
	background-color: #FFF;
	color: #0050A0;
	width: 180px;
	padding: 10px;
	float: left;
}

.content_marginalie_right .extended_tipp{
	float: left;
	width: 180px;
	padding: 0px 0px 0px 0px;
}

input.marginalie_input{
	display: block;
	float: left;
	width: 110px;
	height: 16px;
	line-height: 16px;
	margin: 7px 0px 0px 0px;
	padding: 0px 0px 0px 10px!important;
	font-size: 12px;
	color: #0050A0;
}

input.marginalie_button{
	display: block;
	float: right;
	width: 70px;
	height: 20px;
	line-height: 20px;
	background: transparent url('../img/button-20-hintergrundverlauf.png') repeat-x top left;
	color: #0050A0;
	border: 0px;
	cursor: pointer;
	margin: 7px 0px 0px 0px;
}
input.marginalie_button:hover{
	background: transparent url('../img/button-20-hintergrundverlauf-hover.png') repeat-x top left;	
	color: #FFFFFF;
}

.hint_txt .ui-state-active{
	display: none!important;
}


/*
	Formular Marginalie Powermail
*/

.content_marginalie_right h1, .content_marginalie_right legend, .content_marginalie_right label{
	display: none;
}

.content_marginalie_right fieldset{
	display: block;
	border: 0px;
	margin: 0px;
	padding: 0px;
}

.content_marginalie_right .tx_powermail_pi1_fieldwrap_html_text input{
	display: block;
	float: left;
	width: 110px;
	height: 18px;
	line-height: 16px;
	margin: 7px 0px 0px 0px;
	padding: 2px 0px 0px 10px!important;
	font-size: 13px;
	color: #0050A0;
}

.content_marginalie_right .tx_powermail_pi1_fieldwrap_html_submit input{
	display: block;
	float: right;
	width: 70px;
	height: 20px;
	line-height: 20px;
	background: transparent url('../img/button-20-hintergrundverlauf.png') repeat-x top left;
	color: #0050A0;
	border: 0px;
	cursor: pointer;
	margin: 7px 0px 0px 0px;
}
.content_marginalie_right .tx_powermail_pi1_fieldwrap_html_submit input:hover{
	background: transparent url('../img/button-20-hintergrundverlauf-hover.png') repeat-x top left;	
	color: #FFFFFF;
}


/*
	Overlay
*/
/* Start Powermail */
.overlay_form legend{
	display: none;
}

.overlay_form fieldset{
	border: 0px;
	display: block;
	margin: 0px;
	padding: 0px;
}

.overlay_form h1, .overlay_form label{
	display: none;
}

.tx_powermail_pi1_fieldwrap_html_text input{ /*overwritten for ie6*/
	display: block;
	float: left;
	margin: 0px 0px 10px 10px;
	width: 190px;
	height: 20px;
	color: #0050A0;
	background-color: #FFF;
	padding: 0px 0px 0px 10px;
	border: 0px;
}

.tx_powermail_pi1_fieldwrap_html_submit input{
	display: block;
	float: left;
	border: 0px;
	width: 220px;
	background: transparent url('../img/button-broschuere.png') no-repeat top left;
	height: 30px;
	padding: 0px;
	cursor: pointer;
}
.tx_powermail_pi1_fieldwrap_html_submit input:hover{
	background: transparent url('../img/button-broschuere-hover.png') no-repeat top left;
}

#powermaildiv_uid8 input{
	width: 130px;
	
}

#powermaildiv_uid9 input{
	width: 40px;
}

#powermaildiv_uid10 input{
	width: 40px;
	
}

#powermaildiv_uid11 input{
	width: 130px;
}



/* End Powermail */



.overlay { 
    display:none; 
    z-index:10000;     
    width:550px;     
    height:500px;     
} 

#flyer_overlay{	 
     background: transparent url('../img/broschuere-overlay-trans.png') no-repeat top left;
}

.overlay .close{ 
    background: transparent url('../img/x-abbrechen-trans.png') no-repeat top left; 
    position:absolute; 
    right:-180px; 
    top:-80px; 
    cursor:pointer; 
    height:80px; 
    width:180px; 
    
    z-index:10000; 
}

.overlay_form{
	background-color: #E67800;
	position: absolute;
	bottom: 30px; 
	right: 30px;
	width: 220px;
}

.overlay_form_headline{
	color: #FFF;
	padding: 10px 0px 10px 10px;
	float: left;
	width: 190px;
	font-weight: bold;
}

.overlay_form form{
	display: block;
	float: left;
	width: 220px;
}

.overlay_form_field_wrapper{
	padding: 10px 10px 0px 10px;
	float: left;
	width: 200px;
}

input.overlay_form_input{
	display: block;
	float: left;
	margin: 0px 0px 10px 0px;
	width: 190px;
	height: 20px;
	color: #0050A0;
	background-color: #FFF;
	padding: 0px 0px 0px 10px;
	border: 0px;
}

input#of_input_4{
	width: 130px;
	margin-right: 10px;
}

input#of_input_5{
	width: 40px;
}

input#of_input_6{
	width: 40px;
	margin-right: 10px;
}

input#of_input_7{
	width: 130px;
}

input.overlay_form_button{
	display: block;
	float: left;
	border: 0px;
	width: 220px;
	background: transparent url('../img/button-broschuere.png') no-repeat top left;
	height: 30px;
	padding: 0px;
	cursor: pointer;
}
input.overlay_form_button:hover{
	background: transparent url('../img/button-broschuere-hover.png') no-repeat top left;
}


/*
	Image Aktuelles
*/

#news_accordion{
	float: left;
	height: 76px;
}

#news_accordion .headline{
	float: left
}

.news_date{
	padding: 3px 0px 0px 10px;
	color: #FFF;
	float: left;
}


/*
	Mitarbeiterliste
*/

.staff_content{
	height: 460px;
	width: 510px;
	float: left;
	background-color: #FFF;
	overflow-y: scroll;	
	padding: 20px;
}


/*
	Anfahrt
*/

.zoom_in{
	float: right;
	height: 60px;
	width: 60px;
	background: transparent url('../img/lupe-plus.png') no-repeat bottom left;
	cursor: pointer;
	padding: 6px 0px 0px 0px;
}
.zoom_in:hover{
	background: transparent url('../img/lupe-plus-hover.png') no-repeat bottom left;
}

.zoom_out{
	float: right;
	height: 60px;
	width: 60px;
	background: transparent url('../img/lupe-minus.png') no-repeat bottom left;
	cursor: pointer;
	padding: 6px 0px 0px 0px;
}
.zoom_out:hover{
	background: transparent url('../img/lupe-minus-hover.png') no-repeat bottom left;
}

.map_box{
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;	
}

.map_box p{
	margin: 0px;
}

.map_box form{
	display: block;
	float: right;
	padding: 10px 0px 0px 0px;
}

.map_box label{
	display: block; 
	float: left;
	color: #FFF;
	text-align: right;
	padding: 0px 10px 0px 0px;
	line-height: 20px;
}

input.map_input{
	display: block;
	float: left;
	width: 110px;
	height: 14px;
	line-height: 16px;
	margin: 0px;
	padding: 2px 0px 0px 10px!important;
	font-size: 13px;
	color: #0050A0;
	margin: 0px 10px 0px 0px;
}

input.map_button{
	display: block;
	float: left;
	width: 60px;
	height: 20px;
	line-height: 20px;
	background: transparent url('../img/button-20-hintergrundverlauf.png') repeat-x top left;
	color: #0050A0;
	border: 0px;
	cursor: pointer;
	margin: 0px;
}
input.map_button:hover{
	background: transparent url('../img/button-20-hintergrundverlauf-hover.png') repeat-x top left;	
	color: #FFFFFF;
}


/*
	content footer
*/

.content_footer{
	float: left;
	930px;
	padding: 0px 0px 10px 0px;
}