/* CSS Document */

body {margin:0px; font:13px Arial, Helvetica, sans-serif ;    color:#656352; background:url(../images/bg.gif) repeat-x; background-color:#f9f8f2;}


/********************Globel work***********************************/
*{margin:0px; padding:0px;}

body, ol, ul, p, hr {margin:0px; padding:0px;} 

h1, h2, h3, h4, h, h6 {line-height:normal; margin:0px; padding:0px;}
.uberschriftliste {
	margin-bottom: 10px;
	margin-top: 10px;
}



/****************** Globel  ID & Class **************/



/*************************Right Globel ID & Class***********************************/
a {color:#000; text-decoration: none;  } 
a:hover {text-decoration: underline;}

/******************** layout panel *************************/
#wapper {width:auto; height:auto;}

#container {margin:0px auto; width:1000px; }
.centerPanel {margin:0px auto; width:904px;}

.clear {clear:both;}


/****************************** MainControllerPanel*******************************/
#mainController { margin: 0px; padding:10px 0px 0px 0px;}

/****************************** TopSearchPanel*******************************/
#topSearchPanel { float:right; width:300px; margin:0px; padding: 0px 0px 11px 0px; }
#topSearchPanel form {margin:0px; padding:0px;}
#topSearchPanel form input {margin:0px; padding:2px 5px 0px 5px; background:url(../images/inputBox.gif) no-repeat; border: none; width:200px; height:21px; float:left;}
#topSearchPanel form input.search { margin:0px 0px 0px 10px; padding:0px; width:45px; height:19px;}

	
/****************************** topPanel*******************************/
#topPanel {margin:0px; padding:0px; background:url(../images/top_menu_bg.gif) no-repeat 0 bottom; height:86px;}

/****************************** logoPanel*******************************/
.logoPanel {margin:0px; padding:10px 0px 0px 30px; display: block; float: left; width:215px;}

/****************************** NavigationPanel*******************************/
.navigationPanel {margin:0px; padding:20px 0px 0px 0px; display: block; float: right;}
.navigationPanel ul.navList {margin: 0px; padding: 0px;}
.navigationPanel ul.navList li {margin: 0px; padding: 0px; list-style: none; float: left; font-size: 13px; display: block; text-align: center;  }
.navigationPanel ul.navList li a { cursor: pointer;margin: 0px; padding:0px 1px 0px 1px; list-style: none; float: left; color: #e0580e; font-weight: bold; text-decoration: none; display: block;}
.navigationPanel ul.navList li a span {margin: 0px; padding: 5px 16px 5px 16px; display: block; float: left; }

.navigationPanel ul.navList li a:hover {  background:url(../images/nav_left_over.gif) no-repeat left bottom; color:#fff }
.navigationPanel ul.navList li a:hover span { background:url(../images/nav_right_over.gif) repeat-x right bottom; color:#fff; }

.navigationPanel ul.navList li a.over {  background:url(../images/nav_left_over.gif) no-repeat left bottom; color:#fff }
.navigationPanel ul.navList li a.over span { background:url(../images/nav_right_over.gif) repeat-x right bottom; color:#fff; }

/****************************** HeaderPanel*******************************/

#mainHeaderPanel {
	margin:0px;
	padding: 0px 0px 0px 0px;
	height:234px;
	background-image: url(../grafiken/cocktail.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.headerRighBox { float:right; width: 496px;}
	 h2 {margin:0px; padding:25px 0px 15px 0px; display: block; font-size:25px; color:#202020; font-family: Sylfaen; font-weight: normal;} 
	 span.headerTxt {margin:0px; padding:8px 95px 20px 20px; display: block; color:#656352; line-height:23px; background:url(../images/inverted_code.gif) no-repeat ;}
	 span.invertedCode {margin:0px; padding:0px 0px 0px 10px; }
	 span.greenButt {margin:0px; padding:5px 0px 5px 0px; display:block; float:left; background:url(../images/green_butt.gif) no-repeat; text-align: center; width: 84px; color: #000;}
	  span.blackButt {margin:0px 0px 0px 15px; padding:5px 0px 5px 0px; display:block; float:left; background:url(../images/black_butt.gif) no-repeat; text-align: center; width: 84px; color: #fff;}
	  span.blackButt a {color:#fff;}
	  
/**********************Middlepanel*******************/

#mainMiddleBox {margin:0px; padding:0px; background:url(../images/middle_bg.gif) no-repeat top;}  
  .middleController {margin:0px; padding:40px 0px 0px 0px;}
  
/********************** leftBox *******************/

 #leftBox {float:left; width:550px;}
  .leftContent {margin:0px; padding:0px 0px 0px 0px;}
.leftContent  h1 {margin:0px; padding:0px 0px 25px 0px; display: block; font-size:22px; color: #797247; font-weight: normal;}
	  .leftContent span {color:#439505;}
	  span.greenBold {margin:0px; padding:0px 0px 10px 0px; display: block; font-weight: bold; color:#3c8a1a; font-size:13px;}
	  p {margin:0px; padding:0px 40px 15px 0px; display: block; line-height:23px; color:#656352;}
	  div.readMore {margin:0px; padding:0px; background:url(../images/dot.gif) repeat-x center; display: block; width:520px;}
	  span.readMoreButt {margin:0px; padding:0px; float:right;}
	  

/**********************secLeftBox*******************/
.secLeftBox {margin:0px; padding:40px 0px 0px 0px;}  

	.keyFeaturesBox {float:left; width:236px; color:#d06500; line-height:18px; font-size:11px;}
	 h3 {margin:0px; padding:0px 0px 20px 0px; font-size:22px; color:#797247; font-weight: normal; display:block;}
	 span.img1 {margin:0px; padding:0px 0px 5px 40px; background:url(../images/img1.gif) no-repeat left;} 
	 span.bullet {margin:0px; padding:5px 0px 5px 0px; display: block; float:left; background:url(../images/img7.gif) no-repeat; width:26px; text-align: center; color: #fff; font-size:13px; font-weight: bold;}
	 span.boldColor {margin:0px; padding:5px 0px 0px; float:right; color:#3c8a1a; font-size:12px; width:200px; display: block;}
	 div.block {margin:0px; padding:0px 0px 10px 0px;}
	 span.orangeColor {margin:0px; padding:0px 0px 10px 0px; display: block; }
	 
/**********************latestDesignBox*******************/

.latestDesignBox {float:right; width:299px; background:url(../images/shadow.gif) no-repeat left;}
.latestDesignBox h4 {margin:0px; padding:0px 0px 10px 20px; font-size:22px; color:#797247; font-weight: normal;}
 span.img2 {margin:0px; padding:10px 0px 0px 40px; background:url(../images/img2.gif) no-repeat left; display: block;} 
 span.img3 {margin:0px; padding:10px 0px 10px 30px; display: block;}
 span.brownbg {margin:0px 20px 0px 32px; padding:0px 10px 0px 0px; display: block; text-align: right; background-color:#dad8cb; color:#000; width:235px; font-size:11px; }
 
 /**********************rihgtBox*******************/
#rightBox { float: right; width:300px;} 
 .rightContent { margin:0px; padding:0px 0px 18px 0px;}
  .rightContent h5 {
	padding:  0px;
	font-size:1.6em;
	color: #797247;
	font-weight: normal;
	font-family:"Times New Roman", Times, serif;
	border: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
  span.img4 {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
} 
  span.img5 {margin:0px; padding: 0px 0px 20px 60px; background:url(../images/img5.gif) no-repeat left ;} 
  span.img6 {margin:0px; padding: 0px 0px 20px 60px; background:url(../images/img6.gif) no-repeat left ;} 

  span.rightTxt { margin: 0px; padding:0px 0px 30px 65px; display: block; color:#d06500; font-size:11px; border-bottom:1px #d2d0c6 solid;}
  
 span.img8 {
	margin:0px;
	display: block;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
} 
  
.category-box ul {margin: 0px; padding: 0px;}
.category-box li {margin: 0px; padding: 0px;  font-size: 12px;  background:url(../images/dot.gif) repeat-x 0 bottom; list-style:none;  }
.category-box li a{ padding-left: 25px; line-height: 30px; width: 275px; display: block; color: #757575; text-decoration: none; background:url(../images/arrow.gif) 10px 10px no-repeat; }
.category-box li a:hover { background: #e5e5db url(../images/hover-bullet.gif) 10px 10px no-repeat; }
.category-box li a.over { background: #e5e5db url(../images/hover-bullet.gif) 10px 10px no-repeat; }


.category-box h4 {margin:0px; padding:0px 0px 10px 0px; font-size:22px; color:#797247; font-weight: normal;}
 
/**********************fottoer panel*******************/


#main_footer_panel {clear:both; margin:0px; padding:30px 0px 0px 0px; }
.main_footer_controller {margin:0px; padding:0px;  background-color:#1b1702; border-top:3px #bdbaa6 solid;}
.main_footer_details {margin:0px; padding:25px 0px 35px 0px; }
.main_footer_details h4 {margin:0px; padding:5px 0px 0px 0px;   font-size:12px; font-weight: normal; font-family: Arial, Helvetica, sans-serif; color:#fff; text-align: center ; }
.main_footer_details p {margin:0px; padding:0px;  color:#b1b1b1;   font-size:13px; text-align:center;  }
.main_footer_details p a {color:#b1b1b1; text-decoration:none; margin:0px; padding:0px 5px 0px 5px; }
.main_footer_details p a:hover {text-decoration:underline;}


/* inner pages css start */
/*h1{font:35px "Times New Roman", Times, serif ;margin:0px; color:#ffc850; font-weight:bold; padding:0px 0px 0 0px;}
h1 span{color:#fff}*/
.aboutus-img{float:right; border:4px solid #e2e2d8;	margin:0 0px 10px 20px;}
h5{
	font:15px Tahoma, Arial, Helvetica, sans-serif;
	color:#797247;
	font-weight:bold;
	padding:0px 0px 5px 0px;
	border-bottom:1px dotted #797247;
	margin:0px 0px10px 0px;
}
h6{font:15px Tahoma, Arial, Helvetica, sans-serif; color:#797247; font-weight:bold; padding:0px 0px 5px 0px; margin:0px 0px 10px 0px;}
.aboutcolumnzone{padding:20px 0px 16px 0px;}
.aboutcolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.aboutcolumn2{width:48%; float:right; margin:0px 0px 10px 0px;}
.abouticon{float:left; margin:0px 20px 0px 0px;}
.insidereadmore{padding:10px 0px 10px 0px;}
input.button{color:#000; background:#ffc850; font:bold 11px Arial, Helvetica, sans-serif; text-decoration:none; padding:10px 10px; margin:0px 5px 5px 0;	border:1px solid #5b7a92;}
input.button:hover{cursor:pointer; color:#fff; background:#663300; border:1px solid #ffc850;}
.project-img{float:right; margin-left:20px;	border: 6px solid #e2e2d8;}
.whiteheading{font:30px Myriad Pro, Arial; color:#CBD76B; font-weight:100;	padding:0px; margin:25px 0px 20px 0px;}
.ourprojectrow{margin-bottom:20px; border-bottom:1px dotted #797247; padding-bottom:10px; padding-right:20px}
.servicecolumnzone{padding:20px 0px 16px 0px;}
.servicecolumn1{width:48%; float:left; margin:0px 0px 10px 0px;}
.servicecolumn2{width:48%; float:right;	margin:0px 0px 10px 0px;}
.blog-posted-row{padding:3px;}
/* inner pages css ends */
.contentliste {
	margin-left: 45px;
	list-style-type: square;
}
img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
