@import url(http://fonts.googleapis.com/css?family=Pacifico);

/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
    background-color: #ccd6f1;
}

#Wrapper {
    max-width: 990px;
    min-width: 170px;
    margin:0 auto;
    background: transparent url('images/header.png') no-repeat 0 0;
    padding-top: 183px;
}

@media (max-width: 1024px) {
    #Wrapper {
        margin-right: 240px;
    }
}

hr {
    border-color: #2F3990;
}

#Wrapper h1, 
#Wrapper h2, 
#Wrapper p, 
#Wrapper ul, 
#Wrapper strong, 
#Wrapper address, 
#Wrapper a, 
#Wrapper legend {
    padding-left:5px;
}

#Wrapper address strong {
    padding-left: 0px;
}

header h1 {
    color: #2F3990;
    font-size: 20px;
    text-shadow: 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 0 0.2em #FFFFFF, 0 2px 5px #000000;
    line-height: 0px;
}

header a img {
    margin-top:-150px;
    margin-left: 20px;
}

#Wrapper h2 {
    color: #2F3990;
    font-size: 22px;
    font-weight: normal;
    text-shadow: 1px 1px 1px #fff;
}

#Sidebar {
    position: fixed;
    right:0;
    top:40%;
}

#Sidebar #TopNav, 
#Sidebar #SubNav {
    background: transparent url('images/prod_bg.gif') repeat-x 0 0;
    border: 1px solid #5b5b5b;
    
}

#Sidebar #TopNav {
    border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
}

#Sidebar #SubNav {
    border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}

#Sidebar a {
    font-size: 16px;
    color:#eee;
    line-height: 32px;
    text-shadow: 1px 1px 1px #000;
    font-weight: normal;
    display: block;
    padding:0 10px; 
}

#Merkliste {
    padding: 10px;
    background: #fff url('images/pattern_061.png') repeat 0 0;
}

#Merkliste h2 {
    font-family: 'Pacifico', cursive;
    font-size: 24px;
    margin:0 auto;
    text-shadow: 1px 1px 1px #eee;
}

#Merkliste ul {
    list-style: none;
    margin-left: 0;
}

#Merkliste i {
    padding-right: 5px;
}

#Merkliste li span.right {
    float: right;
}

#Merkliste li span.left {
    padding-right:10px;
    width: auto;
}

#Merkliste form {
    margin:0;
}

#Produkte h3 {
    padding:0 5px;
}

#Produkte h3 {
    background: transparent url('images/prod_bg.gif') repeat 0 0;
    border: 1px solid #5b5b5b;
    font-size: 16px;
    color:#eee;
    line-height: 32px;
    text-shadow: 1px 1px 1px #000;
    font-weight: normal;
    letter-spacing: 1px;
}

#Wrapper legend {
    border:none;
    margin: 0;
}

#Bestellung legend {
    border-bottom: 1px dashed #2F3990;
}

.clearfix {
    visibility: hidden; 
    display: block; 
    font-size: 0; 
    content: " "; 
    clear: both; 
    height: 0;
}



.accordion-toggle {
    float: right;
    padding-right: 5px;
    
}

h3 small .accordion-toggle {
    line-height: 32px;
    color:#fff;
}

#Produkte .accordion-group {
    border:0;
    margin:0;
}

#Produkte .accordion-inner {
    border: 0;
    padding: 0 5px;
}

.no-js #Produkte h3 small {
    display:none;
}

.no-js #Produkte .collapse {
    height: auto;
}

a:focus {
    outline: none;
}



/*** Validation ***/

label.valid {
  width: 24px;
  height: 24px;
  background: url(images/valid.png) center center no-repeat;
  display: inline-block;
  text-indent: -9999px;
}
label.error {
  color: red;
  padding: 2px 8px;
  margin-top: 2px;
}