/*<![CDATA[
jmp media - pixelcoach. Nicole Müller
www.jmp-media.de
05/2006
*/
* {     margin:0; padding:0; }

body{
    min-height: 100%;
    margin: 0px auto; /* main-Box zentrieren in IE 5 und hoeher */
    text-align: center; /* main-Box zentrieren in IE 5 und hoeher */
    font: normal normal 101.01% Arial, Helvetica, sans-serif;
    background-color: rgb(210,230,179);
    color: black;
    }html > body {font-size:100.01%;}
    
/* ----------Startseite---------- */
#container  {/* Zentrierung Startseite*/
    width: 520px;
    height: 380px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -260px;
    /* Hide from IE-Mac \*/
    margin-top: -190px;
    /* End hide */
    background: url(../img/shendo_verlag_start.gif) no-repeat bottom;
    text-align: right;
}
#container a, #container a:hover, #banner a, #banner a:hover{
    color: rgb(35,69,2);
    font-size: 0.8em;
    padding: 0 3px;
    text-decoration: none;
    background-color: transparent;
}
#container a:hover, #banner a:hover, #banner a.current, #banner a.current:hover  { color: rgb(166,43,78); 
background-color: transparent; }

a { color: rgb(35,69,2);}
a:hover {color: rgb(166,43,78); }

h1, h3 {
color: rgb(166,43,78);
font-size: 1.25em; font-weight: bold;
padding: 15px; letter-spacing: 0.3px;
 }
h1 span.small, h2 span.small {
font-size:0.75em;
font-weight:normal;
}
h3 {
    font-size: 1.0em; 
    font-weight: normal;
}
h3.rechan {
    margin-left: -15px;
}   
/* ----------container zentriert das layout-------------- */
#page {
width: 952px;
margin-left: auto;
margin-right: auto;
border-left: 1px solid rgb(156,189,112);
border-right: 1px solid white;  
background: rgb(255, 251, 204) url(../img/bg_navi.gif) no-repeat top left;
 } 
 
#main { clear:both; width: 100%; }
#navigation, #navigation_content {
    position: relative;
    z-index: 3;
    float: left;
    width: 163px !important; 
}
#navigation_content { z-index: 4; text-align: left; }
* html #navigation_content {  width:165px; }
#content {
    z-index: 1;
    width:auto;
    text-align: left;
    margin-left: 163px; 
    margin-right: 263px; 
    background-color: white;
    }   * html #content {
    position: relative;
    margin-left: 158px;
    width: 520px;
    margin-right: 260px;
}
#content_content{
    background: url(../img/bg_mitte.gif) no-repeat top left;
    padding-top: 0px; /* Hack! Notwendig damit Firefox und Opera den oberen Rand auf Null setzen */ 
    color:black;
    z-index: 2;
    padding-bottom: 50px;
    font-size: 0.8em;   
    min-height: 600px;
    height: auto !important;
    height: 600px; 
}
#content_content label{
    color:black;
    
}
.row span, .row_best span{
    color:black;
}
/* Use of the Holly-Hack show these declaration to IE only. 
This is necessary to avoid the 'disappearing background bug' */
* html #content_content { position: relative;  }
#right {
    position: relative;
    z-index: 4;
    width: 263px; 
    height: auto;
    float: right; 
}* html #right { margin-left: -3px; }
#right_content {
    position: relative;
    background: rgb(255, 251, 204) url(../img/bg_rechts.gif) no-repeat top;
    z-index: 5;
    min-height: 380px;
    height:auto !important;   
    height:380px;
}
#footer {clear: both;}

/* Clearen der 3 Inhaltsspalten mittels dieses speziellen hr-Tags */
.clear_columns{ 
    content: "."; 
    display: block; 
    height: 0; 
    font-size: 0; 
    clear: both; 
    float: left; 
    visibility: hidden; 
    border: 0; 
    margin-top: -2em;   /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}
/* ----------banner for logo-------------- */
#banner {
    text-align: right;
    background: url(../img/shendo_verlag_header.gif) no-repeat;
    height: 22px;
    padding: 83px 35px 0 0;
}
#banner a, #banner a:hover{
    color: rgb(35,69,2);
    font-size: 9pt;
    font-weight: bold;
    padding: 0 5px;
    text-decoration: none;
}
#banner a:hover { color: rgb(166,43,78); }

hr {
border: none;
    border-bottom: 1px solid #AEC98A;
    height:1px;
    margin: 20px 55px 0 15px;
}

/* -----------------Inhalt--------------------- */ 
#navigation_content img { padding: 211px 0 0 2px; }

p {padding: 20px 55px 0px 15px;  }
p.new_doppel{
    padding: 10px 55px 5px 15px;
}
p.best, p.bestdetail ,p.new_doppel{
    margin: -50px 0 0 100px;
    padding-right: 100px;
color: #000000;}

p.best_extra{
    margin: -50px 0 0 100px;
    padding-right: 75px;
color: #000000;
}
p.best_extra2{
    margin: -68px 0 0 100px;
    padding-right: 100px;
color: #000000;
}

#main p.black {color: #000;}
#content img { margin: 10px 0; }

#right img {    margin: 55px 0 15px 0; padding:0; }
#right h2 { text-align: left; color: rgb(163,47,26); padding-left: 14px; font-size: 0.90em; font-weight: bold; }
#right p {  text-align: left; color: rgb(163,47,26); font-size: 0.8em; padding:20px 25px 0 15px;}
.red {  color: rgb(163,47,26); padding-top: 20px;font-weight: bold; }
.floatleft { float: left; margin: 0 0 10px 10px; }
img.floatleft {padding-right: 50px;}
#content p.float { height: 200px;  }

/* -----------------Navigation--------------------- */ 
#navigation ul.hauptnavi { width: 160px; margin-top: 34px; border-top: 1px solid rgb(35,69,2);  }
#navigation ul.hauptnavi li { list-style: none; }

#navigation ul.hauptnavi li a, #navigation ul.hauptnavi li a:link,
#navigation ul.hauptnavi li a:hover, #navigation ul.hauptnavi li.current a,
#navigation ul.hauptnavi li.current a:link ,#navigation ul.hauptnavi li.current a:hover  {
    display: block;
    border-bottom: 1px solid rgb(35,69,2);
    color: rgb(35,69,2);
    text-decoration: none;
    font: normal normal 0.75em Arial, Helvetica, sans-serif;
    padding: 5px 0 6px 6px;
    font-weight: bold;
    background-color: #BBD09C;
}
#navigation ul.hauptnavi li a:hover, #navigation ul.hauptnavi li.current a,
#navigation ul.hauptnavi li.current a:link ,#navigation ul.hauptnavi li.current a:hover  {
    color: rgb(25,48,2);
    background-color: #BBD09C;
}
#navigation ul.hauptnavi li.current ul.unternavi li.current {border-bottom:1px solid #234502;}
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current {border-bottom:none;}

#navigation ul.hauptnavi li.current ul.unternavi li a, #navigation ul.hauptnavi li.current ul.unternavi li a:link,
#navigation ul.hauptnavi li.current ul.unternavi li a:hover, #navigation ul.hauptnavi li.current ul.unternavi li.current a,
#navigation ul.hauptnavi li.current ul.unternavi li.current a:link ,#navigation ul.hauptnavi li.current ul.unternavi li.current a:hover  {
    display: block;
    color: rgb(25,48,2);
    text-decoration: none;
    font: normal normal 0.75em Arial, Helvetica, sans-serif;
    padding: 5px 0 6px 6px;
    border-bottom: 1px solid rgb(35,69,2);
    background-color: #D2E6B3;
}
#navigation ul.hauptnavi li.current ul.unternavi li a:hover, #navigation ul.hauptnavi li.current ul.unternavi li.current a,
#navigation ul.hauptnavi li.current ul.unternavi li.current a:link ,#navigation ul.hauptnavi li.current ul.unternavi li.current a:hover  {
    background-color: #D2E6B3;
    color: rgb(25,48,2);
    font-weight: bold;
}
/*3. Ebene*/
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li a, 
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li a:link,
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li a:hover, 

#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a,
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a:link ,
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a:hover  {
    display: block;
    color: rgb(35,69,2);
    text-decoration: none;
    font: normal normal 0.7em Arial, Helvetica, sans-serif;
    padding: 3px 5px 7px 20px;
    border: none;
    background-color: transparent;
}
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li a:hover, 
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a,
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a:link ,
#navigation ul.hauptnavi li.current ul.unternavi li.current ul.unternavi li.current a:hover  {
    background-color: transparent;
    color: rgb(163,47,26);
}
/* - - - - - - - -   formular   - - - - - - - -  */

form {  
    width: 470px;
    margin: 13px 0 0 20px; 
    padding:0;
    font: normal normal 0.9em Arial, Helvetica, sans-serif; 
    }
form fieldset, form.best fieldset {
    padding: 10px 5px 10px 15px;
    border: 1px dashed rgb(158, 191, 114); 
    width: 93%; 
}

legend {    font-weight: bold; padding: 0; margin:0 }
select,option { width: 190px;   }
select {
    border: 1px solid #234502;
}
input, input.standard, input.absenden {
    width: 185px;
    border: 1px solid rgb(35,69,2);
    padding: 0 1px;
    margin: 0 0 1px 0;
    background-color: #fff;
    height: 15px;
}
input.boppel{
    border: none;
    width: 20px;
    background-color: transparent;
    padding:0; margin:10px 0 -3px 0;
}
input.absenden, input.senden {
    width: 189px;
    padding: 1px;
    margin-top: 10px;
    color: rgb(35,69,2);
    font-weight: bold;
    height: 22px;
}
input.senden {
    margin: 40px 0 0 168px;
}
input.stck {
    width: 30px;
    text-align: right; 
}
input.rech {
    border: 1px solid white;
    float: left;
    width: 30px;
    text-align: right;
    }
input.preis, input.gespreis, input.gespreisE {
    width: 55px;
    float: right;
   xmargin: -32px 21px 0pt 0pt;
    padding: 0;
    text-align:right;
    border: 1px solid white;
}
input.gespreis, input.gespreisE {
    width: 60px;
    xmargin: -17px -35px 0 0;
    font-weight: bold;
}
form .goLeft {
float: left;
}
form .goRight {
float: right; }
input.doppel{
    text-align:right;
    width: 55px;
margin: 0 21px 0pt 0pt;
    padding: 0;
    border: 1px solid white;
}
input.doppel2{
    text-align:right;
    width: 55px;
    margin: 0 21px 0pt 0pt;
    padding: 0;
    border: 1px solid white;
}
input.rechnung {
    border: 1px solid white;
    margin: 0 0 0 13px;
    width: 400px;
}

input.ort {
    width: 133px;
}
input.plz {
    width: 45px;
}
input.ges {
    border: 1px solid white;
    width: 80px;
}
input.agb {
    margin: 20px 15px 0 15px;
    width: 15px;
}
a.agb, a.agb:link, a.agb:visited, a.agb:active, a.agb:hover {
    color: #A62B4E;
}
a.agb:hover {
    color: #234502;
}
.detail {
    margin: 0;
}

textarea {
    width: 225px;
    border: 1px solid rgb(35,69,2);
}
.row {
   padding: 13px 5px;
   display: block;
  /* clear: both;*/
  clear:right;
  clear:left;
}
.row_best{
    padding: 2px 5px;
   display: block;
  /* clear: both;*/
  clear:right;
  clear:left;
}
.row_after{
    padding: 0 5px 15px 5px;
   display: block;
  /* clear: both;*/
  clear:right;
  clear:left;
}
.row_doppel{
    padding: 20px 14px;
   height: auto;
    clear: left;   
}
.row_doppel span {
    float: left;
}
.row_doppel2{
    padding: 7px 5px;
   display: block;
  /* clear: both;*/
  clear:right;
  clear:left;border: 1px solid red;
}
.row label,.row_best label{
    margin-top:-10px;
}
.row br,.row_best br { /* Ausblenden der <br>s für ungestylte Ansicht */
   display: none; }

.row span,.row_best span {
    padding: 4px 0;
    width: 180px; 
    float: left; 
}
p.bestdetail {
    padding-right: 0;
}
textarea.rech {
    border: 1px solid white;
    font: normal normal 1.1em Arial, Helvetica, sans-serif; 
    width: 180px;
    height:85px;
    margin: 4px 0 10px 20px;
}


/*]]>*/