/* 
allgemeines
-------------------------------------------------- */ 
.clear{
clear:both;
}

.left{
float:left;
}

.right{
float:right;
}

p {margin: 0 0 0 0;}
h1, h2, h3, h4, h5, h6 {margin: 0 0 0 0; padding: 0 0 0 0;}



/* 
zentriert
-------------------------------------------------- */ 

#top{
	width:950px;
	text-align:left;
	float:left;
	align:left;/**/
	margin-left:25px;
	display:block;
	overflow:hidden;
	/*background-color:black; */
}
*html #top{ display:inline;}

#top_left{
	width:175px;
	float:left;
	background-color:transparent;
	display:block;
}
*html #top_left{ display:inline;}

#top_middle{
	width:500px;
	float:left;
	background-color:transparent;
	display:block;
}
*html #top_middle{ display:inline;}

#top_right{
	width:275px;
	float:right;
	background-color:#000000;
	display:block;
}
*html #top_right{ display:inline;}

#middle{
	position: relative;
	width:950px;
	margin-left:25px;
	float:left;
	background-image:url(../images/middle_bottom.gif);
	display:block;
	overflow:hidden;
}
*html #middle{ display:inline;}


#middle_home{
	position: relative;
	width:950px;
	margin-left:25px;
	float:left;
	background-image:url(../images/middle_home.gif);
	display:block;
	overflow:hidden;
}
*html #middle_home{ display:inline;}

/*
#middle_left
--------------------------------------------------
ist für die verschiedenen Hintergrundbilder bestimmt. jedes Hintergrundbild hat ein eigenes CSS. 
Z.B. layout_bg_image_01.css   > in diesen css-files werden die jeweiligen Hintergrundbilder eingelesen.
*/

#middle_right{
	width:275px;
	float:right;
	padding-top:0px; 
	padding-left:0px;
	padding-right:0px;
/*	background-color:#AABAC4;  */
	display:block;
}
*html #middle_right{ display:inline;}


/* 
#top_right //  Metanavigation, Language, Search
-------------------------------------------------- */ 
#top_right_left{ width:25px; height:75px; float:left; }
#top_right_middle{ width:225px; height:75px; float:left; }
#top_right_right{ width:25px; height:75px; float:right; }
#top_right_meta{ float:left; width:150px; margin-top:10px; }
#top_right_language{ float:right; width:75px; margin-top:10px; }
#top_right_search{ float:left; width:200px; margin-top:15px; }
#top_right_search_icon{ float:right; width:75px; margin-top:15px; }


/* 
#home
-------------------------------------------------- */ 
#home_flash{
	width:675px;
	height:450px;
	float:left;
	background-color:white;
	display:block;
}


/* 
#middle left containers
-------------------------------------------------- */ 
#middle_left_top{
	float:right;
	min-height:100px;
	display:block;
}
*html #middle_left_top{ height:100px; display:inline;}

#middle_left_nav{
	float:left;
	width:175px;
	background-color:#96A6AF;    
	display:block;
}
*html #middle_left_nav{ display:inline;}

#middle_left_content{
	float:right;
	width:500px;
	background-color:#FFFFFF;
	display:block;
}
*html #middle_left_content{ display:inline;}

#middle_left_content_breit{
	float:right;
	width:650px;
	margin: 0 0 0 100px;
	background-color:#EEEEEE;
	display:block;
}
*html #middle_left_content_breit{ display:inline;}

#middle_left_content_inhalt{
	float:left;
	width:450px;
	margin-left:25px;
	background-color:#FFFFFF;
	display:block;
}
*html #middle_left_content_inhalt{ display:inline; }

#middle_left_content_height{
	float:right;
	width:25px;
	background-color:#FFFFFF;
	display:block;
}
*html #middle_left_content_height{ display:inline;}

#middle_bottom{
	float:left;
	width:675px;
	display:block;
	clear:both;
}
*html #middle_bottom{ display:inline;}



/* 
#middle content
-------------------------------------------------- */ 
#content_main_title{
	float:left;
	width:425px;
	margin-left:0px;
/*	height:82px;
	background-color:#CCCCCC; */
	display:block;
}
*html #content_main_title{ display:inline; }

#content_main_inhalt{
	float:left;
	width:425px;
	/* margin-top:30px; */
	margin-left:0px;
	display:block;
}
*html #content_main_inhalt{ display:inline; }


/* 
kontakt
-------------------------------------------------- */ 
#kontakt_check_1{
	float:left;
	width: 20px;
	height: 20px;
	display:block;
}
*html #kontakt_check_1 { display: inline;}

#kontakt_check_2{
	float:right;
	width: 400px;
	height: 20px;
	display:block;
}
*html #kontakt_check_2 { display: inline;}

#kontakt_field_1{
	float:left;
	width: 215px;
	margin-bottom: 3px;
	display:block;
}
*html #kontakt_field_1 { display: inline;}

#kontakt_field_2{
	float:right;
	width: 210px;
	margin-bottom: 3px;
	display:block;
}
*html #kontakt_field_2 { display: inline;}

#kontakt_space{
	float:left;
	width: 425px;
	height: 18px;
	display:block;
}
*html #kontakt_field_2 { display: inline;}



/* 
#bottom
-------------------------------------------------- */ 
#container_bottom{
	float:left;
	width:925px;
	margin-left:25px;
	margin-right:0px;
	display:block;
}
*html #container_bottom{ display:inline; }

#container_bottom_home{
	float:left;
	width:925px;
	margin-left:25px;
	margin-right:0px;
	display:block;
}
*html #container_bottom_home{ display:inline; }

#banner{
	float:left;
	width:500px;
	margin-top:10px;
	margin-right:0px;
	display:block;
}
*html #banner{ display:inline;}

#bottom{
	float:right;
	width:425px;
	margin-top:10px;
	margin-right:0px;
	display:block;
}
*html #bottom{ display:inline;}


/* 
#formulare
-------------------------------------------------- */
#formular_top{
	width:500px;
	text-align:left;
	float:left;
	align:left;/**/
	margin-left:25px;
	display:block;
	overflow:hidden;
	/*background-color:black; */
}
*html #formular_top{ display:inline;}

#formular_top_left{
	width:100px;
	float:left;
	background-color:transparent;
	display:block;
}
*html #formular_top_left{ display:inline;}

#formular_top_middle{
	width:325px;
	float:left;
	background-color:transparent;
	display:block;
}
*html #formular_top_middle{ display:inline;}


#middle_formular {
	position: relative;
	width:500px;
	margin-left:25px;
	float:left;
/*	background-color:#FFFFFF;   */
	display:block;
	overflow:hidden;
}
*html #middle_formular{ display:inline;}

#bottom_formular{
	float:left;
	width:400px;
	height:25px;
	margin-left:0px;
	margin-right:0px;
	display:block;
}
*html #bottom_formular{ display:inline; }


/*
home
---------------------------------------------------*/
#middle_right_home{
	width:275px;
	float:right;
/*	background-color:#FFFFFF;
	background-color:#AABAC4;  */
	display:block;
}
*html #middle_right_home{ display:inline;}

#middle_right_top_out{
	float:right;
	width:275px;
	background-color:#AABAC4;  
	display:block;
}
*html #middle_right_top_out{ display:inline; }

#middle_right_top_left{
	float:left;
	width:274px;
	padding: 0px 0px 0px 0px;
	display:block;
}
*html #middle_right_top_left{ display:inline; }

#middle_right_top_right{
	float:right;
	width:1px;
	display:block;
}
*html #middle_right_top_right{ display:inline; }

#home_logos_out{
	float:left;
	width: 250px;
	margin: 0px 0px 0px 0px;
	padding: 13px 0px 0px 5px;
	background-color:#FFFFFF; 
	display:block;
}
*html #home_logos_out{ display:inline; }

.home_logos_left{
	float:left;
	display:block;
}
*html .home_logos_left{ display:inline; }

.home_logos_right_1{
	float:right;
	display:block;
}
*html .home_logos_right_1{ display:inline; }

.home_logos_right_2{
	float:right;
	width: 100px;
	height:40px;
	padding: 15px 0px 0px 0px;
	display:block;
}
*html .home_logos_right_2{ display:inline; }

/*
Anpassung Home > Login FIS eSales
-----------------------------------------------------*/
#middle_right_top_out_2008	{
	float:right;
	width:275px;
	background-color:#AABAC4; 

	display:block;
}
*html #middle_right_top_out_2008{ display:inline; }

#middle_right_top_left_2008  {
	float:left;
	width:274px;
	height:205px;
	padding: 0px 0px 0px 0px;
	overflow:hidden;
	display:block;
}
*html #middle_right_top_left_2008{ display:inline; }

#middle_right_login_2008 {
	float:left;
	width:274px;
	height:95px;
	padding: 0px 0px 0px 0px;
	background-image:url(../images/home_bg_rightbox_login.gif); 
	display:block;
}
*html #middle_right_login_2008{ display:inline; }
	


/*
printerfriendly
---------------------------------------------------*/
/*
#contentbottom{
	float:left;
	width: 585px;
	height: 35px;
	margin-left: 30px;
	display:inline;
}
*/
#middle_left_printout{
	float:left;
	width: 750px;
	margin: 0px 0px 0px 175px;
	padding: 15px 0px 0px 25px;
	background-color:#FFFFFF; 
	display:block;
}
*html #middle_left_printout{ display:inline; }


/*
PopUp Adressen
----------------------------------------------------*/
#middle_popup_adressen {
	position: relative;
	width:925px;
	margin-left:25px;
	float:left;
/*	background-color:#FFFFFF;   */
	display:block;
	overflow:hidden;
}
*html #middle_popup_adressen{ display:inline;}

#middle_popup_adressen_out {
	float:right;
	width:925px;
	padding: 25px 0 0 0;
	background-color:#FFFFFF;
	display:block;
}
*html #middle_popup_adressen_out{ display:inline;}

#middle_popup_adressen_inhalt {
	float:left;
	width:900px;
	margin-left:25px;
	background-color:#FFFFFF;
	display:block;
}
*html #middle_popup_adressen_inhalt{ display:inline; }


#content_main_inhalt_popup{
	float:left;
	width:900px;
	margin-top:0px;
	margin-left:0px;
	display:block;
}
*html #content_main_inhalt_popup{ display:inline; }

#content_popup_1 {float:left; width:200px; margin: 0 0 0 0; background-color:#FFFFFF; }
#content_popup_2 {float:left; width:200px; margin: 0 0 0 25px; background-color:#FFFFFF; }
#content_popup_3 {float:left; width:200px; margin: 0 0 0 25px; background-color:#FFFFFF; }
#content_popup_4 {float:left; width:200px; margin: 0 0 0 25px; background-color:#FFFFFF; }




/*
Content 2spaltig
----------------------------------------------------*/
#content_main_inhalt_2sp{
	float:left;
	width:425px;
	margin-top:0px;
	margin-left:0px;
	display:block;
	
	

}
*html #content_main_inhalt_2sp{ display:inline; }

#content_2sp_0 {float:left; width:425px; margin: 0 0 0 0; }
#content_2sp_1 {float:left; width:200px; margin: 0 0 0 0; }
#content_2sp_2 {float:left; width:200px; margin: 0 0 0 25px; }



.form{ width: 200px; background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666;}
.form_breit{ width: 330px; background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666;}
.form_schmal { width: 160px; background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666;}
/* mit Breite und H�he */
.formular{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 14px;}
.formularfeld{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 14px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 120px;}
.search{ background-color: #FFFFFF; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 11px; line-height: 11px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 115px; height: 12px;}
.textarea{ background-color: #F1F2F3; font-family: Arial, Helvetica, Verdana, SunSans-Regular, Sans-Serif; color: #333333; font-size: 12px; line-height: 12px; border: 1px double; border-color: #666666 #666666 #666666 #666666; width: 200px; height: 100px;}
.button{ background-color: #cd071e; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 10px; font-weight:bold; line-height: 10px; border:0px double; border-color: #666666 #666666 #666666 #666666; height: 22px;}


/*
Formnulare Snowflake
*/
div.element div.label{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
line-height: 14px;
float:left;
width:170px;
}

.floatingElements {
height: 19px;
}

.floatingElements div.element {
float: left;
clear: none;
width: 50px;

}

.floatingElements div.labelElement {
width: 180px;
margin-right: 10px;
background-color: #FF0000;
}

.floatingElements div.element div.label {
float: left;
width:auto;
line-height: 19px;
}

.floatingElements div.element div.field input {
width:auto;
}

div.element div.field{
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
}

div.element{
clear:both;
margin-bottom:5px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
}

/*
div.element  input{
border:1px solid #666666;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px;
width: 200px;
background-color:#F1F2F3;
}
*/
h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
clear:both;
margin-top:30px;
background-color:#ffffff;
}

.person h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
clear:both;
margin-top:30px;
margin-bottom:20px;
background-color:#ffffff;
}


.check_out {clear:both; }
.check{ width:30px; float:left; margin: 10px 0 10px 0;}  
.label_check{ width:520px; float:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 10px 0 10px 0;}