/*
  Rounded Corners: -------------------------------
  http://border-radius.com/
  http://jonraasch.com/blog/css-rounded-corners-in-all-browsers
  http://code.google.com/p/curved-corner/


  Schriften siehe hier! --------------------------
  http://randsco.com/index.php/2009/07/04/cross_browser_font_embedding#wrap1-0907
  http://www.fontsquirrel.com/fontface/generator
*/

@font-face {
    font-family: 'Univers53MediumWide';
    src:  url('../fonts/univers/univers53mediumwide-webfont.eot');
    src:  local('☺'),
        url('../fonts/univers/univers53mediumwide-webfont.woff') format('woff'),
        url('../fonts/univers/univers53mediumwide-webfont.ttf') format('truetype'),
        url('../fonts/univers/univers53mediumwide-webfont.svg#Univers53MediumWide') format('svg');
    font-weight: normal;
    font-style: normal;
}


h1, h2, h3, h4, h5, h6 {
  font-family: Verdana,Helvetica,Arial;
  color: #4482b4;
  color: #000;
  word-spacing: 0em;
  font-weight:normal;
  line-height:120%;
  }


h1 {
	font-size:18px;
}

h1.popuptitle {
	color: #4482b4;
}

.elementimagetext b{
	color: #4482b4;
	font-weight:normal;
}

p,
td, th,
li,
input,
select,
option,
div {
  font-family: Verdana,Helvetica,Arial;
  color: #333;
}

p {
 font-size:12px;
 line-height:140%;
 font-family: Verdana,Helvetica,Arial;
}

.bold {
  font-weight: bold;
}


a {
  color: #4482b4;
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

a:focus {
  outline: none;
}


ul {
    padding:0px;
    margin:0px;
    margin-left:-12px;
    margin-bottom:20px;
    color: #002546;
    list-style-type:square;
}

ul li {
    margin-bottom:2px;
    font-family: Verdana,Helvetica,Arial;
    font-size:12px;
}

span.popup-link {
	 color: #4482b4;
     text-decoration:underline;
     cursor:pointer;
}

span.popup-link:hover {
     text-decoration:none;
}


/* body ---------------------------- */

body {
  background: url("../images/vl_bg.jpg") top repeat-x #efefef;
  line-height:120%;
}

.headerbox {
  height:78px;
}

.footer {
  text-align:center;
  font-size:11px;
  color:#797979;
  border: 1px solid #ddd;
  border-radius: 5px 5px 5px 5px;
  padding-top:10px;
  padding-bottom:10px;
  margin-top:15px;
  margin-bottom:25px;
}

.content {
	background: #fff;
	border-radius: 5px 5px 5px 5px;
	overflow:hidden;
	border:1px solid #ddd;
	padding-top:40px;
	padding-bottom:30px;
}

.topmood {
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}

.maincontent {
	position:relative;
}

.logo {
	position:absolute;
	right:-5px;
	top: 10px;
}

.logo-txt {
	position:absolute;
	right:115px;
	top: 30px;
	text-align:right;
	font-size:11px;
	line-height:13px;
	color:#868686;
}


/* Branchen ---------------------------- */

.branchen {
	padding-bottom:20px;
	padding-top:15px;
	
	border-bottom:1px solid #ddd;
	margin-bottom:25px;
	margin-top:10px;
	 background: -moz-linear-gradient(center top, #e7e7e7 0%, #ffffff 0%, #e7e7e7 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #e7e7e7 0%,#ffffff 0%,#e7e7e7 100%); /* opera */

}


.branchen h1{
	margin-top:0px;
}




/* kategorieliste -------------------------- */

.kategorieliste .element {
	overflow: hidden;
	width: 284px;
	height: 70px;
	margin: 3px;
	padding-top:0px;
	
	border-bottom:1px solid #ddd;
	text-shadow: 0px 1px #fff;
	 background: -moz-linear-gradient(center top, #e7e7e7 0%, #ffffff 0%, #e7e7e7 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #e7e7e7 0%,#ffffff 0%,#e7e7e7 100%); /* opera */
}

.kategorieliste .element .elementimage {
	float: left;
	width: 90px;
	margin-left: 0px;
	margin-right: 5px;
}

.kategorieliste .element .elementimage img {
	width: 90px;
	height:70px;
	border-right:1px solid #fff;
}

.elementimagetext {
  font-size:11px;
  padding-top:5px;
  margin-left: 7px;
}

.popup {
	width: 600px;
	margin: 10px;
}

.popupimage {
	
}

.popupimage img {
	margin: 10px;
	float: right;
}

#kategorieliste a{
	text-decoration:none;
}


#filters a{
	text-shadow: 0px 1px #fff;
}

#fancybox-content div {
  background: -moz-linear-gradient(center top, #e7e7e7 0%, #ffffff 0%, #e7e7e7 100%) repeat scroll 0 0 transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e7e7e7), color-stop(0%,#ffffff), color-stop(100%,#e7e7e7)); /* webkit */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 ); /* ie */
  background: -o-linear-gradient(top, #e7e7e7 0%,#ffffff 0%,#e7e7e7 100%); /* opera */
  text-shadow: 0px 1px #fff;
}


/*
 Referenzen: Isotope ------------------------
 http://isotope.metafizzy.co/index.html
*/

#block-views-homeview-block-1 {
	width: 961px !important;
}

#block-views-homeview-block-1 .grid-6 {
	border-top: 1px dotted #aaa;
	margin:0px;
	margin-right:10px;
	margin-bottom:30px;
	padding:0px;
	padding-top: 8px;
}


#block-views-homeview-block-1 .grid-6:nth-child(2n) {
}
div.#block-views-homeview-block-1 div.grid-6:nth-child(4n) {
}
#block-views-homeview-block-1 img {
}



/** Isotope filtering **/

.isotope-item {
  z-index: 2;
  width: 98%;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}


/** Isotope animation **/

.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/*
 Home: Filter für Isotope ------------------------
*/

.tagview ul {
	display: inline;
	color: #ddd;
}

.tagview ul li {
	display: inline;
	list-style-type: none;
	list-style-image: none;
	margin-right: 10px;
}

.tagview ul li a {
	color: #0062A0;
}

.tagview ul li a:hover {
	color: red;
	text-decoration: underline;
}



/*
	Styling POPUP
*/

#fancybox-content .popup div.categories {
	clear:both;
	background:none;
	border-top:1px dotted #bbb;
	margin-top:15px;
	padding-top:15px;
}


#fancybox-content .popup div.categories ul li{
	float: left;
    margin-bottom: 10px;
    margin-left: 27px;
    width: 275px;	
}

div.categories ul li.cid_1, 
div.categories ul li.cid_2,
div.categories ul li.cid_3,
div.categories ul li.cid_4,
div.categories ul li.cid_5{
	display:none;
}


#fancybox-content div.popupcontent,
#fancybox-content .popup{
	background:none;
	font-size:12px;
}

#fancybox-left, #fancybox-right {
    width: 40px;
}