/* CSS by Michael Ertel, Kommunikationsgestaltung | www.michael-ertel.de */


body {
    height : 100%;
    font : 12px/18px Arial, Helvetica, Verdana, sans-serif;
    }

h1, h2 {
    color : #590000;
    font : 18px/18px Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
}


#wrap {
    postition : relative;
    margin : 0px auto auto auto;
    width : 982px;
}

#logo {
    margin : 10px 0 0 10px;
    width : 245px;
    height : 41px;
    background : url(../gfx/logo.jpg) no-repeat;
    float : left;
}

#title {
    font-size : 14px;
    color : #767676;
    margin : 29px 0 0 0px;
    float : left;
}

#header {
    color : #767676;
    margin : 3px 0 0 0;
    padding : 5px 0 0 0;
    width : 982px;
    height : 20px;
    background : url(../gfx/header.png) no-repeat;
    float : left;
    text-align : right;
}

#header a {
    color : #767676;
    padding : 0 2px 0 2px;
    text-decoration : none;
}

#header a:hover {
    color : #ed8c23;
}

ul#metaNavigation {
    margin:1px 0 20px 0;
    padding:0;
}
ul#metaNavigation li {
    margin:0;
    padding:0 1px 0 8px;
    display:inline;
    border-left:1px solid #D7D7D6;
}

#flagge {
    margin : 3px 15px 0 12px;
    width : 25px;
    height : 13px;
    float : right;
    background : url(../gfx/uj_4c.jpg) no-repeat;
}

#flagge:hover {
    background : url(../gfx/uj_sw.jpg) no-repeat;
}

#flag {
    margin : 3px 15px 0 12px;
    width : 25px;
    height : 13px;
    float : right;
    background : url(../gfx/de_4c.jpg) no-repeat;
}

#flag:hover {
    background : url(../gfx/de_sw.jpg) no-repeat;
}

#innerwrap {
    width : 982px;
    background : #ffffff url(../gfx/hintergrund.gif);
    float:left;
}

#navigation {
    background : #ed8c23 none;
    margin : 11px 0 0 15px;
    width : 229px;
    height : 203px;
    float : left;
}

#navigation ul {
    list-style-type : none;
    margin : 13px 0 0 0;
    padding : 0;
}

#navigation a {
    font : 17.5px/22px Arial, Helvetica, Verdana, sans-serif;
    color : #ffffff;
    text-decoration : none;
    text-transform: uppercase;  
    width : 219px;
    float : left;
    padding : 2px 0 0 10px;
}

#navigation a:hover,
#navigation .active {
    background : #f2af65 none;  
    color : #ffffff;
}

#zitat {
    background : #ffffff none;
    margin : 11px 0 0 11px;
    width : 229px;
    height : 203px;
    float : left;
}

#zitat_en {
    background : #ffffff url(../gfx/jp_en.jpg) no-repeat;
    margin : 11px 0 0 11px;
    width : 229px;
    height : 203px;
    float : left;
}

#image {
    width : 470px;
    height : 203px;
    margin : 11px 0 0 11px;
    float : left;
}

.content {
    width : 444px;
    margin : 19px -2px 25px 13px;
    padding : 0 12px 0 12px;
    float : left;
}

.content table.buecher a {
    font-weight : bold;
    font-style : normal;
}

.content table.buecher a:hover {
    border : none;
}

.content table.buecher img,
.content table.bestellen img {
    border : 1px solid #cdcec8;
}

.content p.headless {
    padding-top:47px;
}
.content p.headless img {
    margin:0px 0px 15px 25px;
    float:right;
    border : none;
}
.content p.headless a img {
    border : 1px solid #d7d7d7;
}
.content p.headless a img:hover {
    border : 1px solid #ed8c23;
}
.content p.pp2 {
    padding-top:217px;
}
.content p.pp3 {
    padding-top:198px;
}
.content p.pp4 {
    padding-top:35px;
}

#footer {
    color : #757575;
    font : 11px/13px Arial, Helvetica, Verdana, sans-serif;
    width : 952px;
    height : 119px;
    padding : 5px 0 0 25px;
    background : url(../gfx/footer.png) no-repeat;
    float : left;
}

#footer h1 {
    text-transform: uppercase;
    font : 16.5px/6px Arial, Helvetica, Verdana, sans-serif;
}

#footer a {
    color : #757575;
    text-decoration : none;
}

#footer a:hover {
    color : #590000;    
}

.content a,
.artikelliste .weiterlesen,
ul.sitemapStandardMainCat li a {
    font-style : italic;
    font-weight : normal;
    color : #ed8c23;
    text-decoration : none;
}

.content a:hover,
.artikelliste .weiterlesen:hover,
#contactFormSubmit #contactFormSubmitLeft input:hover, 
#contactFormSubmit #contactFormSubmitRight input:hover,
ul.sitemapStandardMainCat li a:hover {
    border-bottom : 1px dotted;
    color : #590000;
    cursor:pointer;
}

.artikelliste a {
    color : #000000;
    font-weight : bold;
    text-decoration : none;
}

.artikelliste a:hover {
    color : #ed8c23;
    border : none;
}

#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:110px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    background : #cdcec8;
    border:1px solid #ccc;
    width:328px;
}
#contactForm .contactRow input:focus, #contactForm .contactRow textarea:focus {
    border:1px solid #757575;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 110px;
    width:150px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:150px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background : #ffffff none;
    font-style : italic;
    font-weight : normal;
    color : #ed8c23;
    border:0;
    padding:0 0 0 0;
    width:auto;
    height:auto;
    float:right;
    margin: 10px 0 0 0;
    border-bottom : 1px dotted #ffffff;
}

#contactFormSubmit #contactFormSubmitLeft input {
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}

ul.sitemapStandardMainCat {
    margin-left:0;
    padding-left: 0;
}

ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
    padding: 3px 3px 3px 0px;
    margin-top:3px;
    border-bottom : 1px dotted;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
    padding: 3px 3px 3px 30px;
    margin-top:3px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
    padding: 3px 3px 3px 50px;
    margin-top:3px;
}

.bestellen a {
height: 25px;
width: 95px;
color: #ffffff;
background-color: #ed8c23;
font : 12px/22px Arial, Helvetica, Verdana, sans-serif;
text-align : center;
padding : 5px 3px 3px 3px;
border: none;
float : left;
}

.bestellen a:hover {
color : #ffffff;
background-color: #757575;
cursor:pointer;
border : none;
}

.toggler {
    color : #ed8c23;
    font : 18px/18px Arial, Helvetica, Verdana, sans-serif;
    text-transform: uppercase;
    cursor:pointer;
}

.toggler:hover {
    color : #590000;
    text-decoration : underline;
}