/*-------------------------------------------------
GLOBALS CLASSES 
-------------------------------------------------*/
*{padding:0; margin:0;}
body{font-family:"Times New Roman"; font-size:14px; color:#000000; background:url(Pictures/Background%20leather.jpg);}
background-img{width:100%;}
img{border:none;}
h1{ font-family:"Times New Roman"; font-size:22px; font-weight:bold;}
h2{ font-family:"Times New Roman"; font-size:18px; font-weight:normal;}
P{ line-height:20px;}
a{text-decoration:none; color:#0000cc;}
a:hover{color:#000000;}
/*-------------------------------------------------
GENERAL CLASSES
-------------------------------------------------*/
.clearing { clear:both;}
.marTop20{margin-top:20px;}
.marTop30{margin-top:30px;}
.marTop40{margin-top:40px;}
.marRight30{margin-right:30px;}
.bg-bottom{ background:none bottom !important;}
.panel{}
.title{}
.content{}
.button a{ text-decoration:none; background:url(../Pictures/btn-bg.png) no-repeat; width:90px; height:30px; text-align:center; line-height:30px; display:block;}
.button a:hover{background:url(../Pictures/btn-bghover.png) no-repeat; color:#04192f;}
.page-wrap{ margin:0 auto; overflow:hidden; width:960px; background-color: rgba(255,255,255,0.9); padding-top:10px; padding-bottom:10px; -webkit-box-shadow: 0 10px 50px #999;}
.wrap{ width:960px; margin:0 auto; overflow:hidden;}
.input-newsletter{ background:url(../Test%20website/images/newsletter-bg.png) no-repeat center; width:210px; height:46px; border:none; text-indent:10px; color:#fff;font-family:"Trebuchet MS"; font-size:14px;}


/*-------------------------------------------------
HEADER CLASSES
-------------------------------------------------*/
.header-wrap{ background:/*#000*/ url(Pictures/Background%20top%202.jpg) repeat-x; /*height:150px;*/ width:960px; margin:0 auto;*/ -webkit-box-shadow: 0 0 30px #000;}
/*.logo{ /*width:100%; margin:0 auto;}*/
/*.logo h1{ color:#ffffff; font-size:45px; font-weight: normal; padding-top:70px; padding-bottom:40px;}*/
.logo img{width:100%;}

/*-------------------------------------------------
MENU CLASSES
-------------------------------------------------*/
.menu-wrap{z-index: 99; /* Makes sure that the drop-down menu remains on top of other page elements */ overflow:hidden; margin:0 auto; width:960px; background-color: rgba(255,255,255,0.9); padding-top:20px; padding-bottom:20px;}
.menu{ float:left; width:660px; }
.menu ul li{ list-style:none; float:left; width:88px; text-align:center; line-height:40px; margin-right:10px; display:inline;}
.menu ul li a{ text-decoration:none; font-size:15px; font-weight:bold; text-transform:uppercase; text-align:center; display:block; color:#000000;}
.menu ul li a:hover{ color:#ffffff;  background:url(Pictures/menu-btn.png) no-repeat; }
.menu ul li a.active{ background:url(Pictures/menu-btn.png) no-repeat; color:#ffed71; width:88px; height:40px; color:#ffffff;}

.Border{					/* Influences the drop-down menu */
	border: none;
	display: inline;
	font-size: 80%;
	font-weight:bold;

}
#Border2{					/*Zustaendig fuer Gallery und Contact Menue*/
	border: none;
	font-size:110%;
	font-weight:900;
	position:absolute;
	z-index:99;
}

.Borderx{
	padding-left:98px;	/*Rueckt nachfolgendes Element von drop-down box nach rechts*/
}

.menu li ul{						/*Drop-down menu*/
		display: none;  /* Hides the drop-down menu */
		height: auto;									
		margin: 0; /* Aligns drop-down box underneath the menu item */
		padding: 0; /* Aligns drop-down box underneath the menu item */		
		background-color: rgba(255,255,255,0.9);
		width: 150px;
}				
.menu li:hover ul 	{
        display: block; /* Displays the drop-down box when the menu item is hovered over */
		float:left;

}

/* Pagination links */
.pagination a {
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color .3s;
}

/* Style the active/current Pagination link */
.pagination a.active {
  background-color: #04192f;
  color: white;
}

/* Add a grey background color on mouse-over to Pagination links*/
.pagination a:hover:not(.active) {background-color: #ddd;}


/*-------------------------------------------------
SOCIAL MEDIA CLASSES
-------------------------------------------------*/
.socia-wrap{ float:right; width:210px;}
.socail{ overflow:hidden; float:right;}
.socail ul li{ float:left; margin-right:10px; list-style:none;}

/*-------------------------------------------------
BANNER CLASSES
-------------------------------------------------*/
.banner-wrap{width:960px; overflow:hidden; /*width:100%;*/ margin:0 auto; background-color: rgba(255,255,255,0.9); /*-webkit-box-shadow: 0 10px 50px #999;*/}
.banner{height:300px;/*  background:url(Home/Pictures/Material%20002.jpg)*//*width:100%;*/ no-repeat;}
.banner .banner-img{ margin:0 auto; padding-left:5px;}
/*.shadow{ width:950px; height:38px; background:url(Test%20website/images/shadow.png) no-repeat center; margin-bottom:45px;}*/

.banner_contact{height:300px;/*  background:url(Home/Pictures/Material%20002.jpg)*//*width:100%;*/ margin:0 auto; padding-left:30px; padding-top:10px; padding-right:10px; padding-bottom:10px;}
.banner_contact .banner_contact-img{ margin:0 auto; padding-left:5px; height:150px; align:right;}

.contentx{font-size: 120%;}
.contentx ul li {list-style:none;}

.contenty{padding-bottom:12px; padding-left:15px;}

/*.contentz{padding-left:15px;}*/

/*-------------------------------------------------
BOX CLASSES
-------------------------------------------------*/
.box{ width:31%; overflow:hidden; float:left;}
.box .panel .title{ background:url(Pictures/line-bg.jpg) repeat-x bottom; padding-bottom:25px; margin-bottom:25px;}
.box .panel .title span{ float:left; margin-right:12px;}
.box .panel .title h1{ color:#000000; font-weight:bold;}

.box2{ width:45%; overflow:hidden; float:left; margin-left:45px;}
.box2 .panel .title{padding-bottom:25px; margin-bottom:25px;}
.box2 .panel .title span{margin-right:12px;}
.box2 .panel .title h1{ color:#000000; font-weight:bold;}

.boxz{ width:32%; overflow:hidden; float:left; padding-left:15px;}
.boxz .panel .titlez{ background:url(Pictures/line-bg.jpg) repeat-x bottom; padding-bottom:25px; margin-bottom:25px;}
.boxz .panel .titlez span{ float:left; margin-right:12px;}
.boxz .panel .titlez h1{ color:#000000; font-weight:bold;}


.copyright-wrap{ /*background:url(Test%20website/images/bg3.jpg) repeat-x center;*/ width: 960px; /*padding-top:45px;*/ overflow:hidden; margin:0 auto; /*width:100%;*/ background-color: rgba(127,127,127,0.9); padding-top:10px; padding-bottom:10px;}
.copyright-wrap .content{/*text-align:center;*/ color:#feaf32;}
.copyright-wrap .content p a{ color:#feaf32; text-decoration:none;}
.copyright-wrap .content p a:hover{ color:#ffffff;}
.copyright-wrap .content p a.active{ color:#ffffff;}

.page-wrap2{ margin:0 auto; overflow:hidden; width:960px; background-color: #efefef; padding-top:10px; padding-bottom:10px;-webkit-box-shadow: 0 10px 50px #999; }
.page-wrapper{width:960px; overflow:hidden; margin:0 auto; background-color: #efefef; padding-top:10px; padding-bottom:10px; -webkit-box-shadow: 0 10px 50px #999;}


/*-------------------------------------------------
WRAP2 CLASSES
-------------------------------------------------*/
.wrap2{ width:880px; height:75px; margin:0 auto; overflow:hidden; background:url(Pictures/box-bg.png) no-repeat; margin-top:60px; margin-bottom:60px; padding:40px 40px;}
.wrap2 .content{ width:500px; float:left;}
.icon{ float:left; width:35px; height:60px; margin-right:25px;}
.wrap2 h1{ color:#001325;}
.wrap2 .button{ float:right; display:block;}
.wrap2 .button a{background:url(Pictures/box-bg2.png) no-repeat;  width:220px; height:60px; font-size:26px; line-height:60px; text-transform:uppercase; padding-left:40px;}
.wrap2 .button a:hover{ width:220px; height:60px; padding-left:40px; background:url(Pictures/box-bg2hover.png) no-repeat; color:#ec3600;}

/*-------------------------------------------------
WRAP3 CLASSES
-------------------------------------------------*/
.wrap3{ width:960px; margin:0 auto;}
.wrap3 .panel{ width:300px; float:left;}
.wrap3 .panel .title{ padding-bottom:30px;}
.wrap3 .panel .title h1{ color:#ffffff;}
.wrap3 .panel .content img{ margin-bottom:20px;}
.wrap3 .panel .content p a{ color:#ffed71; text-decoration:underline; font-style:italic; padding-top:30px; display:block;}
.wrap3 .panel .content p a:hover{ color:#fff; text-decoration:none;}
.wrap3 .panel .content .icon{ float:left; padding-right:20px;}
.wrap3 .panel .content spna{ text-decoration:underline; color:#ffffff;}
.wrap3 .panel .content ul{padding-top:30px;}
.wrap3 .panel .content ul li{ list-style:none; background:url(Pictures/line-bg.jpg) repeat-x bottom; line-height:38px;}
.wrap3 .panel .content ul li a{ text-decoration:none; color:#ffffff;}
.wrap3 .panel .content ul li a:hover{color:#ffed71;}

/*-------------------------------------------------
COLS CLASSES
-------------------------------------------------*/
.leftcol{ float:left; width:630px; overflow:hidden; margin-top:30px;}
.leftcol .panel{ width:100%;}
.leftcol .panel .title{ background:url(Pictures/line-bg.jpg) repeat-x bottom; padding-bottom:25px; margin-bottom:25px;}
.leftcol .panel .title h1{ text-transform:uppercase;}
.leftcol .panel .content h2{ color:#1e3246; padding-bottom:15px; padding-top:10px;}
.leftcol .panel .title span{ font-size:18px; color:#1e3246;}
.leftcol .panel .content p{ padding-bottom:20px;}
.leftcol .panel .content img{ float:left; margin-right:20px; background:#dd2900; padding:3px; border:#f32d00 solid 2px;}


.rightcol{ float:right; width:300px; overflow:hidden; margin-top:30px;}

/*-------------------------------------------------
PORTFOLIO CLASSES
-------------------------------------------------*/
.portfolio-content{ width:915px; margin:0 auto; overflow:hidden; margin-left:45px;}
.portfolio-categ{margin-bottom:30px; margin:0 auto; text-align:left; margin:30px auto 30px auto; font-size:16px; /*background:url(Pictures/line-bg.jpg) repeat-x bottom;*/ padding-bottom:25px; margin-bottom:25px;}
.portfolio-categ li{display:inline; margin-right:10px;}
.image-block{ display:block; position: relative;}
/*.image-block img{border: 1px solid #000000; border-radius: 4px 4px 4px 4px; background:#000000; border:#000000 solid 1px; padding:5px;}*/
.image-block img:hover{}
.portfolio-area li{float: left;overflow: hidden;width:150px; padding:5px; margin-right:30px;}
.portfolio-area2 li{float: left;overflow: hidden;width:28%; padding:5px; margin-right:10px;}
.home-portfolio-text{margin-top:10px;}
li.active a{ text-decoration:underline;}

.title-wrap{padding-bottom:25px;}


/*-------------------------------------------------
CONTACT FORM CLASSS
-------------------------------------------------*/

/*.contact-form {padding:30px; width:100%; float:left;}
.contact-form label {display: block; padding:10px 0 10px 0;}
.contact-form label span {display: block; color:#ffed71;font-size:16px; float:left; width:80px; text-align:left; padding:5px 20px 0 0;}
.contact-form .input_text {padding:10px 10px; width:440px; background:#1e3246;border: none; color:#fff; background:url(Test%20website/images/bg2.jpg) repeat-x; outline:none; font-family:"Trebuchet MS"; font-size:14px;}
.contact-form .message{padding:10px 10px; width:440px; color:#fff;border: none;overflow:hidden;height:150px;background:url(Test%20website/images/bg2.jpg); outline:none; font-family:"Trebuchet MS"; font-size:14px;}
.contact-form .button{padding:8px;background:#ff9c00; color:#1e3246; text-transform:uppercase; font-family:"Trebuchet MS"; border:0px solid;margin-left:100px;margin-top:20px;}

.address { float:left; width:370px; margin-left:30px;}
.address .panel { border:none; color:#9b9e9a}
.address .panel .title h1 {  color:#d13f31; padding-bottom:10px;}
.address .panel .content p span { color:#9b9e9a;}*/


/*-------------------------------------------------
FOOTER CLASSES
-------------------------------------------------*/
/*.footer-wrap{ background:url(Test%20website/images/bg2.jpg); margin-top:80px; overflow:hidden;}
.footer-wrap .wrap{ width:960px; margin:0 auto;background:url(Test%20website/images/footerbg-light.png) no-repeat center; height:208px; padding-top:60px; padding-bottom:60px; overflow:hidden;}
.footer-wrap .wrap .panel{width:300px; float:left;}
.footer-wrap .wrap .panel .title{ color:#ffffff; padding-bottom:30px;}
.testimonials{background:url(Test%20website/images/testimonials-bg.png) no-repeat; width:220px; height:106px; padding:30px 50px 30px 30px;}
.footer-wrap .wrap .panel .content span{ color:#da2600;}
.footer-wrap .wrap .panel .content span a{ color:#da2600; text-decoration:underline; display:block; padding-top:20px;}
.footer-wrap .wrap .panel .content span a:hover{ color:#ffed71; text-decoration:none;}


.footer-wrap .wrap .panel .content ul{ padding-bottom:30px; overflow:hidden;}
.footer-wrap .wrap .panel .content ul li{list-style:none; float:left;}
.footer-wrap .wrap .panel .content ul li .button{ background:url(Test%20website/images/signup-btn.png); width:80px; height:46px; border:none; font-size:18px; color:#3d1a1b;  font-family:"Trebuchet MS"; margin-left:10px;}

.cotact{width:300px;}
.cotact ul li{ border-bottom:#0d304f solid 1px; list-style:none; line-height:50px;}
.cotact ul li img{ padding-right:10px;}*/