@charset "utf-8";
/********************************/	
/* y3m.de - Die Internetagentur */
/* BASIC Layout					*/
/* layout.css					*/
/********************************/	

body {
	margin:0;
	padding:0;
	background:#1e1d23;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#9e9ea4;
}
.clear {
	clear:both;
}
div {
	position:relative;
}

/**
 * GENERAL WIDTHS
 */
 .upper-part , .banner-part , .middle-part , .bottom-part {
	 width:1000px;
	 margin:auto;
	 text-align:left;
 }
 .middle-part {
	 background:url(images/middle_back.jpg) repeat-y;
 }
 

/**
 *	UPPER PART
 */
 .upper-wrap {
	 background:#19191b url(images/header_back.png) repeat-x top;
	 padding-top:5px;
 }
 .upper-part {
	 background:url(images/header_texture.jpg) no-repeat top left;
	 height:246px;
 }
 .header-left {
	 float:left;
	 width:400px;
	 padding-left:40px;
 }
 .logo {
	 margin-top:60px;
 }
 .header-right {
	 float:right;
	 padding-right:40px;
	 width:400px;
	 text-align:right;
 }
 .language {
	 margin-top:15px;
 }
 .search-box {
	 height:33px;
	 margin-top:13px;
 }
 .search-box form {
 	display:block;
	width:292px;
	float:right;
 }
 .search-box .textfield-wrap {
	 display:block;
	 float:left;
	 width:255px;
	 height:33px;
	 background:url(images/search_back.png) transparent no-repeat;
 }
 .search-box .textfield-wrap input {
	 border:0 none;
	 background:transparent;
	 display:block;
	 padding:10px;
	 font-size:9pt;
	 color:#28282c;
	 width:230px;
 }
 .search-box input[type="image"] {
	 float:left;
	 display:block;
	 width:37px;
	 height:33px;
	 color:#28282c;
 }
 .phone {
	 margin-top:43px;
 }
 .header {
	 height:148px; 
 }
 .main-menu {
	 padding:0 40px;
	 list-style:none;
	 margin-bottom:0;
	 margin-top:42px;
	 padding-right:0;
	 position:relative;
	 overflow:hidden;
	 }
 .main-menu li {
	 display:inline;
	 margin-right:10px;
 }
 .main-menu li a , .main-menu li a:visited, .main-menu li a:hover, .main-menu li a:focus {
	 color:#666;
	 text-decoration:none;
 }
 .main-menu li a img {
	 background:url(images/menu_hover.jpg) bottom center no-repeat;
 }
 
 /**
  * BANNER PART
  */
 .banner-wrap {
	 background:#0a0a0c url(images/banner-wrap.jpg) repeat-x;
	 height:228px;
	 overflow:hidden;
 }
 .banner-part  {
	 overflow:hidden;
 }
 .banner-carousel {
	 height:228px;
	 overflow:hidden;
	 margin:0;
	 padding:0;
	 list-style:none;
	 position:relative;
	 
 }
 .banner-item {
	 background:url(images/banner_notebook.jpg) top left no-repeat;
	 height:228px;
	 overflow:hidden;
	 position:relative;
	 width:1000px;
	 float:left;
 }
 .banner-item .csc-textpic {
	 height:228px;
	 overflow:hidden;
	 position:relative;
 }
 .banner-item .csc-textpic-text {
	 width:600px;
	 margin-left:40px;
	 margin-top:35px;
	 font-family:Georgia, "Times New Roman", Times, serif;
	 color:#fff;
 }
 .banner-item .csc-textpic-text h1 {	 
 	margin-top:0;
	margin-bottom:10px;
	font-weight:normal;
	font-size:25pt;
 }
 .banner-item .csc-textpic-text p {
	 margin:0;
	 font-size:14pt;
 }
 .banner-item .csc-textpic-imagewrap {
	 position:absolute;
	 top:38px;
	 right:105px;
	 width:211px;
	 height:135px;
	 overflow:hidden;
 }
 .banner-control-left, .banner-control-right, .jcarousel-next , .jcarousel-prev{
	 position:absolute;
	 height:228px;
	 width:29px;
	 top:0;
	 cursor:pointer;
	 z-index:99;
 }
 .banner-control-left , .jcarousel-prev {
	 background:url(images/arrow_left.png) no-repeat 0 80px;
	 left:0;
 }
 .banner-control-right , .jcarousel-next {
	 right:0;
	 background:url(images/arrow_right.png) no-repeat 0 80px;
 }
 .banner-controls-navi {
	 position:absolute;
	 z-index:99;
	 height:45px;
	 bottom:10px;
	 left:40px;
 }
 .banner-navi-item , .banner-navi-item-cur{
	 height:30px;
	 width:45px;
	 display:block;
	 float:left;
	 text-align:center;
	 padding-top:15px;
	 cursor:pointer;
	 font-weight:bold;
	 color:#fff;
 }
 .banner-navi-item {
	 background:url(images/listing_no.jpg) no-repeat center top;
 }
 .banner-navi-item-cur {
	 background:url(images/listing_act.jpg) no-repeat center top;
 }
 
 /**
  * MIDDLE PART
  */
  .middle-wrap {
	  background:url(images/middle_part.jpg) repeat-x #46464d;
	  overflow:hidden;
  }
  .sub-menu, .top-col ul {
	  height:38px;
	  padding-top:6px;
	  margin:0;
	  background:url(images/bar1.jpg) repeat-x #252628;
	  padding-left:40px;
	  padding-right:40px;
  }
  .sub-menu li , .top-col ul li {
	  display:block;
	  float:left;
	  width:95px;
	  margin-right:10px;
  }
   .sub-menu li a, .sub-menu li a:visited, .sub-menu li a:hover, .sub-menu li a:focus,
   .top-col ul li a, .top-col ul li a:visited, .top-col ul li a:hover, .top-col ul li a:focus {
	 color:#666;
	 text-decoration:none;
	 background-image:url(images/submenu.png);
	 background-repeat:no-repeat;
	 display:block;
	 height:30px;
	 text-align:center;
	 padding-top:8px;
	 font-family:Arial, Helvetica, sans-serif;
	 font-size:10pt;
	 color:#b9b9bc;
	 font-weight:bold;
 }
 .sub-menu .no a , .top-col ul li a {
	 background-position:0 -38px;
 }
 .sub-menu .cur a , .sub-menu .no a:hover, .top-col ul li a:hover {
	 background-position:0 0;
 }
  
  /**
   * BOTTOM PART
   */
   .bottom-wrap {
	   background:url(images/footer_back.jpg) repeat-x;
	   height:469px;
   }
   .bottom-part {
	   width:980px;
	   padding:0 10px;
	   padding-top:30px;
   }
   
   .bottom-left {
	   float:left;
	   width:445px;
   }
   .bottom-right {
	   width:450px;
	   padding-left:20px;
	   background:url(images/linie_vert.png) left 10px no-repeat;
	   float:right;
   }
   
   .bottom-footer {
	   width:600px;
	   margin:auto;
	   text-align:center;
	   margin-top:40px;
   }
   .bottom-footer ul {
	   list-style:none;
	   margin:0;
	   margin:auto;
	   padding:0;
	   width:310px;
   }
   .bottom-footer ul li {
	   text-align:left;
	   color:#505056;
		float:left;
		width:120px;
		padding-left:25px;
		margin-right:10px;
		background:url("images/haken.png") no-repeat scroll left center transparent;
   }
   .bottom-part .bodytext, .bottom-footer a {
	   padding:0;
	   color:#505056 !important;
   }
   
   
   /** CONTACT FIELD **/
   .y3m_contact_form .textfield-wrap {
	 display:block;
	 width:307px;
	 height:32px;
	 background:url(images/contact_field.png) no-repeat;
	 margin-bottom:10px;
 }
 .y3m_contact_form .textfield-wrap input {
	 border:0 none;
	 background:none repeat scroll 0 0 transparent;
	 display:block;
	 padding:10px;
	 font-size:9pt;
	 color:#28282c;
	 width:250px;
 }
 .y3m_contact_form .textarea-wrap {
	 display:block;
	 width:433px;
	 height:95px;
	 background:url(images/contact_textarea.png) no-repeat;
	 margin-bottom:10px;
 }
 .y3m_contact_form .textarea-wrap textarea {
	 border:0 none;
	 background:none repeat scroll 0 0 transparent;
	 display:block;
	 padding:10px;
	 font-size:9pt;
	 width:410px;
	 height:75px;
	 color:#28282c;
 }
 
 .col-left .y3m_contact_form .textfield-wrap {
	 display:block;
	 width:223px;
	 height:32px;
	 background:url(images/kontakt-main-back.png) no-repeat;
	 margin-bottom:10px;
	 float:left;
	 margin-right:50px;
 }
 .col-left .y3m_contact_form .textfield-wrap input {
	  width:200px;
  }
 .col-left .y3m_contact_form .textarea-wrap  {
	 clear:both;
 }
 .y3m_contact_form .powermail_mandatory_js {
	 position:absolute;
	 top:0;
	 right:-70px;
	 heigth:0px;
	 width:0px;
	 background:url(images/cross.png) 5px 10px no-repeat;
	 padding-top:32px;
	 padding-left:50px;
	 overflow:hidden;
 }
 
 
 .start-menu-wrap {
	 background:url(images/startmenu_back.jpg) repeat-x #141416;
	 height:298px;
	 overflow:hidden;
	 padding-left:20px;
 }
 .start-menu-item {
	 margin-top:10px;
	 width:310px;
	 float:left;
	 background:url(images/plus.png) bottom right no-repeat;
	 margin-left:10px;
	 height:135px;
 }

.col-left, .col-right {
	padding:10px;
	width:480px;
}
.col-left {
	background:url(images/col1Back.jpg) no-repeat #19191b;
	float:left;
}
.col-right {
	background:url(images/col2Back.jpg) no-repeat #505056;
	float:right;
}

.map-popup {
	background:url(images/map-popup.png) no-repeat;
	width:406px;
	height:264px;
	position:absolute;
	top:75px;
	right:75px;
	display:none;
	padding:10px;
	padding-left:20px;
	padding-right:20px;
}
.map-popup .close {
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:5px;
	cursor:pointer;
	right:10px;
}
#powermaildiv_uid16 {
	display:none;
	visibility:hidden;	
}