/********************************************** 
css/style.ccs 
CSS for umzug-bartel.de
***********************************************/
				

/**********************************************
* =global selectors | =body | =main			  *					
***********************************************/
body{
	margin: 0 auto;
	padding: 0;
	text-align: center;
	background-color: #B4B4B4;
	background-image:url(../images/body_bg.jpg);
	background-repeat:repeat-x;
	font-family: Trebuchet MS;
	font-size: 14px;
	line-height: 18px;
	background-attachment: scroll;}
	
*{
	outline: none; 
	margin:0;
	padding:0;}	

#main{
	margin:0 auto;
	text-align:center;
	width:892px;
	background-image: url(../images/main_bg.jpg);
	background-repeat: repeat-y;
	height:auto;
	overflow: hidden;}

h1{
	background-repeat:no-repeat;
	color: #FFFFFF;
	font-size: 22px;
	font-weight: normal;
	margin: 0 0 20px 0;
	line-height: 30px;}

h2{
	font-size:20px;
	color: #BE9A65;
	margin: 0 0 22px 0;
	font-weight: normal;}	
	
h3{
	margin: 0 0 5px 0;
	font-size:15px;
	color: #663300;
	font-weight: bold;}

h4{
	margin: 10px 0 5px 0;
	font-size:14px;
	color: #60530D;
}
p{
	margin:0 0 20px 0;
	padding:0;
}	
/**************** END of global **************/	
	

/**********************************************
* =head 			  					      *					
***********************************************/
#head{
	width:892px;
	height:120px;
	float:left;
	background-image: url(../images/head.jpg);
	background-repeat: no-repeat;
}	
	
#head #topnavi{
	float: left;
	height: 109px;
	width: 520px;
	text-align: left;
	color: #FFFFFF;
}	
	
#head #topnavi ul {
	margin: 0;
	padding: 0;
	font-family: Trebuchet MS;
	font-size: 13px;
}	
	
#head #topnavi ul li {
	display: inline;
	list-style-type: none;}	
	
#head #topnavi ul li a,
#head #topnavi ul li a.top_active {
	text-decoration: none;
	color:#272727;
	padding: 25px 0 0 0;
	font-size: 14px;
	font-weight: normal;
	display: block;
	float: left;
	height: 85px;
	line-height: 90px;
	width: 99px;
	text-align: center;
	border-left: 1px solid #C5B23C;
	background-image: url(../images/raute.gif);
	background-repeat: no-repeat;
	background-position: 43px 44px;
}	

#head #topnavi ul li a:hover,
#head #topnavi ul li a.top_active {
	color: #000000;
	text-decoration: underline;
}	



	
#head #logo {
	width:326px;
	height:99px;
	float:left;
	background-repeat: no-repeat;
	text-align: left;
	padding: 13px 0 0 46px;}

#head #logo img {
	border: 0;
	text-decoration: none;}	

#head_img {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img.jpg);
	background-repeat: no-repeat;
}

#head_img_2 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_2.jpg);
	background-repeat: no-repeat;
}

#head_img_3 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_3.jpg);
	background-repeat: no-repeat;
}

#head_img_4 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_4.jpg);
	background-repeat: no-repeat;
}

#head_img_5 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_5.jpg);
	background-repeat: no-repeat;
}

#head_img_6 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_6.jpg);
	background-repeat: no-repeat;
}

#head_img_7 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_7.jpg);
	background-repeat: no-repeat;
}

#head_img_8 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_8.jpg);
	background-repeat: no-repeat;
}

#head_img_9 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_9.jpg);
	background-repeat: no-repeat;
}
#head_img_10 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_10.jpg);
	background-repeat: no-repeat;
}
#head_img_11 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_11.jpg);
	background-repeat: no-repeat;

}
#head_img_12 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_12.jpg);
	background-repeat: no-repeat;
}
#head_img_13 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_13.jpg);
	background-repeat: no-repeat;
}
#head_img_14 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_14.jpg);
	background-repeat: no-repeat;
}
#head_img_15 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_15.jpg);
	background-repeat: no-repeat;
}

#head_img_16 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_16.jpg);
	background-repeat: no-repeat;
}

#head_img_17 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_17.jpg);
	background-repeat: no-repeat;
}

#head_img_18 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_18.jpg);
	background-repeat: no-repeat;
}

#head_img_19 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_19.jpg);
	background-repeat: no-repeat;
}

#head_img_20 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_20.jpg);
	background-repeat: no-repeat;
}

#head_img_21 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_21.jpg);
	background-repeat: no-repeat;
}

#head_img_22 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_22.jpg);
	background-repeat: no-repeat;
}

#head_img_23 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_23.jpg);
	background-repeat: no-repeat;
}
#head_img_24 {
	width: 577px;
	height: 305px;
	float: left;
	background-image: url(../images/head_img_24.jpg);
	background-repeat: no-repeat;
}


/**************** END of head **************/		


/*****************************************
* =mainnavi                              *
******************************************/	
#mainnavi{
	text-align: left;
	float:left;
	width: 290px;
	float: left;
	height: 150px;
	background-repeat: no-repeat;
	background-image: url(../images/mainnavi.jpg);
	padding: 55px 0 0 23px;
}
	
#mainnavi ul#navi1,
#mainnavi ul#navi2{
	padding: 0;
	margin: 0;
	float: none;
	display: block;
	float: left;
	height: 120px;
	width: 120px;}
	
#mainnavi ul#navi2{
	padding: 0 0 0 20px;}	
	
#mainnavi ul#navi1 li,
#mainnavi ul#navi2 li{
	padding: 0;
	margin: 0;
	list-style-type: none;}	
		
#mainnavi ul#navi1 li a,
#mainnavi ul#navi2 li a,
#mainnavi ul#navi1 li a:hover,
#mainnavi ul#navi2 li a:hover,
#mainnavi ul#navi1 li a.mn_active,
#mainnavi ul#navi2 li a.mn_active{
	text-decoration: none;
	height: 30px;
	text-align: left;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(../images/arrow.gif);
	display: block;
	background-repeat: no-repeat;
	padding: 0 0 0 18px;
	background-position: 0px 5px;
	width: 105px;}
	
#mainnavi ul#navi1 li a:hover,
#mainnavi ul#navi2 li a:hover,
#mainnavi ul#navi1 li a.mn_active,
#mainnavi ul#navi2 li a.mn_active{
	background-image: url(../images/arrow_h.gif);
	text-decoration: underline;}	

#hotline{
	text-align: left;
	float:left;
	width: 290px;
	float: left;
	height: 72px;
	background-repeat: no-repeat;
	background-image: url(../images/hotline.jpg);
	padding: 28px 0 0 25px;
}	
	
#hotline a,
#hotline a:hover {
	display: block;
	height: 42px;
	width: 70px;
	background-image:url(../images/arrow_hot.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	background-position: 0px -7px;}	
	
#hotline a:hover {
	background-image:url(../images/arrow_hot_h.jpg);
	background-position: -4px -3px;}				
/************ END of Mainnavi ***************/


/********************************************
* =case | div of content & teaser          *
*********************************************/	
#case {
	height: auto;
	width:892px;
	float:left;
	overflow: hidden;
	background-image:url(../images/case_bg.jpg);
	background-repeat: repeat-y;
	background-position: 11px 0px;}

#case_content {
	height: auto;
	width:597px;
	float:left;
	overflow: hidden;}
	
#case_content #headline{
	height: 100px;
	width: 545px;
	float:left;
	background-image:url(../images/headline.jpg);
	background-repeat:no-repeat;
	color: #FFFFFF;
	border-right: 1px solid #C5B23C;
	background-position: 0px -20px;
	margin: 22px 0 0 0;
	text-align: left;
	padding: 16px 0 0 45px;}	
/************ END of case ********************/


/**********************************************
=content | part of case                       *					
***********************************************/		
#content {
	padding: 0 20px 0 45px;
	height: auto;
	width: 525px;
	float: left;
	overflow: hidden;
	text-align: left;
	line-height: 20px;
	font-size: 13px;
	background-image: url(../images/stroke.jpg);
	background-repeat: repeat-y;
	margin: 0 0 20px 0;
	border-right: 1px solid #C5B23C;
	color: #64580d;
	min-height: 200px;
}
	
#content a {
	color: #64580D;
	text-decoration:underline;
	font-style: italic;
}
		
#content a:hover {
	color: #000000;
	text-decoration:underline;}	
	
#content img {
	margin: 0px 20px 10px 0px;
	padding: 2px;
	border: 1px solid #333;
}		
	
#content ul {
	margin: 0 0 20px 0px;
	padding: 0;
}
	
#content ul li {
	margin: 0 0 0 15px;
	padding: 0;
	list-style-type: square;
}		
	
#content ul#nosquard,
#content ul.no_squard {
	margin: 0;
	padding: 0;}
	
#content ul#nosquard li,
#content ul.no_squard li  {
	margin: 0;
	padding: 0;
	list-style-type: none;}			
	
#content #content_left{
	float:left;
	width: 261px;
}

#content #content_right{
	float:left;
	width: 261px;
}					

 #content #content_bottom{
	float: left;
	text-align: left;
	width: 477px;
	height: auto;
	overflow: hidden;}
	
#content #text_cms{
	float:left;
	width: 390px;
	overflow: hidden;
	height:auto;
}

#content #image_cms{
	float:left;
	width: 130px;
	overflow: hidden;
	height:auto;
}		
	
#content #euroweb{
	margin: 0;
	padding: 0;
	float: left;
	height: auto;
	overflow: hidden;
	width:200px;}
	
#content #euroweb img{
	border: none;
	margin: 5px 0 0 0;
	padding: 0;}		
/**************** END of content  *************/


/*****************************************
* =teaser | part of case                 *
******************************************/	
#teaser {
	height: 360px;
	width: 270px;
	float: left;
	text-align: left;
	background-image: url(../images/teaser.jpg);
	background-repeat: no-repeat;
	color: #4d4d4d;
	padding: 0 0 0 5px;
	line-height: 22px;
	font-size: 13px;
}
	
#teaser a {
	color: #363636;
	text-decoration: underline;
}	
	
#teaser a:hover {
	color: #000000;
	text-decoration: underline;
}		

#teaser ul#add,
#teaser ul#phone,
#teaser ul#internet,
#teaser ul#contact{
	margin: 0;
	padding: 22px 0 0 15px;
	display: block;
	height: 77px;
	width: 230px;
	float:left;}
	
#teaser ul#phone{
	height: 60px;
	padding: 13px 0 0 15px;}	
	
#teaser ul#internet{
	height: 58px;
	padding: 13px 0 0 15px;}	
	
#teaser ul#contact{
	height: 105px;
	padding: 13px 0 0 15px;
}		
	
#teaser ul#add li,
#teaser ul#phone li,
#teaser ul#internet li,
#teaser ul#contact li{
	margin: 0;
	padding: 0;
	list-style-type: none;}	
	
#teaser ul#add li h3,
#teaser ul#contact li h3  {
	color:#4D4D4D;
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 0;}	

#teaser #tea_img a img{
	border: none;}
/************ END of teaser *******************/	


/**********************************************
* =foot                                       *					
***********************************************/
#foot{
	height: 60px;
	width:852px;
	float:left;
	background-image:url(../images/footer_top.jpg);
	background-repeat:no-repeat;
	text-align: right;
	padding: 10px 40px 0 0px;
	color: #FFFFFF;
	font-size: 12px;
}

#foot a {
	color: #E8E8E8;
	text-decoration:none;}
	
#foot a:hover {
	color: #FFFFFF;
	text-decoration:underline;}		
/****************** END of foot ***************/	

.clear {
	clear:both;
	float:none;
	}
	

/**********************************************
* =neueNavi                                    *					
***********************************************/



#left_col a.active:link, #left_col a.active:active, #left_col a.active:visited {
	display:block;
	width:221px;
	line-height:21px;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:24px;
	background:#f8f8f8;
	color:#006bd7;
}
#left_col a:hover {
	background:#f8f8f8;
	color:#006bd7;
}
#left_col a.sub:link, #left_col a.sub:active, #left_col a.sub:visited {
	display:block;
	width:221px;
	line-height:18px;
	border-top:none;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:35px;
	color:#666;
	background:#f8f8f8;
}
#left_col a.sub_a:link, #left_col a.sub_a:active, #left_col a.sub_a:visited {
	display:block;
	width:221px;
	line-height:18px;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:35px;
	background:#fcfcfc;
	color:#006bd7;
}
#left_col a.sub:hover {
	background:#fcfcfc;
	color:#006bd7;
}


#head a:link, #head a:visited, #head a:active {
	display:block;
	float:left;
	height:21px;
	padding:8px 15px 0 15px;
	text-decoration:none;
}
#head a.right:link, #head a.right:visited, #head a.right:active {display:block;float:left;height:21px;padding:8px 15px 0 15px;text-decoration:none;border-right:1px solid #006c9b;}
#head a.left:link, #head a.left:visited, #head a.left:active {display:block;float:left;height:21px;padding:8px 15px 0 15px;text-decoration:none;border-left:1px solid #00a4ec;}

#left_col a:link, #left_col a:active, #left_col a:visited {
	display:block;
	width:221px;
	line-height:21px;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:24px;
	color:#333333;
}
#left_col a.active:link, #left_col a.active:active, #left_col a.active:visited {
	display:block;
	width:221px;
	line-height:21px;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:24px;
	background:#f8f8f8;
	color:#006bd7;
}
#left_col a:hover {
	background:#f8f8f8;
	color:#006bd7;
}
#left_col a.sub:link, #left_col a.sub:active, #left_col a.sub:visited {
	display:block;
	width:221px;
	line-height:18px;
	border-top:none;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:35px;
	color:#666;
	background:#f8f8f8;
}
#left_col a.sub_a:link, #left_col a.sub_a:active, #left_col a.sub_a:visited {
	display:block;
	width:221px;
	line-height:18px;
	border-top:1px solid #fdfdfd;
	border-bottom:1px solid #cccccc;
	text-decoration:none;
	text-indent:35px;
	background:#fcfcfc;
	color:#006bd7;
}
#left_col a.sub:hover {
	background:#fcfcfc;
	color:#006bd7;
}
#right_col {
	float:right;
	width:579px;
	padding:55px 0 50px 0;
	background:url(../images/img_head_bottom_hands.jpg) no-repeat;
	line-height:16px;
}

#right_col a:link, #right_col a:active, #right_col a:visited {
	text-decoration:underline;
	color:#333333;
}
#right_col a:hover {
	color:#006bd7;
}


/****subnuvi***/

ul#navi {
position:relative;
display:block;
}

ul#navi li {
	position: relative;
	float:left;
}

ul#navi li#unternehmen ul,
ul#navi li#partner ul,
ul#navi li#umzug ul {
	list-style: none!important;
	display: none;
	left: 0px;
	padding-top:0px;
	top:110px;
	width:180px!important;
	_width:165px!important;
	position: absolute;
	background:#6f6f6f;
	z-index:500!important;
	opacity: .9;
	filter: alpha(opacity=90);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";

}

ul#navi li#unternehmen ul li#secondfly ul {
	list-style: none!important;
	display: none!important;
	top:100px;
	width:180px!important;
	position: absolute;
	background:#6f6f6f;
	z-index:500!important;
}


ul#navi li#unternehmen:hover ul,
ul#navi li#partner:hover ul,
ul#navi li#umzug:hover ul,
ul#navi li#unternehmen ul li#secondfly:hover ul {
	display: block!important;
	z-index:500!important;
	list-style: none !important;

}


ul#navi li#unternehmen ul li,
ul#navi li#partner ul li,
ul#navi li#umzug ul li,
ul#navi li#unternehmen ul li#secondfly ul li {
	height: 34px;
	width:190px!important;
	width:169px!important;
	z-index:500!important;
	list-style: none !important;
	padding-left:10px!important;

}

ul#navi li#unternehmen ul li a,
ul#navi li#partner ul li a,
ul#navi li#umzug ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff!important;
	height: 34px;
	line-height: 28px;
	display: block;
	padding:0 0 0 0px;
	z-index:500!important;
	list-style: none !important;
	width:170px;
	text-align:left;
	padding-left:10px;
	border:none!important;
	margin-left:-10px;
	
}
ul#navi li#unternehmen ul li#secondfly ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #fff!important;
	height: 34px;
	line-height: 28px;
	display: block;
	padding:0 0 0 0px;
	z-index:500!important;
	list-style: none !important;
	width:170px;
	text-align:left;
	padding-left:10px;
	border:none!important;	
	margin-left:0px;
}


ul#navi li#unternehmen ul li#secondfly ul li a{
   display: block;
   height: 36px;
	width: 190px;
}

ul#navi li#unternehmen ul li a:hover,
ul#navi li#partner ul li a:hover,
ul#navi li#umzug ul li a:hover,
ul#navi li#unternehmen ul li#secondfly ul a:hover {
	color: #fff!important;
	text-decoration: underline;
	z-index:500!important;
	list-style: none !important;
	background:#333333;
	width:169px!important;
}



ul#navi li#unternehmen ul li#secondfly ul {
   top: -2px;
   margin: 0px !important;
   position: absolute;
	background:#6f6f6f;
	margin-left: -20px!important;
}

ul#navi li#unternehmen ul li#secondfly ul {
	height: 72px;
   width: 210px;
   left: 200px;
}

ul#navi li#unternehmen ul li#secondfly:hover ul {
   display: block;
}

ul#navi li ul li ul li {
   float: none;
   position: relative;
   display: inline;
   clear: both;
   margin: 0px !important;
}

.partner1{
	float:left;
	width:250px;
}

.partner2{
	float:right;
	width:250px;
}