body {
    background: #FFFFFF; 
    /*background: #dddba8; graubraun */
    margin: 0;
    padding: 0;
    font: normal Veranda, Geneva, Arial, Helvetica, sans-serif;
    font-size: x-small; /* für IE5/Win */
    voice-family: "\"}\"";
    voice-family: inherit;
    font-size: small; /* für konforme Browser */
    font-family: Veranda, Geneva, Ariel, Helvetica, sans-serif;
}
html>body { /*sei nett zu Opera */
    font-size: small;
}
    

h2, h3 {
    margin-top: 0;
}

form {
    margin: 0;
    padding: 0;
}

p {
    font: 80%;
    margin-top: 0;
}

#wrapper {
    min-width: 400px;
    width: 100%;
}

#outer {
    /*border-left: 165px solid #f3f4a2; Hintergrund der linken Spalte*/
    border-left: 180px solid #e8fed8; /*Hintergrund der linken Spalte*/
    border-right: 180px solid #e8fed8; /*Hintergrund der rechten Spalte*/
    background-color: #FAFAFA; /*Hintergrund der mittleren Spalte*/
    
}

#inner {
    margin: 0;
    width: 100%;
}
    
/* #header {
    background-color: #99FF99;
    color: #901602
    border-bottom: 1px dotted #CCCCCC;
}

#header h1 {
    font: 200% Georgia, "Times New Roman" Times, serif;
    text-align: right;
    margin-right: 1em;
}
*/ 

/* Header */

#header {
	width: 100%;
	height: 100px;
	margin: 0 auto;
	background: url(images/logo_herpetoshop.gif) no-repeat;
        background-position: bottom left;
        background: url(images/logo_wuerfel.jpg) no-repeat;
        background-position: bottom right;
        background-color: #37554D;
}
#header h1 {
	/*text-transform: uppercase;*/
	font-size: 300%;
        padding: 30px 0 0 15px;
        color: #FFFFFF;
}

#left {
    width: 180px;  /* Breite der linken Spalte */
    margin-left: -180px; /* negative Breite der linken Spalte */
    float: left;
    position: relative;
    z-index: 10;
    padding-left: 5px;
}

#left h3 {
    width: 150px;
    font-size: 110%;
    color: #621313;
    background-color: transparent;
    margin: 0;
    padding-bottom: 4px;
}

#left .txt {
    width: 150px;
    background-color: #FCF5F5;
    border: 1px inset #901602;
}

#navigation {
    width: 150px;
    font-family: Ariel, Helvetica, sans-serif;
}

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

#navigation li {
    /*border-bottom: 1px solid #ED9F9F;*/
    border-bottom: 1px solid #37554D;
}

#navigation li a:link, #navigation li a:visited {
    display: block;
    padding: 5px 5px 5px 0.5em;
    /*border-left: 12px solid #711515;*/
    border-left: 12px solid #37554D;
    /*border-right: 1px solid #711515;*/
    border-right: 1px solid #37554D;
    /*background-color: #B51032;*/
    background-color: #97B09C;
    color: #FFFFFF;
    text-decoration: none;
}

#navigation li a:hover {
    /*background-color: #711515;*/
    background-color: 37554D;
    color: #FFFFFF;
}

#navigation ul ul {
    margin-left: 12px;
}

#navigation ul ul li {
    /*border-bottom: 1px solid #711515;*/
    border-bottom: 1px solid #37554D;
    margin: 0;
}

#navigation ul ul a:link, #navigation ul ul a:visited {
    /*background-color: #ED9F9F;*/
    background-color: #ccffcc;
    /*color: #711515;*/
    color: #0a8072;
}

#navigation ul ul a:hover {
    /*background-color: #711515;*/
    background-color: #669966;
    color: #FFFFFF;
}

/* Content > Sidebar */

#sidebar {
	float: right;
	width: 220px;
}

/* left > Login */

#login {
}

.loginbox {
    width: 140px;
    padding: 2px 4px 2px 6px;
    margin: 1em 1em 10px 0;
    border: 1px solid #B1B1B1;
    background-color: #f3f4a2;
}

#login label {
	display: block;
}

#login #inputtext1, #login #inputtext2 {
	width: 120px;
	margin-bottom: .5em;
	padding: 2px 5px;
	border: 1px solid #CCCCCC;
        font-size: 80%;
	color: #000000;
}

#login #inputsubmit1 {
	/*float: left;*/
	width: 80px;
	margin-right: 7px;
	border: 1px solid #CCCCCC;
	border-top-color: #FFFFFF;
	border-left-color: #FFFFFF;
        font-size: 80%;
}

#login p {
	margin: 0;
	padding-top: .2em;
        padding-bottom: 1.2em;
	font-size: 110%;
}



#right {
    width: 200px;          /* Breite der rechten Spalte */
    margin-right: -200px;  /* negative Breite der rechten Spalte */
    float: left;
    position: relative;
    z-index: 11;
}

#right h2 {
    font-size: 120%;
    color: #901602;
    margin-left: 1em;
    margin-top: 1em;
}

#right h3 {
    font-size: 110%;
    color: #621313;
    background-color: transparent;
    margin-bottom: 0;
    padding-bottom: 4px;
    padding-left: 0.2em;
}

#right p {
    padding-left: 10px;
}

.adbox {
    width: 140px;
    padding: 2px 4px 2px 6px;
    margin: 1em 1em 10px 1em;
    border: 1px solid #B1B1B1;
    background-color: #f3f4a2;
}

#content {
    float: left;
    width: 99%;
    position: relative;
    z-index: 12;
}

#content h2 {
    font-size: 120%;
    color: #901602;
    margin-left: 1em;
}

#content p {
    margin-left: 3em;
    margin-right: 2em;
}

input.txt {
    color: #00008B;
    background-color: #E3F2F7;
    border: 1px inset #00008B;
    width: 200px;
}

input.btn {
    color: #00008B;
    background-color: #ADD8E6;
    border: 1px outset #00008B;
}

form p {
    clear: left;
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

form p label {
    float: left;
    width: 30%;
    font: bold 90%;
}    

fieldset {
    border: 1px dotted #61B5CF;
    margin-top: 16px;
    padding: 10px;
}

legend {
    font: bold 80%;
    color: #00008B;
    background-color: #FFFFFF;
}    


.conbox {
    width: 300px;
    height: 220px;
    padding: 2px 2px 2px 2px;
    margin: 10px 10px 10px 10px;
    border: 1px solid #B1B1B1;
    background-color: #f3f4a2;
    float: left;
}

.conbox img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 4px 4px 0;
}

.conbox h3 {
    margin: 0px;
    padding: 6px 8px 4px 10px;
    font-size: 120%;
    color: #333;
    border-bottom: 1px solid #E0CFAB;
}    
.conbox p {
    margin: 0;
    padding: 0;
    font: bold 90%;
    color: #333;
    float: left;
}       

.introbox {
    width: 300px;
    height: 200px;
    padding: 2px 2px 2px 2px;
    margin: 10px 10px 10px 10px;
    border: 1px solid #B1B1B1;
    background-color: #f3f4a2;
    float: left;
}

.introbox img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 4px 4px 0;
}

.introbox h3 {
    margin: 0px;
    padding: 6px 8px 4px 10px;
    font-size: 120%;
    color: #333;
    border-bottom: 1px solid #E0CFAB;
}    
.introbox p {
    margin: 0;
    padding: 0;
    font: bold 90%;
    color: #333;
    float: left;
}       

#footer {
    /*background-color: #BDDB62;*/
    /*background-color: #92B91C;*/
    background-color: #669966;
    width: 100%;
    position: relative;
    z-index: 13;
    border-top: 1px dotted #B1B1B1;
}

#footer p {
    padding-left: 1em;
    padding-top: 1em;
    padding-bottom: 1em;
    text-align: center;
    font: bold 120%;
    color: #FFFFFF;
}
/*#footer a {
    font: 120%;
}*/

#footer a {
    font: bold 120%;
    color: #FFFFFF;
}

#footer a:hover {
    font: bold 120%;
    color: #eC921e;
}

.clear {
    clear: both;
}


    
/*Hack für Mozilla Fehler */

#outer > #inner {
    border-bottom: 1px solid transparent;
}
#left {
    margin-right: 1px;
}
#right {
    margin-left: 1px;
}
#content {
    margin: 0 -3px 0 -2px;
}