/****************************************************

 *  FIRMENPUNKT gmbh                               *

 *  (c) 2006                                        *

 *  http://www.firmenpunkt.de                       *

 *  - - ah - -                                      *

 ****************************************************

 *  mailto:webmaster@firmenpunkt.de                 *

 *  sitedesign, scripting (c) FIRMENPUNKT gmbh     *

 *  no use without permission!                      *

 ***************************************************/

 

/***		Allgemein:		***/
*{ margin:0px; padding:0px;font-family:Arial, Helvetica, sans-serif;}
html {
	height:100.5%;
	max-height:100.5%;
	padding:0; 
	margin:0; 
	font-family:Arial, Helvetica, sans-serif;
}

body {
	height:100%; 
	max-height:100%; 
	padding:0; 
	margin:0;
	background-color:#315c7f; /*5D1015*/
}

img { border:none;}

a:link, a:visited, a:active {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #315C7F;
	font-weight:bold;
	text-decoration:none;
}

a:hover { color: #990000;}		

#mainbox{
	display: block;
	margin:0 auto;
	
	text-align:left;
	height:100%;
	min-height:100%;
	width:940px;
	clear:left;
	top:0px;
	bottom:0px;
	background-color: #FFF;
}

#content{

	position:relative;
	float:left;
	width: 500px;
	
	margin-left:20px;
	margin-bottom:100px;

	margin-top:50px;


	}

#content1{

	position:relative;
	float:left;
	width: 380px;
	
	margin-left:350px;

	margin-top:80px;
	margin-bottom:70px;


	}

#door{

	position: absolute;

	margin-top:6px;

	margin-left:-1px;

	width:329px;

	height:125px;

	background:#fff url(../images/porta.jpg) no-repeat 0px 0px;
z-index:190;
	cursor: pointer;

	}

#door1{

	position: absolute;

	margin-top:5px;

	margin-left:-1px;

	width:329px;

	height:600px;

	background:#fff url(../images/door.jpg) no-repeat 0px 0px;

z-index:190;
	cursor: pointer;

	}

		
#whitebox{
	position:relative;
	width:940px;
	
	top: 0px;
	bottom:0px;
	margin-left:0px;
	
	background-color: #FFF;

	}



#greenbottom{
		position: fixed;
	width:940px;
    height:69px; 
	bottom: 0px;
	z-index:200;
	background:#fff url(../images/greenbottom.jpg) no-repeat 0px 0px;
	


	}

#greenbanner{
	position:fixed;
	bottom:5px;
	width:234px;
	height:60px;
	margin-left:360px;
	z-index:201;
}

#greenbanner02{
	position:fixed;
	bottom:5px;
	width:135px;
	height:60px;
	margin-left:100px;
	z-index:201;

}

#greenbanner03{
	position:fixed;
	bottom:5px;
	width:135px;
	height:60px;
	margin-left:716px;
	z-index:201;

}

#banner {
	position:absolute;
	top:600px;
	width:90px;
	height:40px;
	margin-left:800px;
	z-index:101;
}
 

#door h1 a {

	display: block;

	width:320px;

	height:130px;

	cursor: pointer;

        }

 

#door h1 {

	margin: 0px;

	padding: 0px;

    }

 

#door h1 span {

     display: none;

     }

	 

/*******************

Start flagg links*/

		

#flaggs{

	position:absolute;

	width: 120px;

	height:25px;

	margin-left:794px;

	top:34px;

	z-index:100;

	background:#fff url(../images/flaggs.jpg) no-repeat center;

	}

	

* + html #flaggs{

	top:35px;

	}

h7 {
	font:9px Verdana, Arial, Helvetica, sans-serif;
	padding:0;
	margin:0;
	}	

#italien{

	position:absolute;

	width: 30px;

	height:25px;

	margin-left:0px;

	cursor: pointer;

	z-index:110;

	}

	

#italien h1 a {



	 display: block;

     width:30px;

     height:10px;

     cursor: pointer;

     }



#italien h1 {

      margin: 0px;

      padding: 0px;

      }



#italien h1 span {

      display: none;

      }

	  

#english{

	position:absolute;

	width: 30px;

	height:25px;

	margin-left:47px;

	cursor: pointer;

	z-index:110;

	}

	

#english h1 a {

	display: block;

    width:30px;

    height:10px;

    cursor: pointer;

    }



#english h1 {

    margin: 0px;

    padding: 0px;

        }



#english h1 span {

    display: none;

    }



#german{

	position:absolute;

	width: 30px;

	height:25px;

	margin-left:90px;

	cursor: pointer;

	z-index:110;

	}



#german h1 a {

	display: block;

    width:30px;

    height:10px;

    cursor: pointer;

    }



#german h1 {

    margin: 0px;

    padding: 0px;

    }



#german h1 span {

    display: none;

    }



/*******************

END flagg links*/





/*******************

START fonts*/

p{

	margin:0px;

	padding:0px;

	font:14px Arial, Sans Serif, Myriad Pro;

	color:#707074;

	display:inline;

	}

h1{

	margin:0px 0px 15px 0px;

	padding:0px;

	font:22px Myriad Pro, Arial, Sans Serif;

	color:#707074;

	font-weight: normal;

	display:inline;

	}

	

h2{

	margin:0px;

	padding:0px;

	font:normal 19px Arial, Sans Serif, Myriad Pro;

	color:#707074;

	display:inline;

	}

.red{

	color:#990000;

	}

.green{

	color:#336600;

	}

	

/*******************

END fonts*/	



/*********************

START navi top*/

	

#MainMenu 

{

	height:22px;

	background:#FFF;

	border-color:#AE1E39;

	border-style:solid;

	border-width:0 0 0px;

	width:593px;

	left:320px;

	top:5px;

	position:absolute;

	}





*+ html #MainMenu {

	top:5px;

}



 



#tab { 

	top:0;

	height:0;

	background:repeat-x top;

	margin:0;

}



#tab ul {

	list-style:none;

	float:left;

	margin:0;

	padding:0;

}



#tab li {

	display:inline;

	float:left;

	margin:0 2px 0 0;

	padding:0;

}



#tab a {

	text-decoration:none;

	border:0;

	display:block;

	float:left;

	margin:0;

	padding:0;

	background-color:#eeeeee;

	background:url(../images/bright_114.gif) no-repeat right top;



}



#tab a span {

	display:block;

	background-color:#eeeeee;

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#fff;

	font-weight:700;

	line-height:18px;

	padding:0 21px;background:url(../images/bright_114.gif) no-repeat right top;

}



#tab a:hover,#tab li.item_active a {

	background-position:right bottom;

}



#tab a:hover span,#tab li.item_active a span, #tab a:active span {

	background-position:left bottom;

	background-color:#AE1E39;

	color:#fff;

	font-weight:700;

	font-style:normal;

	text-decoration:none;

}





/*********************

END navi top*/

	



/*slide-menu*/



.urbangreymenu{
	width: 160px; /*width of menu*/
	
	top:66px;
	position:relative;
	float:right;
	margin-bottom:50px;
	margin-right:25px;
}

*+ html .urbangreymenu{
	width: 160px; /*width of menu*/
	display:inline;
	left:753px;
	top:65px;
}

.urbangreymenu .headerbar{/*der berpunkt*/
	font: bold 10px Verdana;
	color: #fff;
	background:  url(../images/button2.gif) no-repeat 0px; /*last 2 values are the x and y coordinates of bullet image*/
	/*margin: 0px 0px 0px 0px; *//*bottom spacing between header and rest of content*/
	/*padding: 18px 0px 20px 21px; *//*31px is left indentation of header text*/
	margin: 10px 0px 10px 0px;
	padding: 8px 0px 10px 21px;
	width:135px;
}

.urbangreymenu .headerbar a{
	text-decoration: none;
	color: white;
	display: block;
}

.urbangreymenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
	padding-bottom: -2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
	font: normal 12px Arial;
	color: #000;
	display: block;
	padding: 0px 0;
	margin-left:4px;
	margin-right:4px;
	line-height: 15px;
	padding-left: 2px; /*link text is indented 7px*/
	padding-right: 2px; 
	text-decoration: none;
}

.urbangreymenu ul li a:visited{
	color: #000;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
	color: #fff;
	background: #91383E;
}

/********************************** design by:David **********************************/
dl{ list-style-type:none;}
.content_protitle{ width:100%; height:18px; border-bottom:1px solid #797979;}
.content_protitle dt{ width:88px; height:20px; float:left; color:#9E293F; font-size:12px; font-weight:bold;}
.content_protitle dd{ width:317px; height:20px; float:right; font-size:12px;padding:0px; margin:0px; font-weight:bold; color:#666;}
.content_proimg{ width:100%; height:220px; background:#eee;}
.content_proimg dt{ width:88px; height:100%; float:left;}
.content_proimg dd{ width:317px; height:auto; float:right;}
.content_proimg dd img{ margin-top:6px;}
.content_protxt{ width:100%; height:16px; background:#DFDFDF;}
.content_protxt dt{ width:auto;height:100%; float:left; margin-left:88px; font-size:12px; font-weight:bold; color:#666; margin-right:40px;}
.content_protxt dt span{ color:#9E293F;}
.content_protxt dd{ width:auto; height:100%; float:left;font-size:12px; font-weight:bold; color:#666;}
.content_protxt dd span{ color:#9E293F;}
.content_probottomxx{ width:100%; height:auto; margin-top:10px; overflow:hidden; background-color:#315c7f;}
.content_probottomxx_txt{ width:100%; height:auto; background:#eee; overflow:hidden; margin-top:15px;}
.content_probottomxx_txt br{ clear:left;}
.content_probottomxx_txt dt{ width:100px; height:auto; float:left; color:#9E293F; font-size:12px; font-weight:bold;}
.content_probottomxx_txt dd{ width:550px; height:auto; float:right; font-size:12px;padding:0px; margin:0px; font-weight:bold; color:#666;}
.content_probottomxx_txt1{ width:100%; height:auto;overflow:hidden; margin-top:10px;}
.content_probottomxx_txt1 dt{ width:100px; height:auto; float:left; color:#9E293F; font-size:12px; font-weight:bold;}
.content_probottomxx_txt1 dd{ width:550px; height:auto; float:right; font-size:12px;padding:0px; margin:0px; font-weight:bold; color:#666;}

#cornertop {width:100%;height:15px;background: url(../images/runde_ecke.gif) no-repeat 0px 0px;}
#product_back {width:100%;margin:20px 0px 10px 30px;}
#product_back a {color:#FFFFFF;}
#product_head {width:100%; margin-left:30px;}
#product_head h1 {font-size:18px; font-weight:normal; color:#FFFFFF;}
#product_head h2 {font-size:15px; font-weight:normal; color:#FFFFFF;}

#product_details {width:100%; margin:20px 0px 0px 30px;}
.product_picturebox {width:340px;}
.product_data {width:340px;color:#FFFFFF;}
.product_data table{color:#FFFFFF; font-size:14px;}
#product_linkline {width:100%; height:34px; margin:20px 0px 0px 30px; display:block;background:url(../images/iconleiste.gif) no-repeat 0px 0px;}
#product_linkline_span {width:100%;margin:-26px 0px 0px 30px;}
#product_linkline_span span {margin-left:20px;}
#product_linkline_span a {color:#315c7f;}
#product_description {width:664px; margin:20px 0px 0px 30px;}
#product_description p {color:#FFFFFF;}
#product_curtage {width:100%; margin:10px 0px 0px 30px;color:#FFFFFF;font-size:13px;font-weight:bold;}


.prolist_title{ width:100%; height:19px; border-bottom:1px solid #797979;color:#9E293F; font-size:16px; font-weight:bold; clear:both;}
.prolist_title a {color:#315c7f; font-size:16px;}
.prolist_box{ width:720px; height:auto; overflow:hidden; float:right; margin-top:13px;}
.prolist_box_box{ width:100%; height:100px; margin-bottom:12px; border-bottom:1px solid #797979; overflow:hidden; cursor:pointer; clear:both;}/*h:45*/
.prolist_box_box_left{ width:60px; height:60px; float:left; margin-left:65px;}/*h:40*/
.prolist_box_box_right{ width:520px; height:60px; float:right;}/*r:640  h:42*/
.prolist_box_box_right_title{ width:100%; height:auto; color:#9E293F; font-size:14px; font-weight:bold; margin-bottom:3px;}
.prolist_box_box_right_title a{ color:#9E293F; font-size:14px}
.prolist_box_box_right_txt{ width:100%; height:auto;}
.prolist_box_box_right_txt dt{ width:90%; height:auto; font-size:13px; font-weight:bold; color:#464646; float:left;}
.prolist_box_box_right_txt dd{ width:auto; height:auto; font-size:13px; font-weight:bold; color:#9E293F; float:right;}
.prolist_box_box_right_txt1{ width:100%; height:20px;}
.prolist_box_box_right_txt1 dt{ width:100px; height:20px; float:left; color:#464646; font-weight:bold; font-size:11px; overflow:hidden;}/*w:166 h:15*/
.prolist_box_box_right_txt1 dd{ width:200px; height:20px; float:left; text-align:left; font-size:11px; font-weight:bold; color:#464646; overflow:hidden;}/*w:52 h:15*/
.prolist_box_box_right_txt2{ width:100%; height:20px;}
.prolist_box_box_right_txt2 dt{  border:1px solid #d0f; width:100px; height:20px; float:left; color:#464646; font-weight:bold; font-size:11px; overflow:hidden;}/*w:166 h:15*/
.prolist_box_box_right_txt2 dd{ width:auto; height:20px; float:left; text-align:right; font-size:11px; font-weight:bold; color:#464646; overflow:hidden;}/*w:52 h:15*/
.prolist_box_box_right_txt2 .info{width:40px; float:right; margin-right:25px;}
.prolist_box_box_right_fanye{ width:350px; height:30px; border-bottom:1px solid #797979; font-size:11px; color:#9E293F; font-weight:bold; text-align:right; padding-right:50px;}
.prolist_box_box_right_fanye a{ color:#666; text-decoration:none;}
.prolist_box_box_right_fanye a:hover{ color:#9E293F; text-decoration: underline;}
.prolist_box_box_right_dj{ width:100%; height:auto;margin-top:5px;}
.prolist_box_box_right_dj dt{ width:auto; height:auto; float:right; font-size:9px; color:#666; margin-right:15px; }
.prolist_box_box_right_dj dt select{ font-size:9px;}
.prolist_box_box_right_dj dd{ float:right; font-size:11px; color:#666; font-weight:bold;}

.daivd_xlbox{ width:143px; height:21px; background:url(../images/david_xlbg_03.jpg); font-size:12px; overflow:hidden; line-height:21px; text-indent:3px; margin-left:5px;}
.daivd_xltxt{ width:143px; height:100px; overflow-y:auto; overflow-x:none;border:1px solid #B2B2B2;margin-left:5px; position: absolute; background:#fff; display:none;}
.daivd_xltxt ul{ list-style-type:none;}
.daivd_xltxt ul li{ width:auto; /*height:18px; line-height:12px;*/ font-size:10px; color:#333;}
.daivd_xltxt ul li input{ width:12px; height:12px; overflow:hidden; margin-left:2px; margin-top:2px;}

/*  Blog */
#blog_link {
	position:absolute;
	width:220px;
	height:40px;
	margin-left:-417px;
	left:50%;
	top:500px;
	z-index:190;
}