/** Seitenlayout */
html{ height: 100%; }
body.site { height: 100%; min-height: 100%; background: #F5F5F5 url('../images/bg-noise.png') 0 0 repeat;  }
body.contentpane { background-color: #ffffff; margin: 20px; }
#page { position: relative; overflow: visible; margin: 0 auto; width: 960px; }
#pagehead { margin-top: 10px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.headerbox { color: #888888; padding-top: 25px; padding-bottom: 20px;  }
.headerbox.first { border-right: 1px solid #cccccc; }
#cart {  line-height: 1.1em; text-align: right; cursor: pointer; overflow: visible; }
#main { margin: 10px auto; }
#center { padding-bottom: 20px; }
#claim { margin-top: 14px; color: #666666; font-size: 16px; font-weight: 600; float: right; }

.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after { display: table; content: ""; line-height: 0; }
.clearfix:after { clear: both; }
.items-leading { margin-bottom: 10px; }
.item { padding-top: 10px; padding-bottom: 10px; }
.img_caption { margin: 0; font-size: 12px; color: #666666; }
.item-image, .intro-image { margin: 5px; }
.img-cover { margin: 0 0 10px 0; }
.authors { margin-bottom: 5px; color: #000000; }
.title { margin: 0 0 5px 0;   font-weight: 600; }
.subtitle { margin: 0 0 10px 0;  }
.spacer { clear: both; display: block; height: 30px; line-height: 30px; }
.highlight { background-color: #ffffaa; }
.buybutton { padding: 3px 15px 3px 5px; background: #e5e5e5 url("../images/arrow.png") 100% 50% no-repeat; }
.details { margin-bottom: 10px; }
.tag { display: inline-block; padding: 3px 5px; margin: 0 0 5px 5px; background: #e5e5e5; font-size: 12px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;  }
.hicon { font-size: 19px; color: #888888; padding: 3px; }
.hicon:hover { color: #666; }
.caption { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #888888; }
.attachment { font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 16px; margin: 10px 0; }
.box {border: 1px solid #e3e3e3;border-radius: 3px;box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05) inset;padding: 10px; display:inline-block; width: auto; margin: 5px 0;}

.headline, .item-row, .items-row { clear: both; display: block; margin-bottom: 10px; padding: 0 0 10px 2px;}
.headline { margin-top: 10px; margin-bottom: 10px; }

.item-row.last,.items-row.last, .item-row:last-of-type, .items-row:last-of-type { border-bottom: 0; }
.newsflash .item-row { margin-bottom: 5px; padding-bottom: 5px; }
#rightblock { text-align: right; }
#rightblock .tags { margin-bottom: 40px; }
.autocomplete-suggestion { padding: 5px; cursor: pointer; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; }
.autocomplete-suggestion:hover { background-color: #e5e5e5; }
.autocomplete-suggestion strong { color: #008080; font-weight: normal; }

.img-mini {
    width: 22%;
    display: inline;
    margin-right: 10px;
}

#right h3 { margin: 10px 0 10px 0; padding: 0 0 5px 2px; border-bottom: 1px solid #ccc; }
#right .moduletable { margin-bottom: 25px; }

div.pull-left.item-image { margin-right: 15px; }
div.pull-right.item-image { margin-left: 15px; }

#searchbox { padding: 0;  float: right;  }
#searchword { padding: 5px 10px; height: 28px; margin: 0; color: #888888; font-size: 12px; }
#searchbox .input-group-addon { padding: 5px; }
#searchbox a.search-button:hover { opacity: 0.6; text-decoration: none; }

/** Menü Oben horizontal */
#topmenu, #submenu {}
#topmenu { border-bottom: 1px solid #008080; padding-top: 3px; }
#submenu { height: 30px; border-bottom: 1px solid #cccccc;  }
#topmenu ul, #submenu ul {  display: block; text-align: left; padding: 0; margin: 0; list-style: none;  }
#topmenu ul li, #submenu ul li  { margin: 0; padding: 0; list-style: none; display: inline-block; *display:inline; *zoom:1; border-right: 1px solid #cccccc; }
#topmenu ul li:last-child, #submenu ul li:last-child, #innermenu ul li:last-child  { border-right: none; }
#topmenu ul li a { display: block; font-size: 14px; color: #333333;  text-decoration: none; padding: 4px 12px; }
#submenu ul li a, #submenu ul li span.separator { display: block; font-size: 14px; color: #666666;  text-decoration: none; padding: 4px 20px; }
#submenu ul li.charset a { padding: 4px 9px; }
#topmenu ul li a:hover, #submenu ul li a:hover { color: #008080; background-color: #e5e5e5; }
#topmenu ul.menu>li.active>a, #submenu ul.menu>li.active>a {  background-color: #e5e5e5; color: #008080; }
#topmenu ul li.on a { color: #008080; background-color: #e5e5e5; }
#topmenu  ul.menu>li.off>a { color: #333333; background-color: transparent; }
#topmenu ul.menu li ul { position: absolute; z-index: 999; left: -999em; display: none;  }

#submenu ul.menu>li.deeper>a, #submenu ul.menu>li.deeper>span { color: #666666; background-image: url("../images/arrow-down.png"); background-repeat: no-repeat; background-position: 100% 50%; padding-right: 25px; }

/** unterebenen **/
#submenu ul.menu li ul { position: absolute; z-index: 999; left: -999em;  height: auto; -moz-box-shadow: 1px 2px 5px rgba(0,0,0,.4); -webkit-box-shadow: 1px 2px 2px rgba(0,0,0,.4); box-shadow:  1px 2px 2px rgba(0,0,0,.4); border: 1px solid #cccccc; border-top-color: #ffffff; background: #ffffff; order-bottom-left-radius: 2px; border-bottom-right-radius: 2px;}
#submenu ul li:hover ul { left: auto; display: block; }

#submenu ul li ul li { margin: 0; padding: 0px; display:block; height: auto !important; overflow: visible; border: none; }
#submenu ul li ul li a { font-size: 12px; padding: 5px 20px; margin: 0; display: block; height: auto; line-height: 1.2em; text-align: left; width: 218px; w\idth: 218px; background: none; border: none; }
#submenu ul li.current ul li a { color: #666666; }
#submenu ul li ul li.active a { color: #008080;  }
#submenu ul li ul li a:hover { color: #008080; background-color: #e5e5e5;   }
#submenu ul li.active span  { background-color: #e5e5e5;   }

#innermenu { display: block; overflow: hidden;  margin-top: 20px; font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;}


/** Menü unten */
#footer {  font-family: "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; color: #666666; padding: 20px 0; border-top: 1px solid #008080;  }
#footer ul { display: inline; margin: 0; padding: 0; }
#footer ul li { display: inline; list-style: none; padding: 0;  font-size: 12px;  }
#footer ul.menu>li { display: block; margin-bottom: 5px; }
#footer ul li a { display: inline-block; color: #666666; text-decoration: none;  padding: 0 15px 5px 0; }
#footer ul li.level1>a { font-weight: 600; min-width: 70px;  }
#footer ul li.level1 ul li a { font-weight: normal; min-width: auto; }
#footer ul li a:hover { color: #008080; text-decoration: none; }
#footer ul.submenu li a { display: inline-block; }

/** Mobilmenü */
#menu { display: none; }
#menu.mm-menu.mm-current { display: block; }
#mmheader { font-size: 18px; }
#mmheader a { text-decoration: none; padding: 2px 5px; }
#mmheader a:hover { text-decoration: none; }

li.item-281 img {
    margin-top: -5px;
}


#jcemediabox-popup-body{
    max-width:760px !important;
}
#jcemediabox-popup-content{
    max-width:755px !important;
}

.acymailing_introtext {
    padding-bottom: 15px;
}

.onelist input[type="checkbox"] {
    padding-left: 20px;
    margin-left: 5px;
}

.newsflash-title {
    margin-bottom: 5px;
}

.tip-wrap {
    max-width: 200px;
    padding: 3px 8px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    z-index: 100;
}

.embed-container {
	background: #cccccc;
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/** Media Selectoren */
#mobileDetect { display: none; }
@media screen {
    body { background: #f2f2f2; }
}

@media (max-width: 991px) {
    #page { width: auto; min-width: 360px; padding: 10px; }
    #topmenu ul li a { padding: 4px 10px; }
    #searchword { width: 120px; }
}
@media (max-width: 767px) {
    h1 { font-size: 38px; margin: 0 0 20px 0 }
    #pagehead { margin-top: 0; }
    #topmenu { border-top: 1px solid #CCCCCC; }
    .headerbox { padding-top: 0;  }
    .headerbox.first { border-right: none; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media (max-width: 767px) {
    #mobileDetect { display: block; }
    #right .moduletable { margin-bottom: 15px; }
    #rightblock { }
    #rightblock .icons { border: 1px solid #cccccc; border-left: none; border-right: none; margin-top: 10px; padding: 0 5px; }
    #rightblock .tags { display: none; }
    .nav li a { font-size: 12px; padding: 3px 10px; }
    .spalten { border-bottom: none; margin: 0px; padding: 0; }
    .spalten .col-sm-6 { padding-bottom: 15px; border-bottom: 1px solid #cccccc; margin-bottom: 15px; }
}
@media (min-width: 768px) and (max-width: 991px) {
}
@media (min-width: 992px) and (max-width: 1199px) {
}
@media (min-width: 1200px) {
}
@media print {
}

