html, body {
/* background-color : #c3bdb8; */
background-color : #E8E8E8;
background-image: url('../image/body_bg.jpg');
background-position:center;
background-repeat:repeat-y;
margin : 0;
padding : 0;
font-family : Tahoma, Arial, sans-serif;
font-size : 0.95em;
line-height:1.4em;
height : 100%;
}

body, td, input, textarea, select {
font-family : Verdana, Geneva, Arial, helvetica, sans-serif;
 font-size : 13px;
}
h1,h2,h3,.sl1,.sl2,.sl3{
        font-family:"Times New Roman", "Trebuchet MS", Georgia, serif;
        font-weight:normal;
        color:#666;
        border:none;
}

h1 {
        font-size:200%;
}

h2 {
        font-size:150%;
}

h3 {
    font-size:150%;
    border-bottom: 1px dotted #F90;    
}
pre {
font-size : 1em;
border : 1px solid #dee2e8;
background-color : #efefef;
color : #333;
padding : 5px;
height:100px;
overflow:auto;
}
code{
background-color:#000;
color:#FFF;
font-family:monospace;
}
img{
border:0;
}

input, textarea {
background-color : transparent;
padding:2px 4px;
font-size:1em;
}

.err_input input, .err_input input:focus {
background-color : #ffdbdb;

}

input:focus, textarea:focus {
background-color : #fff;
background-image:url('../image/input_bg.gif');


}
#outer {
width : 750px;
background-color : #fff;
border-left : 1px solid #000;
border-right : 1px solid #000;
margin : auto auto;
min-height : 100%;
position : relative;
text-align:left;
}
.clear{
        line-height:0;
        font-size:0;
        height:1px;
        overflow:hidden;
        clear:both;
        margin-top:-1px;

}
.header {
background-image : url("../image/header.jpg");
height : 150px;
}

.headnavi {
position : relative;
padding : 0.5em 1em;
text-align : right;
font-size : 0.9em;
color : #fff;

}

.headnavi a {
padding : 0 1%;
color : #fff;
text-decoration : none;
}

.headnavi a:hover, a.headnaviaktiv {
color : #f60;
text-decoration : none;
}
.logobereich{
float:left;
}
.logobereich a {
width : 230px;
height : 120px;
display : block;
}
.topbanner{
    float:right;
}
.left {
float : left;
}

.menucontainer {
margin : 10px 0;
width : 145px;
}
.menucontainer ul{
    list-style-type:none;
    list-style-image:none;
    margin:0;
    padding:0;
}
.menucontainer li{
    margin:0;
    padding:0;
}
.leftcont a{
    color:#333;
    font-size:0.9em;
}
.leftcont a:hover{
    color:#f90;
}
.menutitle, .contenttitle {
font-family:Gorgia,Times, serif;
color : #f60;
font-size : 1.2em;
font-weight : bold;
margin : 0;
}

.contenttitle {
font-family:Gorgia,Times, serif;
font-size:1.2em;
color : #666;
border-bottom : 1px dotted #333;
margin-bottom : 5px;
}

.menutitle .klammer, .contenttitle .klammer {
padding : 0 4px;
}

.menupoints {
margin : 0 0 10px 0;
background-color : #f9f8f6;
border-top : 1px dotted #333;
border-bottom : 1px dotted #333;
}

.leftcont {
margin : 0;
padding : 10px 5px;
background-color : #f9f8f6;
border-top : 1px dotted #333;
border-bottom : 1px dotted #333;
}
#search .text {
width : 94%;
border : 1px solid #999;
}
.searchbutton {
text-align : right;
margin : 0;
padding : 0;
}

#search .search {
border : none;
font-weight: normal;
border-right:1px solid #999;
border-bottom:1px solid #999;
background-image:url("../image/button_bg.gif");
font-size:0.9em;
}

#search .search:hover {
border : none;
border-left:1px solid #999;
border-top:1px solid #999;
background-image:url("../image/button_bg.gif");
}

a.menu1, a.menu1aktiv {
background-image : url("../image/grau_menue_pfeil.gif");
background-repeat : no-repeat;
background-position : 3% 50%;
display : block;
padding : 3px 3px 3px 13px;
border-top : 1px solid #eae7e2;
text-align : left;
font-weight : normal;
color : #666;
text-decoration : none;
}
a.menu1aktiv {
background-color : white;
}

a.menu2, a.menu2aktiv {
background-image : url("../image/grau_menue_pfeil.gif");
background-repeat : no-repeat;
background-position : 10% 50%;
display : block;
padding : 3px 3px 3px 24px;
border-top : 1px solid #eae7e2;
text-align : left;
font-weight : normal;
color : #666;
text-decoration : none;
}

a.menu2aktiv {
background-color : #efeeeb;
}

a.menu1:hover, a.menu2:hover {
background-color : white;
}

#content {
margin: 10px 0px 30px 10px;
width : 560px;
float : left;
}

ul {
list-style : url("../image/li_punkt.gif");
}

li {
line-height:1.1em;
padding : 3px 0;
}

#content a {
    color : #333;
    text-decoration : none;
    border-bottom: 1px dotted #F90;

}
#content a:hover {
    color : #f60;
    text-decoration : none;
    border-bottom: 1px dotted #F90;;
}

a.pfeillink{
    padding-left : 10px;
    background-image : url("../image/orang_klammer_r.gif");
    background-position : left center;
    background-repeat : no-repeat;
    font-weight:bolder;
}
a.pfeillink:hover{
    padding-left : 10px;
    background-image : url("../image/orang_klammer_ro.gif");
    background-position : left center;
    background-repeat : no-repeat;
    font-weight:bolder;
}
.boxtext {
border : 1px solid #f60;
padding : 3px;
background-color : #fff8ef;
}

/* hier beginnt das für die Box relevante CSS  */

#content h3 a{
    color:#666;
}
div {
        margin:0;
}

.ro {
        background:url(../image/roundedbox_ro.gif) top right no-repeat;
}

.lo {
        background:url(../image/roundedbox_lo.gif) top left no-repeat;
}

.ru {
        background:url(../image/roundedbox_ru.gif) bottom right no-repeat;
}

.lu {
        background-position:bottom left;
        background-image:url(../image/roundedbox_lu.gif);
        background-repeat:  no-repeat;
}

.inhalt {
        margin:0;
        padding:2.0em 2.0em 2.5em 2.0em;
        line-height:2em;
}

.inhalt p {
        margin:0;
        padding:0;
}
.inhalt h3{
margin: 0.2em;
padding:0;
}
a.sl1{
    margin: 0 0.3em;
    font-size:200%;
    background-image:none;
    line-height:1.3em;
}
a.sl2{
    margin: 0 0.3em;
    font-size:150%;
    background-image:none;
    line-height:1.3em;
}
a.sl3{
    margin: 0 0.3em;
    font-size:130%;
    background-image:none;
    line-height:1.3em;
}
#content a.sl3:hover ,#content a.sl2:hover ,#content a.sl1:hover{
    color: #333;
    line-height:1.3em;
}
/*Glossar*/
#alphabet {
/*border : 1px solid #dee2e8;*/
background-color : #FFF;
padding : 0.2em;
min-height: 1.2em;
line-height:1.2em;
margin:0 auto;
margin-bottom: 1em;
}

#alphabet ul{
    padding:0;
    margin:0;
}
#alphabet a, #alphabet a:hover {
    background-image : none;
    padding : 0;
    min-width : 10px;
    text-decoration : none;
}
#alphabet a:hover,#alphabet a.aktiv{
    background-color: #f60;
    color: #FFF;    
}
#alphabet li{
float:left;
list-style-image:none;
list-style-type:none;
padding : 0 0.32em;
}
h3.glossarentry{
font-size:0.97em;
padding:0 1%;
border : 1px solid #dee2e8;
background-color : #efefef;
}
.mitte h3 {
    border:none;
}
/*-----------SHOP-------------*/
.artikeltable {
background-color : #fffaef;
width : 97%;
margin : 15px 5px;
font-size : 13px;
border : 1px solid #ffa800;
}
#content a.nopfeil,#content a.nopfeil:hover {
padding : 0;
background-color : transparent;
background-image:none;
}
.preisalt {
font-size : 0.85em;
}
.preisneu {
color : #f00;
font-weight : bold;
font-size : 1.1em;
}
#footer {
background-image : url("../image/footer.jpg");
font-size : 0.8em;
text-align : right;
color : #aaa;
position : absolute;
bottom : 0;
left : 0;
width : 100%;
}
.bottomlinks .menucontainer{
    border: none;
    width:750px;
    position:relative;
    text-align:center;
    margin:0 auto;
}
.bottomlinks .leftcont{
 border: none;
 background-color: transparent;
 padding:0;
}
.bottomlinks a{
    text-decoration:none;
    color: #666;
}
html #footer {
bottom : -1px;
}

select{
    border:1px dotted #aaa;
}

.farbe{
color : #f60;
}
h3.farbe{
    border:none;
}
/*--- News ------------------------------------------------------------------------*/
.News h2{
    border-top:1px dotted #333;
    border-bottom:1px dotted #333;
    padding:10px 0;
    margin: 20px 0 10px 0;
}
.gulli_rss_headline{
    float: left;
}
.gulli_rss_date{
    float:right;
    font-size:0.9em;
    font-weight:normal;
    color:#666;
}
.gulli_rss_box{
    margin-bottom:20px;

}
.gulli_rss_text{
    clear:both;
    border-bottom:1px dotted #333;
}