html {height: 100.01% }
body { font-size: 100.01%; font-family: arial, verdana; color: #000; margin: 0px; background:#fff url('/layout/ktt24/images/body_bg.jpg') repeat-x; }
fieldset {border-width: 0px; padding: 0px; margin: 0px;}

a {color: #760001; text-decoration: underline;}
a:link {color: #760001; text-decoration: underline;}
a:visited {color: #760001; text-decoration: underline;}
a:hover {color: #760001; text-decoration: none;}
a:active {color: #760001; /*color: #D4041C;*/ text-decoration: underline;}

h1 { font-size: 160%; padding: 0; margin: 0; }
h2 { font-size: 140%; padding: 0; margin: 0; }
h3 { color: #760001; font-size: 110%; padding: 0; margin: 0 0 10px 0; }
h4 { font-size: 90%; padding: 0; margin: 0 0 10px 0; }
p { font-size: 90%; padding: 0; margin: 0 0 20px 0; }

#main_div { width: 980px; margin: auto;}

#header_div { height: 230px; background:#fff url('/layout/ktt24/images/headerV4.png') no-repeat; }
#header_top { height: 20px; }
#header { height: 150px; position:relative;}
#header .logo {width:300px; height:130px; display:block;}
#header .warenkorb {height:85px; width: 165px; float:right; margin:30px 25px 0 0; padding: 3px;}
#header_bottom { height: 50px; }
#header_bottom .werbediv a{display:block; color:#fff; padding-top:13px; font-size:140%; font-family:sans; text-decoration:none;}


#content_div { background:#fff url('/layout/ktt24/images/content_div_bg.jpg') repeat-y;}
#content { margin: 0 0 0 320px; padding: 0px 20px 350px 10px; }
#content_left { width: 310px; float: left; padding-left: 10px; }
#content_right {  }

#footer_div {  }
#footer { height: 15px; background: url('/layout/ktt24/images/footer_top_bg.jpg') no-repeat; background-position: top; }
#footer_bottom {font-size:70%; width: 980px; margin: auto; padding:0 0 50px 10px;}

#wir_werbung {position:absolute; top:0; right:0; width:150px; height:150px; z-index:1000;}

.CategoryBreadcrumbs{font-size:80%; margin:0 0 20px 0px;}

.search_top { padding: 10px 0 0 20px; float: left; width: 310px; }
.search_top input[type=text] { -moz-box-shadow: 2px 0 5px #AAAAAA inset; padding: 2px; width: 150px; }

.navi_top { float: right; margin: 2px 33px 0 0; font-size: 80%; position: relative; z-index: 100; }
.navi_top ul li a, .navi_top ul li a:visited { padding: 6px; color:#fff; text-decoration: none; }
.navi_top ul { padding: 0; margin: 0; list-style: none;  }
.navi_top ul li { float: left; position: relative; border-right: 1px solid #fff;}
.navi_top ul li:last-child { border: none; }
.navi_top ul li ul {display: none;}
.navi_top ul li:hover a { color: #fff; text-decoration: underline; }
.navi_top .inaktiv { }

.navi_main { font-size: 130%; letter-spacing: 1px; position: relative; z-index: 100; }
.navi_main ul li a, .navi_main ul li a:visited { color: #fff; text-decoration: none; padding: 15px 15px 11px 15px; }
.navi_main ul { padding: 0; margin: 0; list-style: none;  }
.navi_main ul li { float: left; position: relative; padding: 15px 0 0px 0; }
.navi_main ul li ul {display: none;}
.navi_main ul li:hover a { color: #fff; background: url('/layout/ktt24/images/navi_top_hover.jpg') repeat-x; padding: 15px 15px 11px 15px; }
.navi_main .inaktiv { }

/* menu */
.navi_left ul { margin:0; padding:0;}
ul.left_menu li { list-style: none; }
.left_menu a, .left_menu a:link, .left_menu a:visited { color: #fff; }
.left_menu .level1 a {font-size: 130%; /*font-style: italic;*/ color: #fff; width: 290px; display: block; background: url('/layout/ktt24/images/navi_left_bg.png') no-repeat; text-decoration: none; padding: 6px 0 10px 15px;}
.left_menu .level1 a:hover {text-decoration: underline;}
.left_menu .level1active_link{font-weight: bold;}
.left_menu .level2 a{text-decoration: none; color:#000; background-image:none; padding:0 0 0 20px;}
.left_menu .level2 a:before {content:"> ";}
.left_menu .level2 a:hover {text-decoration: underline;}
.left_menu .level2active_link{color:#000; font-weight:bold;}

.left_menu .level3 a{text-decoration: none; color:#000; background-image:none; padding:0 0 0 20px;}
.left_menu .level3 a:before {content:"> ";}
.left_menu .level3 a:hover {text-decoration: underline;}
.left_menu .level3active_link{color:#000; font-weight:bold;}

.menu_level2 li {padding:5px 10px 5px 10px;}
.menu_level3 li {font-size: 80%; padding: 0; margin: 0;}

/*
.left_menu { font-size: 130%; font-style: italic; }
.left_menu .menu_level1 a, .menu_level1 a:visited { color: #fff; width: 305px; display: block; background: url('/layout/ktt24/images/navi_left_bg.jpg') no-repeat; text-decoration: none; padding: 6px 0 10px 15px; }
.left_menu ul {  }
.left_menu ul li { }
.left_menu ul li ul {display: none;}
.left_menu .menu_level1:hover a { text-decoration: underline; }
.left_menu .menu_level1active_link { }
*/
.navi_bottom { font-size: 70%;}
.navi_bottom ul li a, .navi_bottom ul li a:visited { color: #000; text-decoration: none; padding: 0 4px 0 4px; }
.navi_bottom ul { padding: 0; margin: 0; list-style: none;  }
.navi_bottom ul li {float: right; position: relative; border-left: 1px solid #000; }
.navi_bottom ul li:last-child { border: none; }
.navi_bottom ul li ul {display: none;}
.navi_bottom ul li:hover a { text-decoration: underline;}
.navi_bottom .inaktiv { text-decoration: underline; }

.box_left{width:298px; text-align:center; margin-top:30px;}
.box_left p{font-size: 120%; font-weight:bold; color:#0A5D87; padding:10px 0 10px 0;}
.box_left .footer{width:244px; margin:auto; text-align:left; font-size: 70%;}


.form { }
.form input { -moz-box-shadow: 2px 0 5px #AAAAAA inset; padding: 2px; width: 250px; }
.form textarea { -moz-box-shadow: 2px 0 5px #AAAAAA inset; padding: 2px; width: 250px; height: 150px; }
.form input[type=radio] { width: 10px; }

.pagenav{}
.articlePages{border-top:1px dotted #045F8C; border-bottom:1px dotted #045F8C; padding:5px 0 5px 0; margin:10px 0 10px 0;}

.BrowsePreviousButton{float:right; margin-right: 5px; margin-top:10px;}
.BrowseNextButton{float:right; margin-right: 5px; margin-top:10px;}

.ArticleListCategoryItem {border:1px solid #D1D3D2; width:100%; margin:20px 0 20px 0;}
.ArticleListCategoryItem h3 {font-size:90%; color:#000; margin-top:10px;}
.ArticleListCategoryItem p {margin:0 0 10px 0; padding:0;}
.ArticleListCategoryItem .bild {float:left; width:140px; height:170px; margin-right: 10px; overflow:hidden;}
.ArticleListCategoryItem .mwst {font-size:70%;}
.ArticleListCategoryItem .preis {font-size:100%; font-weight:bold;}
.ArticleListCategoryItem .buttons {height:50px;}

/*
.kategorietext {height: 175px; overflow: auto;}
*/

.SingleArticle{border-top:1px dotted #045F8C; padding-top:10px; overflow: hidden;}
.SingleArticle h1{margin:0; font-size:110%;}
.SingleArticle .bild{float:left; width:50%;}
.SingleArticle .bild td{padding:10px 10px 0 0;}
.SingleArticle .bildmini{float:left; margin-right:10px;}
.SingleArticle .text{text-align:right; margin-left:50%;}
.SingleArticle .preis{font-size:100%; font-weight:bold;}
.SingleArticle .mwst{font-size:70%;}
.SingleArticle .beschreibung{border-top:1px dotted #045F8C; padding-top:10px; margin-top: 30px; clear: left;}
.SingleArticle .beschreibung h3{font-size:90%; margin:0; padding:0;}

.ArticleListRandom{float:left; border:1px solid #D1D3D2; background:#fff; width:48%; height:185px; margin:10px 5px 5px 0;}
.ArticleListRandom h3 {font-size:90%; color:#000; margin-top:5px; margin-left: 140px;}
.ArticleListRandom p {margin:0 0 10px 0; padding:0; margin-left: 140px;}
.ArticleListRandom .bild {float:left; margin-right:0px; width:140px; height:85px; overflow:hidden;}
.ArticleListRandom .mwst {font-size:70%; margin-left: 140px;}
.ArticleListRandom .preis {font-size:100%; font-weight:bold; margin-left: 140px;}
.ArticleListRandom .buttons {height:50px;}/* NEW ATTRIBUTE SELECT */


/* clear */
.clear {
clear: both;
}


/* wrapper */
.plentyAttributeSelectWrapper {
margin-bottom: 5px;
}
/* wrapper title */
.plentyAttributeSelectWrapperTitle { }
/* wrapper content */
.plentyAttributeSelectWrapperContent {
display: inline-block;
}

/* ul (all) */

/* ul */
.plentyAttributeSelectWrapperContent ul {
padding-left: 0;
}
/* li */
.plentyAttributeSelectWrapperContent ul > li {
list-style: none;
margin-left: 0;
overflow: hidden;
}

/* disabled */
li.plentyAttributeSelectDisabled {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
cursor: default !important;
}
li.plentyAttributeSelectDisabled a {
cursor: default !important;
}



/* DROPDOWN */

/* dropdown container */
.plentyAttributeSelectHasDropdown {
position: relative;
}
/* height if dropdown closed */
.plentyAttributeSelectHasDropdown,
.plentyAttributeSelectHasDropdown > div,
.plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover {
height: 18px;
}
/* openable container */
.plentyAttributeSelectHasDropdown > div {
position: absolute;
/*width: 100%;*/ /*has conflict with parent clearfix*/
overflow: hidden;
background: #ffffff;
border: 1px solid #cccccc;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
}
/* open dropdown if hovered */
.plentyAttributeSelectHasDropdown:hover > div {
height: auto;
z-index: 10000;
-moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}

/* selectet item */

/* value (all) */
.plentyAttributeSelectedValue,
.plentyAttributeSelectValue > a {
padding: 0 0 0 7px;
white-space: nowrap;
}
/* value selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue {
position: relative;
padding-right: 20px;
}
/* arrow container */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow {
position: absolute;
right: 2px;
top: 2px;
width: 12px;
height: 12px;
}
/* arrow inner */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
display: inline-block;
border-style: solid;
border-width: 5px;
border-color: #999999 transparent transparent;
}
/* arrow hover */
.plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span {
border-color: #777777 transparent transparent;
}


/* list */

/* list wrapper */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper {
max-height: 108px; /*adapt to height of li*/
overflow-y: auto;
overflow-x: hidden;
}
/* ul */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul {
}
/* li */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li {
height: 18px;
}
/* a */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a {
display: block;
padding-right: 20px;
white-space: nowrap;
}
/* li hover / a focus */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus {
background: #eeeeee;
color: #000000;
cursor: pointer;
}
/* reset li hover / a focus if disabled */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a,
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus {
background: transparent;
color: #000000;
}
/* li / a selected */
.plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a {
background: #eeeeee;
}
/* value & markup */
.plentyAttributeSelectValueName {
/*float: left;*/
}
.plentyAttributeSelectValueMarkup {
padding-left: 5px;
/*float: right;*/
}


/* IMAGE GALLERY / TEXT BOX */

/* ul */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
margin: 0 -5px -5px 0;
}
/* ul image gallery / text boxes */
.plentyAttributeSelectHasImageGallery ul,
.plentyAttributeSelectHasTextList ul {
line-height: 0;
}
/* ul text boxes */
.plentyAttributeSelectHasTextList ul > li {
line-height: 1.5em;
}
/* image box size */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasImageGallery ul > li > a {
width: 60px; /*adapt box dimension to image dimension*/
height: 60px;
}
/* li */
.plentyAttributeSelectHasImageGallery ul > li,
.plentyAttributeSelectHasTextList ul > li,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
display: inline-block;
margin: 0 5px 5px 0;
border: 1px solid #DDDDDD;
border-radius: 3px;
padding: 3px;
}
/* li hover / selected */
.plentyAttributeSelectHasImageGallery ul > li:hover,
.plentyAttributeSelectHasTextList ul > li:hover,
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
border-color: #999999;
cursor: pointer;
-moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
/* li selected image gallery */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected {
background: #DDDDDD;
}
/* li selected text box */
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected {
background: #eeeeee;
}
/* reset li hover / selected if selected */
.plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover,
.plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover {
border-color: #DDDDDD;
-moz-box-shadow: none;
-webkit-box-shadow: none;
box-shadow: none;
}
/* a */
.plentyAttributeSelectHasImageGallery ul > li > a {
display: block;
overflow: hidden;
}
/* img */
.plentyAttributeSelectHasImageGallery ul > li > a > img {
border: none;
}
/* a hover / a focus text box */
.plentyAttributeSelectHasTextList ul > li a:hover,
.plentyAttributeSelectHasTextList ul > li a:focus {
color: #000000;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
}
/* value text boxes */
.plentyAttributeSelectHasTextList .plentyAttributeSelectValue {
padding-left: 5px;
padding-right: 5px;
} 