/* TEMPLATE CSS
*********************************************/
html {overflow-y:scroll;}
p { clear: both; }
p.readmore { padding: 10px 0; }
form { margin: 0 0 0 0 !important;}
/* Update */
.img_caption.none { float: left !important; font-size: 11px !important; line-height: 12px !important; color: #666 !important; }
.paginationbottom { width: 100%; text-align: center; margin: 20px 0; }
.pagination-top { width: 100%; text-align: right; position: absolute; margin-left: -25px;}
h2 small {
    color: #000000;
    font-size: 13px;
    text-shadow: none;
}
h2 { margin-top: 0px !important;}

.pagination { margin: 0 0 !important; }
.no-padding-left { padding-left: 0 !important; }
.product_wrap { width: 100%; float: left; margin-bottom: 15px; }
.product_image { width: 16%; float: left; }
.style_img { border: 1px solid #ccc; }
.product_id { width: 29%; float: right; text-align: right; font-weight: bold; }
.product_title { width: 54%; float: left; font-weight: bold; }
.product_desc { width: 84%; float: right; margin-top: 5px; color: #333; font-size: 90%; }

li.dropdown li.parent{position:relative;}
li.dropdown li.parent > ul {top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
li.dropdown li.parent:hover > ul {display:block;}
li.dropdown li.parent > a:after {display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}

li.dropdown li.parent:hover > a:after{border-left-color:#ffffff;}
li.dropdown li.parent.pull-left{float:none;}.li.dropdown li.parent.pull-left > ul{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}

.navbar  { min-height: 35px; border: none; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; }
.navbar-nav li a { padding-bottom: 8px; padding-top: 8px; }
.webmenu .navbar .nav > li > a { color: #FFF !important; }
.navbar-toggle { margin: 0 15px !important; height: auto !important; width: auto; color: #fff; font-size: 12px !important; }
.webmenu .nav > li > a:hover, .webmenu .nav > li > a:focus, .webmenu .nav > li.active { background-color: transparent !important; -webkit-box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66);
-moz-box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66);
box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66); }
.webmenu .navbar-brand, .webmenu .navbar-nav > li > a { color: #fff; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); padding: 7px 15px !important; height: auto !important; }
.webmenumin .navbar-nav > li > a { color: #000; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); padding: 7px 15px !important; height: auto !important; }

.nav .open > a, .nav .open > a:hover, .nav .open > a:focus { background-color: transparent !important; -webkit-box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66);
-moz-box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66);
box-shadow: inset 0px 0px 60px -27px rgba(0,0,0,0.66);}

.modulcontent .navbar-nav > li, .modulcontent .navbar-nav { float: none; }
.modulcontent .navbar-nav > li { border-bottom: 1px solid #dddddd; }
.modulcontent .navbar-nav > li > a { display: block; font-size: 12px; padding: 5px 0 5px 15px; text-decoration: none; }

.control-group { margin-bottom: 5px; }
/* LAYOUT
*********************************************/

.modulcontent ul.menu li a {
    font-weight: bold;
    text-shadow: 2px 2px 2px #CCCCCC;
}

.leading-0, .leading-1, .leading-2, .leading-3, .leading-4, .leading-5  { margin-bottom: 25px; }

/* Floats */
.float-left {float:left;}
.float-right {float:right;}
.group:before, .group:after {content:""; display:table;}
.group:after {clear:both;}
.ie7 .group {zoom:1;}
.linetp {width:100%; clear:both;}

/* Helper */
.inside {padding:5px 10px;}

/* Headline Modify */
h1, h2, h3, h4 { font-family: 'Kreon'; font-weight: 400; text-transform: uppercase; }
*+html h1 { font-family: Verdana, Geneva, sans-serif !important; font-weight: bold !important; font-size: 36px !important; }
*+html h2 { font-family: Verdana, Geneva, sans-serif !important; font-weight: bold !important; font-size: 24px !important; }
*+html h2.logodesc { font-family: Verdana, Geneva, sans-serif !important; font-weight: bold !important; font-size: 12px !important; }
*+html h3 { font-family: Verdana, Geneva, sans-serif !important; font-weight: bold !important; font-size: 18px !important; }
h2.special, h2.item-title, .page-header h2 { text-shadow: 1px 1px 0 #333; background: url("../images/bg_h.png") repeat-x scroll center bottom; padding-bottom: 10px; margin-bottom: 0; }
.page-header { padding-bottom: 0 !important; }

/* Banner */
.banner { text-align: center; margin: 10px 0; }
.banner img { margin-left: auto; margin-right: auto; }
.bannerright { width: 160px !important; overflow: hidden; position: absolute; top: 140px; left: 1024px; }
.bannerright_big { width: 160px !important; overflow: hidden; position: absolute; top: 140px; left: 1079px; }
.bbig { top: 197px !important; }
*+html .bannerright_big { visibility: hidden; display: none; }
*+html .bbig { visibility: hidden; display: none; }
.bannerright_big { visibility: hidden \9; display: none \9; }
.bannerright_big { visibility: hidden \9; display: none \9; }

/* === Header === */
.header {
	padding: 5px 0;
	margin-top: 15px !important;
	border: 1px solid #ccc;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -khtml-border-top-left-radius: 10px;
    -khtml-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	-webkit-box-shadow: 5px 5px 10px #DDDDDD;
    -moz-box-shadow: 5px 5px 10px #DDDDDD;
	background: url(../images/header.jpg) repeat-x 0 0;
}

/*-- Phoca --*/
.pd-categoriesbox { width: 45%!important; }
.pd-subcategory { line-height: 28px!important;}


/* --- List Style --- */
ul.list_blue { margin: 0; padding: 0; list-style: none; }
ul.list_blue > li { margin: 0; padding: 4px 0 0 30px; background: url(../images/list_blue.png) no-repeat left center; }
ul.list_blue > li > a {}

ul.list_green { margin: 0; padding: 0; list-style: none; }
ul.list_green > li { margin: 0; padding: 4px 0 0 30px; background: url(../images/list_green.png) no-repeat left center; }
ul.list_green > li > a {}

ul.list_pfeil { margin: 0; padding: 0; list-style: none; }
ul.list_pfeil > li { margin: 0; padding: 4px 0 0 30px; background: url(../images/pfeil.png) no-repeat left center; }
ul.list_pfeil > li > a {}

/* Logo */
.logo { padding: 10px; }
h1.logotitle { text-shadow: 1px 1px 1px #333333; }
h2.logodesc { color: #333333; font-family: arial; font-size: 12px; font-weight: bold; line-height: 14px; }
img.logopic { padding: 0 15px;}
.logotitle a {}


/* Kleines Menue oben */
.minimenu { margin: -5px 0 0; padding: 0; text-align: right; font-size: 80%; line-height: 100%; padding: 0 5px; }
.minimenu b.caret { display: none; }
.minimenu > ul.navbar-nav { float: right; }
.minimenu ul { margin: 0; padding: 2px 15px 0 0; }
.minimenu ul li { display: inline-block; list-style: none; padding: 0; }
.minimenu a { padding: 0 15px; color: #666666; font-size: 100%; line-height: 100%; }
.minimenu a:hover { text-decoration: underline; background-color: transparent !important; color: #000; }
*+html .minimenu { padding: 0 0;}
*+html .minimenu a { float: left; }
*+html .minimenu ul li { display: inline; }

/* Syndication Modul */
.syndication { width: 16px; height: 16px; float: right; margin-top: -12px; padding: 0 15px; }
.syndicate-module { height: 16px; width: 16px; overflow: hidden; }
.syndicate-module span { position: absolute; top: -9999px; }

/* Suchen Modul */
.searchit { margin: 15px 0; }

/* Hauptmenü oben */
.webmenu { -webkit-box-shadow: 0 2px 4px 0px #999; box-shadow:0 2px 4px 0 #999;}
*+html .header input { padding: 0 0 0 0 !important; height: auto !important; min-height: 28px !important; margin-top: -1px !important; line-height: 28px !important; text-indent: 5px; }
*+html .navbar .nav { margin-top: 0; }
.navbar-toggle .icon-bar { width: auto !important; height: auto !important; }
/* .header input { min-height: 20px\9 !important; margin-top: 0px\9 !important; line-height: 20px\9 !important; } */

/* Breadcrumbs Hack */
.bread { min-height: 15px !important; }
.breadcrumb { background-color: transparent !important; }
.breadcrumb a, .breadcrumb > span { color: #666 !important; font-size: 11px; margin-right: 5px; display: inline-block; text-decoration: none; }
.breadcrumb > li > span { font-weight: normal; text-decoration: underline; font-size: 11px; }
.breadcrumb a:hover { text-decoration: underline; color: #000; }

/* === Content === */
/* Meldungen */
.system-message-container { position: relative; top: -15px; }

/* content */
.content { position: relative; top: -15px; }
.content_inside { margin-bottom: 32px; }

dl.article-info { font-size: 11px; }
dl.article-info dd { display: inline; margin-right: 15px; font-size: 11px; color: #999; }
.icon-calendar, .icon-eye-open { margin-top: -2px !important; }
dt.article-info-term { display: inline; }
*+html .csmall { float: left; text-align: left; font-size: 14px; line-height: 20px; color: #333333; }
/* Counter */
.counter { color: #666666; float: none !important; font-size: 12px; font-weight: bold; }

/* ====== Module ====== */
.module .moduletable { margin: 0 0 20px 0; }
.module .moduletable > h3 { margin: 0 0 0 0; padding: 0 0 0 0; }
.module .moduletable p { margin: 0 0 0 0; padding: 0 0 0 0; }
.module .moduletable .custom { margin: 0 0 0 0; padding: 0 0 0 0; }

/* Latest News */
ul.latestnews { margin: 0; padding: 0; }
ul.latestnews > li { list-style: none; border-bottom: 1px solid #ddd; }
ul.latestnews > li > a {  text-decoration: none; display: block; padding: 5px 0; font-size: 12px; }
ul.latestnews > li > a:hover { background-color: #eee; }
ul.latestnews > li > .icon-share-alt  { margin-top: 10px; position: absolute; }
*+html ul.latestnews > li { list-style: none; border-bottom: 1px solid #ddd; padding: 4px 0; }
*+html ul.latestnews > li > a { text-decoration: none; display: inline; padding: 5px 0 5px 20px; }
/* mostread */
ul.mostread { margin: 0; padding: 0; }
ul.mostread > li { list-style: none; border-bottom: 1px solid #ddd; }
ul.mostread > li > a {  text-decoration: none; display: block; padding: 5px 0 5px 20px; }
ul.mostread > li > a:hover { background-color: #eee; }
ul.mostread > li > .icon-thumbs-up  { margin-top: 10px; position: absolute; }
*+html ul.mostread > li { list-style: none; border-bottom: 1px solid #ddd; padding: 4px 0; }
*+html ul.mostread > li > a { text-decoration: none; display: inline; padding: 5px 0 5px 20px; }

/* Nav Modul */
.modulcontent ul.menu { margin: 0; padding: 0; }
.modulcontent ul.menu li { list-style: none; border-bottom: 1px solid #ccc; }
.modulcontent ul.menu li a { display: block; padding: 5px; }

/* Standard Module rechts */
.module .moduletable_right { margin-bottom: 32px; }
.moduletable_right { margin-bottom: 32px; }
*+html .moduletable_right { padding-bottom: 32px; }
.modulhead { margin: 0 0 0 0; padding: 0 0 0 0; max-height: 30px; color: #FFF; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; }
.modulhead > h3  { margin: 0 0 0 0; padding: 0 0 0 0; font-size: 16px; color: #FFF; line-height: 30px; text-indent: 15px; text-shadow: 1px 1px 0 #000000; }
.moduletable_right p  { margin: 0 0 0 0; padding: 0 0 0 0; }
.modulcontent { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #F5F5F5; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset ; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;}

/* Standard Module Content */
.moduletable_left { margin: 0 0 32px 0; }
.modulhead_left { margin: 0 0 0 0; padding: 0 0 0 0; background: #ffffff; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top,  #eeeeee 0%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); background: -o-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); background: -ms-linear-gradient(top,  #eeeeee 0%,#ffffff 100%); background: linear-gradient(to bottom,  #eeeeee 0%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#ffffff',GradientType=0 ); color: #000; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.modulhead_left > h3  { margin: 0 0 0 10px; padding: 0 0 0 0; font-size: 16px; color: #333; line-height: 30px; text-indent: 15px; }
.moduletable_left p  { margin: 0 0 0 0; padding: 0 0 0 0; }
.modulcontent_left { padding: 10px; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; background-color: #F9F9F9; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset ; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2) inset;}
.modcolor { min-height: 25px; position: absolute; width: 15px; }
*+html .moduletable_left { margin-top: 15px; }

/* Modulfarben */
.mod_green { background: url("../images/colors/bg_menu_green.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_red { background: url("../images/colors/bg_menu_red.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_olive { background: url("../images/colors/bg_menu_olive.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_ocean { background: url("../images/colors/bg_menu_ocean.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_rose { background: url("../images/colors/bg_menu_rose.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_turqoise { background: url("../images/colors/bg_menu_turqoise.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }
.mod_yellow { background: url("../images/colors/bg_menu_yellow.png") repeat-x scroll 0 -10px !important; border-radius: 5px 5px 0 0;  }

/* Module Symbole */
.new { background: url("../images/new.png") no-repeat scroll 0 0 !important; float: right; height: 40px; margin-right: 20px; margin-top: -35px; width: 38px; z-index: 1; }
.hot { background: url("../images/hot.png") no-repeat scroll 0 0 !important; float: right; height: 40px; margin-right: 20px; margin-top: -35px; width: 38px; z-index: 1; }
.top { background: url("../images/top.png") no-repeat scroll 0 0 !important; float: right; height: 40px; margin-right: 20px; margin-top: -35px; width: 38px; z-index: 1; }
.free { background: url("../images/free.png") no-repeat scroll 0 0 !important; float: right; height: 40px; margin-right: 20px; margin-top: -35px; width: 38px; z-index: 1; }


/* Login Modul */
.userdata {}

/* Footer */
.footer {
	padding: 0;
	-webkit-box-shadow: 0 2px 4px 0px #ccc; 
	box-shadow:0 2px 4px 0 #ccc;
	border: 1px solid #ccc;
	-webkit-border-radius: 10px;
	border-radius: 10px; 
	-webkit-box-shadow: 5px 5px 10px #DDDDDD;
    -moz-box-shadow: 5px 5px 10px #DDDDDD;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNWU1ZTUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 );
}

.footer h3 { color: #708CA3; font-family: 'Kreon'; font-weight: 400; text-shadow: 1px 1px 0 #000000; text-transform: uppercase; margin-top: -6px; }
.spacer_right { background: url(../images/mod_spacer.png) repeat-y center right; }

/* Artikel */
.page-header { margin: 5px 0 !important; }
.csmall { color: #999999; font-weight: normal; font-size: 11px; line-height: 12px; margin: 0; padding: 0 0 10px 0; }

/* Socialbuttons */
.socialbutton { display: block; margin: 10px; float: left; width: 100px; }

.menu_bottom { margin: -5px 0 0; padding: 0; float: right; text-align: right; font-size: 80%; line-height: 100%; }
.menu_bottom ul { margin: 0; padding: 2px 15px 0 0; }
.menu_bottom ul li { display: inline-block; list-style: none; padding: 0; }
.menu_bottom a { padding: 0 15px; color: #666666; font-size: 100%; line-height: 100%; }
.menu_bottom a:hover { text-decoration: underline; background-color: transparent !important; color: #000; }
*+html .menu_bottom a { float: left; }
*+html .menu_bottom ul li { display: inline; }
.menu_bottom b.caret { display: none; }
.menu_bottom .navbar-nav li a { padding: 0 10px; border-right: 1px solid #CCC; }


/* Media Queries
*********************************************/

/* IE 7-8 */
*+html .container { width: 980px !important; }
.userwidth { width: 65% !important; }
.pwidth { width: 65% !important; }

/* Landscape phones and down */
@media (max-width: 480px) { 
.pull-right { text-align: right !important; }
.webmenu { margin: 0 0 !important; width: 100% !important; }
.webmenu .navbar-nav > li > a { color: #333; text-shadow: none; }
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
.pull-right { text-align: right !important; }
.webmenu { margin: 0 0 !important; width: 100% !important; }
.bannerright { left: 767px !important; }
.bannerright_big { left: 967px !important; }
.webmenu .navbar-nav > li > a { color: #333; text-shadow: none; }
}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) { 
.navbar .btn-navbar { margin-bottom: 2px; }
.userwidth { width: 50% !important; }
.pwidth { width: 50% !important; }
}
 
/* Large desktop */
@media (min-width: 1200px) { 
.bannerright { left: 1200px !important; }
.bannerright_big { left: 1400px !important; }
.userwidth { width: 85% !important; }
.pwidth { width: 85% !important; }
}