/* 
Design     : westbrook
CCML       : webdesignconsult
Date       : 09.05.2014
Website    : http://designshop.webdesignconsult.de/
===============================================================================
*/
/* gewählte Designfarben */
/*
usercolor.medium = "#2E3B66"
usercolor.dark = "#161D32"
picturebordercolor = "#aaaaaa"

*/


/* Breite in den Sidebardateien */
#eyecatcher,#eyecatcher_eyecatcher,#eyemedia,#eyecontainer_long {margin-top:30px !important;}
#claim {background-color:#2E3B66;height:320px;color:#fff;padding:0 20px 0 30px;overflow:hidden;}#claim {margin-top:30px;}

/* zwengs Scrollbalken und Springen der Seiten im FF und firefox*/
html {height:101%;padding:0;width:99.9%;}

 body {background:#161D32 url(./../images/pbackgrnd.gif) repeat-x;margin:0;padding:0;color:#444;min-width:1100px;}
#youarehere {background-color:#E7E7E7;padding:6px 10px;color:#888;line-height:18px;position:relative;height:18px;}
#youarehere a, #youarehere a.main, #youarehere a.sel {color:#5063a1!important;text-decoration:none;}
#youarehere a:hover {color:#888;}
span.youre_Color_bottom  {color:#161D32;background-color:transparent;font-weight:700;}
span.youre_Color  {color:#000;background-color:transparent;font-weight:700;}


#menu {width:100%;max-width:1100px;margin:0 auto;height:30px;position:fixed;background:url(pmenu.png) repeat-x;top:0;font-size:13px;z-index:10;}

#eyemedia  {height:320px;z-index:1 !important;background-color:transparent;}
#flash-background  {height:320px;z-index:10 !important;}
#eyecatcher  {height:320px;overflow:hidden;z-index:10 !important;background:transparent url(../images/)  no-repeat top center; }

#eyecatcher img a {border:none !important;}
/* wenn nicht Standard eyecatcher ausgewählt wurde */
#eyecatcher_eyecatcher,#eyecontainer_long {height:320px;}

#claim h1 {padding:5px 0 10px 0 !important;margin:0;font-weight:400;font-size:30px;}
#claim h2 {padding:10px 0;margin:0;font-weight:400;font-size:18px;text-transform:none;letter-spacing:0.5px;}
#claim p {padding:4px 0;margin:0;font-weight:400;font-size:14px;}
#searchform {width:300px;height:40px;position:relative;padding:0 ;margin:0;top:5px;left:23px;background-color:#F0F0F;}
#searchcriteria {position:absolute;top:6px;left:5px;height:28px;width:280px;padding:0;margin:0;background-color:#fff;color:#444;line-height:18px;outline:none; border-top:1px solid #2E3B66;border-left:1px solid #2E3B66;border-bottom:1px solid #aaaaaa;border-right:1px solid #aaaaaa;letter-spacing:.1em;padding:0 5px;}
#searchsubmit {position:absolute;top:9px;right:16px;height:18px;width:18px;border:none;background:url(../images/psearch.gif) no-repeat;cursor:pointer;outline:none;}

#searchajax {
position:absolute;
width:290px;
height:132px;
top:130px;
left:1082px;
overflow:hidden;
display:none;
background-color:#fff;
color:#444;
padding:5px;
z-index:200;
}
#searchajax a {
display:block;
padding:4px 20px;
width:360px;
height:14px;
line-height:14px;
text-decoration:none;
color:#444;
}
#searchajax a:hover {
background-color:#f5f5f5 ;
color:#000;
}
#searchajax a.activelink {
background-color:#f0f0f0 ;
}

#footer {
width:1100px;
color:#161D32;
background-color:#E7E7E7;
text-align:center;
margin:0;
padding:0;
}
#footer a {
font-size:.9em;
text-decoration:none;
color:#161D32;
background-color:#E7E7E7;
}
#footer p {color:#161D32;background-color:#E7E7E7;margin:0;line-height:160%;}
#last_footer {
width:1100px;
color:#fff;
background-color:#161D32;
text-align:center;
margin:0;
padding:0 0 10px 0;
}
#footertext  {
color:#161D32;
background-color:#E7E7E7;
padding:0 0 20px 0;
}
#bottom {
width:1070px;
background-color:#161D32;
padding:10px  20px 20px 10px;
margin:0;
font-size:13px;
}
#bottom ul {
display:block;
list-style:none;
padding:0;
margin:0;
}
#bottom li {
font-size:.9em;
width:156px;
float:left;
padding:0 20px 0 0;
font-weight:700;
line-height:20px;
}
#bottom li li {
font-weight:400;
}
#bottom ul a {
color:#eee;
text-decoration:none;
}
#bottom ul a:hover {
color:#fff;
}

#menu ul {
width:100%;
margin:0;
padding:0;
list-style:none;
position:absolute;
top:0;
z-index:20;
}
#menu ul.error{
font-size:.9em !important;
font-weight:400 !important;
}
#menu li {
float:left;
position:relative;
}

#menu li.right {
float:right;
}
#menu li a {
padding:6px 10px;
display:block;
text-decoration:none;
color:#fff;
outline:none;
line-height:18px;
}
#menu li a img {
border:none;
}
#menu li li ul {
border:10px solid #444;
}

#menu li a.more {
background-image:url(../images/pmoredown.gif);
background-repeat:no-repeat;
background-position:right center;
padding-right:24px;
}

#menu li li a.more {
background-image:url(../images/pmoreleft.gif);
background-repeat:no-repeat;
background-position:right center;
padding-right:10px;
}
#menu li li a {
width:180px;
}
#menu li a:hover {
background-color:#222 !important;
}
#menu li ul {
position:absolute;
top:-9999px;
left:0;
width:200px;
height:auto;
background:url(pninty.png);
border-left:1px solid #444;
border-right:1px solid #444;
border-bottom:1px solid #444;
}

#menu li li {
width:200px;
}
#menu li.hover ul {
top:100%;
}
#menu li li ul,
#menu li.hover li ul {
top:-9999px;
left:200px;
}
#menu li.hover li.hover ul {
top:0;
}
#menu li em {
display:none;
width:180px;
height:18px;
line-height:18px;
color:#fff;
font-style:normal;
padding:16px 10px 6px 10px;
position:absolute;
top:33px;
background:url(pbubbleleft.png) no-repeat;
left:4px;
text-align:center;
}
#menu li.right em {
background:url(pbubbleright.png) no-repeat;
left:-170px;
}
#menu li:hover em {
display:block;
}
#menu li .icon {
width:18px;
height:18px;
display:block;
margin-right:-10px  !important;
}

#menu li .iconcart {background:url(picon.cart.png) no-repeat;}
#menu li .iconmemo {background:url(picon.memo.png) no-repeat;}
#menu li .iconuser {background:url(picon.user.png) no-repeat;}
#menu li .iconcheckout {background:url(picon.pay.png) no-repeat;}
#menu li .iconplaintext {background:url(picon.plaintext.png) no-repeat;}

#menu li .iconhome {background:url(picon.home.png) no-repeat;}
#menu li .icon1 {background:url(picon.1.png) no-repeat;}
#menu li .icon2 {background:url(picon.2.png) no-repeat;}
#menu li .icon3 {background:url(picon.3.png) no-repeat;}
#menu li .icon4 {background:url(picon.4.png) no-repeat;}
#menu li .icon5 {background:url(picon.5.png) no-repeat;}
#menu li .icon6 {background:url(picon.6.png) no-repeat;}
#menu li .icon7 {background:url(picon.7.png) no-repeat;}
#menu li .icon8 {background:url(picon.8.png) no-repeat;}
#menu li .icon9 {background:url(picon.9.png) no-repeat;}
#menu li .icon10 {background:url(picon.10.png) no-repeat;}
#menu li .icon11 {background:url(picon.11.png) no-repeat;}
#menu li .icon12 {background:url(picon.12.png) no-repeat;}
#menu li .icon13 {background:url(picon.13.png) no-repeat;}
#menu li .icon14 {background:url(picon.14.png) no-repeat;}
#menu li .icon15 {background:url(picon.15.png) no-repeat;}
#menu li .icon16 {background:url(picon.16.png) no-repeat;}
#menu li .icon17 {background:url(picon.17.png) no-repeat;}
#menu li .icon18 {background:url(picon.18.png) no-repeat;}
#menu li .icon19 {background:url(picon.19.png) no-repeat;}
#menu li .icon20 {background:url(picon.20.png) no-repeat;}

#tsform {
padding:20px 0;
margin:0;
}
#tslogo {
display:block;
width:90px;
height:90px;
border:none;
float:left;
}
#tslink {
display:block;
float:right;
width:180px;
margin:0;
padding:0 0 0 0;
line-height:18px;
text-decoration:none;
color:#444;
}

/*Iconlinks rechts außen*/
* html #sidemenu {
display:none;
} 
#sidemenu {
position:fixed;
top:200px;
left:50%;
width:19px;
padding:0;
text-align:left;
margin:0    0   0   564px;     /* abhängig von der Designbreite (50%)*/
color:#a0a0a0;
float:none;
}
div.sideimg {
padding:2px;
width:20px;
margin:0     0    5px   0;
}
div.sideimg a:hover img{
padding:2px;
border:1px solid #E9D39D; 
position:relative;
top:-1px;
left:-1px;
margin:0;
}