@charset "UTF-8";
/* CSS Document */


#ie-hint {
	background:#fff;
	width:600px;
	padding:20px;
	border:10px solid #ccc;
	margin:50px auto;
	display:none;
}

#ie-hint h5 {
	text-align:center;
	font:bold 20px/30px Arial, Helvetica, sans-serif;
}

#ie-hint h5 a {
	color:#0280ee;
}

#back-top {
	position:fixed;
	bottom:30px;
	right:30px;
}

#back-top a {
	width:50px;
	height:50px;
	display:block;
	background:url(../images/back-top.png) no-repeat center center;
	opacity:0.5;
	transition:500ms;
}

#back-top a:hover {
	opacity:1.0;
}


* {
	margin:0;
	padding:0;
	border:0;
	outline:none;
}

::selection {
	background:#000;
	color:#fff;
}

::-moz-selection {
	background:#000;
	color:#fff;
}

html {
	background:#fafafa;
}

body {
	font:12px/20px Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

a {
	color:#333;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

a.pdf {
	display:block;
	margin:10px 0 20px 0;
	background:url(../images/pdf-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

a.zip {
	display:block;
	margin:10px 0 20px 0;
	background:url(../images/zip-icon.png) top left no-repeat;
	padding:15px 0 15px 60px;
}

h1 {
	color:#454545;
	font:25px/30px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

h2 {
	color:#454545;
	font:20px/25px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
}

h3 {
	font:bold 17px/20px Arial, Helvetica, sans-serif;
}

h4, h5, h6 {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
}

p, h1, h2, h3, h4, h5, h6, table, ol, ul, fieldset {
	margin:0 0 20px 0;
}

table {
	border-collapse:collapse;
}

table td, table th {
	padding:5px 10px 5px 0;
	text-align:left;
	vertical-align:top;
}

.table {
	border-collapse:collapse;
}

.table tr td {
	padding:5px;
	border:1px solid #ccc;
}

.table tr:hover td {
	background:#ddd;
}

.contact-table {

}

.contact-table tr td {
	border:1px solid #aaa;
	padding:5px;
}

.contact-table tr td div {
	padding:0 12px 0 0;
}

.contact-table tr td input[type=text] {
	padding:5px;
	width:100%;
}

ul {
	list-style:outside disc;
	margin:0 0 20px 20px;
}

ol {
	list-style:outside decimal;
	margin:0 0 20px 20px;
}

hr {
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	clear:both;
	margin:20px 0;
}

fieldset {
	border:1px solid #ccc;
	padding:10px;
}

input {
	padding:3px 5px;
	width:100%;
	border:1px solid #aaa;
	background:#fcfcfc;
	color:#777;
	font:12px/20px Arial, Helvetica, sans-serif!important;
}

textarea {
	min-width:500px;
	max-width:500px;
	min-height:150px;
	max-height:250px;
	padding:5px;
	border:1px solid #aaa;
	background:#fcfcfc;
	color:#777;
	font:12px/20px Arial, Helvetica, sans-serif;
}

.clear, .clearfix {
	clear:both;
}


.cycle-slideshow { width:1600px;  margin:0 0 0 -300px; }

.cycle-overlay { width:900px; height:100px; margin:0 auto; padding:25px; }

.cycle-overlay h1 {
    display: block;
    float: left;
    font: 16px/25px Verdana,Arial,Helvetica,sans-serif;
    margin: 5px 0 0;
    padding: 25px 20px 0px 25px;
    width: 600px;
}

.cycle-overlay .h1-look {
    display: block;
    float: left;
    font: 16px/25px Verdana,Arial,Helvetica,sans-serif;
    margin: 0 0 5px 0;
    padding: 0px 20px 25px 25px;
    width: 600px;
}



.cycle-overlay span {
	width:120px;
	display:block;
	padding:25px 20px 25px 15px;
	margin:0px 10px;
	float:left;
	font:20px/25px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #333;
	text-transform:lowercase;
	}

.cycle-overlay p {
	width:600px;
	float:left;
	display:block;
	padding:25px 20px 25px 25px;
	font:16px/25px Verdana, Arial, Helvetica, sans-serif;
	margin:5px 0;
	}

/* INPUT ERROR FORMULAR */

#formularform input[type=text].inputerror,#formularform textarea.inputerror, #formularform input[type=text].inputerror {
	border:1px solid red;
}


/* jQUERY UI RESET */

.ui-widget-content {
	font:12px/20px Arial, Helvetica, sans-serif;
	color:#333;
}



#page {
	background:#fafafa;
	min-width:1000px;
	overflow:hidden;
	}

#top {
	width:950px;
	margin:0 auto;
	}

.logo {
	float:left;
	margin:15px 0 0 0;
	}

.topright {
	float:right;
	}

.headinfo {
	color:#bc0000;
	float:right;
	text-align:right;
	font:14px/20px Arial, Helvetica, sans-serif;
	margin:20px 0 20px 0;
	opacity:0.5;
	transition:all 500ms ease 0s;
	}

.headinfo:hover {
	opacity:1;
	}

.headinfo a {
	color:#bc0000;
	text-decoration:none;
	}

.headinfo a:hover {
	text-decoration:underline;
	}
	

#navi {
	margin:0;
	border-top:1px solid #454545;
	}

#navi li {
	display:inline-block;
	list-style:none;
	}

#navi li a {
	display:inline-block;
	padding:20px 13px 20px 13px;
	font:15px/20px Arial, Helvetica, sans-serif;
	color:#454545;
	text-decoration:none;
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	text-transform:lowercase;
	}

#navi li a:hover{
	color:#979797;
	}

#navi li.selected a {
	color:#979797;

	}




#subnavi {}

#subnavi li {
	margin:80px 0 0 0;
	display:inline-block;

	}

#subnavi li a {
	display:inline-block;
	padding:7px 28px 10px 28px;
	font:15px/20px Arial, Helvetica, sans-serif;
	text-decoration:none;
	color:#aaa;
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	text-transform:lowercase;
	}

#subnavi li a:hover {
	color:#333;
	}

#subnavi li.selected a {
	background:#fafafa;
	box-shadow:0 -2px 2px rgba(0,0,0,0.15);
	border-radius:15px 15px 0 0;
	color:#333;
	}






#slider {
	width:1000px;
	margin:0 auto;

	}


#sliderbox img {

	}


#tbild {
	width:100%;
	margin:0 auto;
	}



#boxen {
	width:100%;
	background:#f8f8f8 url(../images/scan.png) repeat;
	box-shadow:inset 0px 0px 3px rgba(0,0,0,0.25);
	}

#boxwrap {
	width:970px;
	margin:0 auto;
	}

.box {
	float:left;
	background:#fff url(../images/arrow.png) bottom right no-repeat;
	box-shadow:0 0 3px rgba(0,0,0,0.25);
	margin:30px 10px;
	border-radius:15px;
	}

.box a {
	display:block;
	text-decoration:none;
	width:301px;
	height:200px;
	}

.box span {
	width:70px;
	display:block;
	padding:25px 20px 25px 15px;
	margin:50px 10px;
	float:left;
	font:20px/25px Verdana, Arial, Helvetica, sans-serif;
	border-right:1px solid #333;
	text-transform:lowercase;
	}

.box p {
	width:145px;
	float:left;
	display:block;
	padding:25px 20px 25px 10px;
	margin:35px 0;
	}




#middle {
	width:950px;
	margin:50px auto;
	}

#startleft {
	width:450px;
	float:left;
	}

#startleft img {
	border-radius:15px;
	}

#startleft a {
	transition: all 500ms;
	opacity: 0.8;
	}

#startleft a:hover {
	opacity: 1;
	}


#startright {
	width:450px;
	padding:10px 0 0 50px;
	margin:0;
	float:left;
	}

#startright h2 {

	}


#kontakt {
	margin:50px 0 0 0;
	float:right;
	}

#kontakt a {
	display:inline-block;
	padding:13px 20px 13px 20px;
	border-radius:15px;
	color:#fff;
	text-decoration:none;
	float:left;
	font:22px/25px Verdana, Arial, Helvetica, sans-serif;
	background: rgb(66,66,66);
	background: -moz-linear-gradient(top,  rgba(66,66,66,1) 0%, rgba(88,88,88,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(66,66,66,1)), color-stop(100%,rgba(88,88,88,1)));
	background: -webkit-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(88,88,88,1) 100%);
	background: -o-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(88,88,88,1) 100%);
	background: -ms-linear-gradient(top,  rgba(66,66,66,1) 0%,rgba(88,88,88,1) 100%);
	background: linear-gradient(to bottom,  rgba(66,66,66,1) 0%,rgba(88,88,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#424242', endColorstr='#585858',GradientType=0 );
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	}

#kontakt a:hover {
	background: rgb(91,91,91);
	background: -moz-linear-gradient(top,  rgba(91,91,91,1) 0%, rgba(107,107,107,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(91,91,91,1)), color-stop(100%,rgba(107,107,107,1)));
	background: -webkit-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(107,107,107,1) 100%);
	background: -o-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(107,107,107,1) 100%);
	background: -ms-linear-gradient(top,  rgba(91,91,91,1) 0%,rgba(107,107,107,1) 100%);
	background: linear-gradient(to bottom,  rgba(91,91,91,1) 0%,rgba(107,107,107,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b5b5b', endColorstr='#6b6b6b',GradientType=0 );

	}


#kontakt p {
	width:610px;
	float:left;
	margin:5px 0 0 15px;
	}



.kategorie1 {
	margin:30px 0 40px 0;
	}

.kategorie1 img {
	width:355px;
	border-radius:15px;
	float:left;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms;
	}

.kategorie1 a:hover img {
	box-shadow:0 0 5px rgba(0,0,0,1);
	}

.kategorie1 span {
	width:330px;
	font:22px/30px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	color:#fff;
	padding:10px 10px 10px 15px;
	background:url(../images/arrow.png) 315px 12px no-repeat;
	margin:175px 0 0 0;
	text-transform:lowercase;

	}

.kategorie1 h2 {

	}

.kategorie1 p {


	}

.kategorie1 > div {
	width:350px;
	margin:35px 0 0 35px;
	float:left;
	}


.kategorie2 {

	margin:0 0 0 -10px;
	}


.kategorie2 img {
	width:355px;
	border-radius:15px;
	float:left;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms;
	}

.kategorie2 a {
	float:left;
	margin:10px;
	}

.kategorie2 a:hover img {
	box-shadow:0 0 5px rgba(0,0,0,1);
	}

.kategorie2 span {
	width:330px;
	font:22px/30px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	color:#fff;
	padding:10px 10px 10px 15px;
	background:url(../images/arrow.png) 315px 12px no-repeat;
	margin:175px 0 0 0;
	text-transform:lowercase;

	}



#impressionen {
	margin:40px 0 40px 0;
	}

#impressionen img {
	width:150px;
	margin:0 30px 0 0;
	}


#crumbs {
	position:absolute;
	margin:-35px 0 0 0;
	font-size:11px;
	color:#bbb;
	}

#crumbs a {
	text-decoration:none;
	color:#777;
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	text-transform:lowercase;
	}

#crumbs a:hover {
	color:#333;
	}


#contentleft {
	width:150px;
	float:left;

	}
	
#contentleft h3 {
	color:#454545;
	font:25px/30px Verdana, Arial, Helvetica, sans-serif;
	text-transform:lowercase;
	}

#contentright h1 {
	color:#444;
	font:20px/25px Verdana, Arial, Helvetica, sans-serif;
	text-transform:none;
	margin:0 0 10px 0;
	}
	
#contentright h2 {
	color:#999;
	font:16px/20px Verdana, Arial, Helvetica, sans-serif;
	}
	



.team {
	width:770px;

	margin:0 0 0 -10px;
	}

.team a {
	float:left;
	margin:10px;
	cursor:default;
	text-decoration:none;
	}

.team a img {
	border-radius:15px;
	}

.team a span {
	width:200px;
	font:22px/30px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	color:#fff;
	padding:10px 10px 10px 15px;
	background:url(../images/arrow.png) 315px 12px no-repeat;
	margin:-55px 0 0 0;
	text-transform:lowercase;w

	}

.team a:hover .tooltip {
	visibility:visible;
	opacity:1;

	}
	
.team a:hover .tooltip2 {
	visibility:visible;
	opacity:1;

	}

.fashion {
	width:235px;
	float:left;
	margin:0 20px 20px 0px;

	}
	
.fashion a {
	text-decoration:none;}

.fashion img {
	border-radius:15px;
	margin: 0 20px 0 0;
	}

.fashion span {
	width:200px;
	font:22px/30px Verdana, Arial, Helvetica, sans-serif;
	display:block;
	position:absolute;
	color:#fff;
	text-transform:lowercase;
	padding:10px 10px 10px 15px;
	background:url(../images/arrow.png) 315px 12px no-repeat;
	margin:-55px 0 0 0;
	}

.last {
	margin: 0 0 10px 0;}


.news {
	height:180px;
	}

.news a {
	text-decoration:none;
}

.news a.button {
	 display: block;
    font-weight: bold;
    text-align: right;
    text-decoration: none}

.news img {
	float:left;
	border-radius:15px;
	margin: 0 30px 0 0;
	}

.tooltip {
	visibility:hidden;
	opacity:0;
	display:block;
	width:240px;
	border-radius:10px;
	position:absolute;
   -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
	background:#fff;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	margin:-600px 0 0 150px;
	color:#454545!important;
	padding:10px;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif!important;
	}

.tooltip.third {
	margin:-600px 0 0 -150px!important;
	}

.tooltip img {

	border-radius:0px!important;
	}

.tooltip strong {
	font:14px/20px Verdana, Arial, Helvetica, sans-serif!important;
	}



.tooltip2 {
	visibility:hidden;
	opacity:0;
	display:block;
	width:240px;
	border-radius:10px;
	position:absolute;
   -webkit-transition: opacity 300ms ease-out;
    -moz-transition: opacity 300ms ease-out;
    -o-transition: opacity 300ms ease-out;
    transition: opacity 300ms ease-out;
	background:#fff;
	box-shadow:0 0 4px rgba(0,0,0,0.4);
	margin:-600px 0 0 -150px;
	color:#454545!important;
	padding:10px;
	font:12px/20px Verdana, Arial, Helvetica, sans-serif!important;
	}

.tooltip2.third {
	margin:-600px 0 0 -150px!important;
	}

.tooltip2 img {

	border-radius:0px!important;
	}

.tooltip2 strong {
	font:14px/20px Verdana, Arial, Helvetica, sans-serif!important;
	}





#items {
	width:760px;
	margin:0 0 0 -10px;
	}

.item {
	width:360px;
	float:left;
	margin:15px 10px;
	}

.item img {
	float:left;
	border-radius:15px;
	border: 1px solid #CCC;
	}

.item span {
	float:left;
	padding:20px 0 0 8px;
	width:150px;
	}

.item-tooltip {
	position:absolute;
	width:200px;
	height:170px;
	line-height:170px;
	text-align:center;
	border-radius:15px;
	border:1px solid #ccc;
	background:rgba(100,100,100,0.25);
	opacity:0.0;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	-o-transition:all 200ms;
	-ms-transition:all 200ms;
	transition:all 200ms;
}

.item-tooltip p a {
	color:#666;
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	padding:10px;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
	text-decoration:none;
}

.item-tooltip p a:hover {
	color:#000;
	background:rgba(255,255,255,1.0);
}

.item:hover .item-tooltip {
	opacity:1.0;
}

.item-tooltip-box {
	display:none;
}

#contentright {
	width:749px;
	padding:4px 0 0 50px;
	margin:0;
	float:right;
	border-left:1px solid #333;
	}



#bottom {
	width:100%;
	min-width:1000px;
	height:230px;
	background:#e5e5e5;
	box-shadow:inset 0px 0px 15px rgba(0,0,0,0.05);
	}


#footer {
	width:1000px;
	margin:30px auto 0 auto;

	}

/** .footerbox {
	width:200px;
	margin:45px 25px 0 25px;
	float:left;
	}
	
**/

.footerbox {
	width:280px;
	margin:45px 25px 0 25px;
	float:left;
	}

.footerbox h3 {
	display:inline-block;
	margin:0 0 15px 0;
	}

.footerbox h3 span {
	display:inline-block;
	margin:0 0 0 20px;
	vertical-align:top;
	font:19px/25px Verdana, Arial, Helvetica, sans-serif;
	color:#454545;
	text-transform:lowercase;
	}

.footerbox p {
	margin:0 0 5px 0;
	}

.footerbox a {
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	}

.footerbox a:hover {
	text-decoration:underline;
	}


#footer2 {
	width:1010px;
	margin:50px auto 50px auto;
	}

.footerbox2 {
	float:left;
	margin:0px 30px;

	}

.footerbox2 h2 {
	padding:0 0 10px 0;
	border-bottom:1px solid #454545;
	font:20px/25px Verdana, Arial, Helvetica, sans-serif;
	}

.footerbox2 ul{
	width:196px;
	margin:0;
	list-style:none;
	}

.footerbox2 ul li a  {
	display:inline-block;
	text-decoration:none;
	font:13px/30px Verdana, Arial, Helvetica, sans-serif;
	-moz-transition:all 300ms;
	-webkit-transition:all 300ms;
	-o-transition:all 300ms;
	transition:all 300ms;
	}

.footerbox2 ul li a:hover {
	color:#979797;

	}

.footerbox2 a {
	text-decoration:none;
	}

.footerbox2 img {
	border: 1px solid #d5d5d5;
	}

#tbild {

	}





.referenzen {
	}

.referenzen img {
	border-radius:15px 15px 15px 15px;
	border:1px solid #ccc;
	float:left;
	}

.referenzen a {
	margin:10px;
	float:left;
	}

.moving-bg {
	width:100%;
	height:245px;
	margin:0 0 10px 0;

	}





.scrolldown {
	margin:-250px 0 0 900px;
	z-index:9999;


	position:absolute;
	}

#scrolldown {
	padding:20px;
	display:block;
	background:url(../images/back-down.png) no-repeat;
	width:50px;
	height:50px;
	opacity:0.5;
	transition:500ms;
	}

#scrolldown:hover {
	opacity:1.0;
	}




.small {
	display:none;
	}


.pic4 {
	height:110px;
	overflow:hidden;
	line-height:0;
	padding:2px;
}

.pic4 a {
	display:block;
	width:170px;
	height:110px;
	float:left;
	margin:0 10px 0 0;
}

.pic4 a img {
	width:170px;
	height:110px;
	border-radius:5px;
}

.pic4 a img:hover {
	box-shadow:0px 1px 2px rgba(0,0,0,0.5);
}

.anfrage {
	border-collapse:collapse;
	width:500px;
	padding:0 300px 0 0;
	position:relative;
	z-index:1;

}

.anfrage:before {
	display:block;
	width:380px;
	height:750px;
	position:absolute;
	content:'';
	background:url(../images/konti.png) top center no-repeat;
	z-index:-1;
	margin:178px 0 0 400px;
}

.anfrage td {
	padding:5px;
	vertical-align:top;
}

.anfrage input {
	padding:5px;
	width:300px;
	border:1px solid #ccc;
	font:12px/20px Arial, Helvetica, sans-serif;
	background:rgba(255,255,255,0.8);
}

.anfrage input:focus {
	border:1px solid #666;
	background:#fff;
}

.anfrage textarea {
	padding:5px;
	border:1px solid #ccc;
	min-width:300px;
	width:300px;
	max-width:300px;
	min-height:150px;
	height:150px;
	max-height:150px;
	font:12px/20px Arial, Helvetica, sans-serif;
	background:rgba(255,255,255,0.8);
}

.anfrage textarea:focus {
	border:1px solid #666;
	background:#fff;
}

.anfrage-street {
	width:180px!important;
	margin:0 8px 0 0;
}

.anfrage-nr {
	width:100px!important;
}

.anfrage-plz {
	width:90px!important;
	margin:0 8px 0 0;
}

.anfrage-ort {
	width:190px!important;
}

.anfrage tr td:nth-of-type(1) {
	text-align:right;
	padding:5px 20px;
}

.anfrage h3 {
	text-align:center;
	padding:20px 0 10px 0;
	border-bottom:1px solid #aaa;
	margin:0 0 10px 0;
}

.anfrage input[type=radio] {
	width:auto;
}

.anfrage input[type=reset], .anfrage input[type=submit] {
	width:auto;
	padding:5px 20px;
	border-radius:5px;
	background:#eee;
	border:1px solid #ccc;
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	color:#666;
}

.anfrage input[type=reset]:hover, .anfrage input[type=submit]:hover {
	background:#fafafa;
	border:1px solid #aaa;
	color:#333;
	cursor:pointer;
}


.adresse {
	float:right;
	margin: -810px 0 0 0;
	}

.adresse span {
	font-weight:bold;}


.leistungen {
	float:left;
	margin:10px;
	border-radius:15px;
	width:350px;
	height:220px;
	overflow:hidden;
	background:#fff;
	transition: all 300ms;
	}

.leistungen:hover {
	box-shadow:0 0 5px rgba(0,0,0,1);
}


.leistungen img {
	border-radius:15px;
	-moz-transition:all 200ms;
	-webkit-transition:all 200ms;
	-o-transition:all 200ms;
	transition:all 200ms;
	
}


.leistungen-content {
	width:310px;
	height:220px;
	margin:-45px 0 0 0;
	padding: 10px 20px 0px 20px;
	transition: all 800ms ease 0s;
	position:relative;
	background:rgba(0,0,0,0.5);
	color:#fff;
}

.leistungen-content span {
	font-size:18px;
	text-transform:lowercase;
	color:#fff;
	display:block;
	margin: 0 0 20px 0;
}

.leistungen-content p {
	color:#fff;
}

.leistungen:hover .leistungen-content {
	margin: -230px 0 0 0;
	display:block;
	padding:50px 20px 0 20px;
}

/*****************************************
			COCKTAILMODUL
****************************************/

#filter {
	list-style:none;
	background:url(../images/shadow.png) top center no-repeat;
	text-align:center;
	padding:20px 0 0 0;
}

#filter li {
	display:inline-block;
}

#filter li a {
	display:inline-block;
	padding:7px 15px;
	margin:0 10px;
	text-decoration:none;
	font:13px/20px Arial, Helvetica, sans-serif;
	color:#999;
	text-transform:uppercase;
	border-radius:5px;
	border:1px solid #fff;
	background:#fafafa;
	box-shadow:inset 0px 1px 2px rgba(255,255,255,0.5);
	-moz-transition:all 250ms;
}

#filter li a:hover {
	color:#555;
	border:1px solid #aaa;
	background:#fff;
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.2);
}

#filter li a.current_link {
	background:#c21d15;
	color:#fff;
	border:1px solid #c21d15;
	box-shadow:inset 0px 1px 2px rgba(0,0,0,0.5);
}

.overview {
	margin:40px 0;
}

.overview li {
	float:left;
	width:210px;
	margin:0 19px 20px 0;
	border:1px solid #aaa;
	height:250px;
	overflow:hidden;
	line-height:0;
}

.overview li p {
	text-decoration:none;
	margin:0;
}

.overview li p img {

}

.overview li p strong {
	position:absolute;
	margin:-40px 0 0 0;
	display:block;
	width:170px;
	padding:10px 20px;
	background:rgba(50,50,50,0.4);
	color:#eee;
	font:12px/20px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-align:center;
	-moz-transition:all 250ms;
	-webkit-transition:all 250ms;
	-o-transition:all 250ms;
	-ms-transition:all 250ms;
	transition:all 250ms;
	z-index:100;
}

.overview li p:hover strong {
	margin:-30px 0 0 0;
	background:rgba(0,0,0,0.8);
	color:#fff;
	padding:5px 20px;
	font:12px/20px Arial, Helvetica, sans-serif;
}

.overview li p a {
	text-decoration:none;
}

/*

.overview li a:after {
	display:block;
	width:1000%;
	height:1000%;
	position:fixed;
	top:-100px;
	left:-100px;
	z-index:-1;
	content:'';
	background:rgba(0,0,0,0.0);
	-moz-transition:all 500ms;
	-webkit-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
	transition:all 500ms;
}

.overview li a:hover:after {
	background:rgba(0,0,0,0.2);
}

*/

.overview li p span {
	font:bold 12px/20px Arial, Helvetica, sans-serif;
	height:210px;
	width:170px;
	padding:20px;
	margin:-250px 0 0 0;
	background:rgba(255,255,255,1.0);
	color:#fff;
	position:absolute;
	display:block;
	opacity:0.0;
	-moz-transition:all 500ms;
	-webkit-transition:all 500ms;
	-o-transition:all 500ms;
	-ms-transition:all 500ms;
	transition:all 500ms;
}

.overview li p span em {
	font:bold 14px/20px Arial, Helvetica, sans-serif;
	padding:0 0 5px 0;
	margin:0 0 5px 0;
	border-bottom:1px solid #fff;
	text-transform:uppercase;
	display:block;
}

.overview li p:hover span {
	background:rgba(30,30,20,0.8);
	opacity:1.0;
}

/**.overview li p a {
	display:block;
	margin:15px 0 0 0;
	padding:5px;
	border-radius:5px;
	text-align:center;
	border:1px solid #fff;
	background:#c21d15;
	color:#fff;
	text-decoration:none;
}**/

.overview li p a:hover {
	background:#eee;
	color:#c21d15;
	text-decoration:none;
}



.contentlist {
	width:47%;
	float:left;
	}






.contentlist li {
    list-style-image: url("../images/check.png");
    padding: 2px 0;
}









.large {

	}

@media all and (max-width: 1300px) {
  .cycle-slideshow { width:1000px;  margin:0 0 0 0px; }





.large {

	display:block;
	}

.small {
	display:block;
	}

.large {
	display:none;
	}


}

.inputerror {
	border: 1px solid red !important;
}
.wdhemail{
	display: none!important; 
}