/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/2-spalten-variabel.html */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */

*{
 margin:0;
 padding:0
}

body{
 background:#DC9;
 font-family:arial,verdana,sans-serif;
 font-size:.9em;
 margin:1em;
 color: #863;

scrollbar-face-color:  #DC9;
scrollbar-highlight-color: #FEC;
scrollbar-shadow-color: #FEC;
scrollbar-3dlight-color: #FEC;
scrollbar-arrow-color:  #FEC;
scrollbar-track-color: #FEC;
scrollbar-darkshadow-color:  #DC9;


}

#box { position:absolute;
                        left:50%;
                        top: 50%;
                        width:800px;
                        height:600px;
                        margin-left:-400px;
                        margin-top:-300px;
                        border: 0px solid #96C63D;
                        padding: 0px;
                        background-color: #FEC;
                        }

#top { position:absolute;
                        left:0%;
                        top: 0px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:800px;
                        height:60px;
                        margin-bottom: 0px;
                        background-color: #DC9;
                        }

                #unten {
                        position:absolute;
                        left:0px;
                        top: 560px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:800px;
                        height:40px;
                        margin-bottom: 0px;
                        background-color: #DC9;
                        }

                #links {
                        position:absolute;
                        left:0px;
                        top: 60px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:290px;
                        height:500px;
                        margin-bottom: 0px;
                        background-color: #FEC;
                        }

                #header {
                        position:absolute;
                        left:300px;
                        top: 60px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:440px;
                        height:30px;
                        margin-bottom: 0px;
                        background-color: #FEC;
                        }


                #mitte {
                        position:absolute;
                        left:300px;
                        top: 75px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:450px;
                        height:435px;
                        margin-bottom: 0px;
                        margin-top: 40px;
                        background-color: #FEC;
                        overflow:auto;
                        font-family:arial,verdana,sans-serif;
                         font-size:.9em;
                          color: #863;
                        }

                #rechts {
                        position:absolute;
                        top: 60px;
                        left: 760px;
                        padding: 0px;
                        border: 0px solid gray;
                        width:40px;
                        height:500px;
                        margin-bottom: 0px;
                        background-color: #FEC;
                        }



.padding{
 padding:10px
}

h1,h6{
 font-size:1.3em;
 font-variant:small-caps;
 margin-top: 15px;
}
#links p { margin-left:10px; margin-top: 0px; margin-bottom: 0px;color : #863; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : 600; font-size : .9em; font-variant: normal;}
#links A:link { margin-left:10px; color : #863; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : 600; font-size : .9em; font-variant: normal;}
#links A:visited { margin-left:10px; color : #863; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : 600; font-size : .9em; font-variant: normal;}
#links A:active { margin-left:10px; color : #C96; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em;  font-variant: normal}
#links A:hover { margin-left:10px; color : #C96; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em; font-variant: normal}

.imglinks { margin-right: 10px;         }

.imgrechts { margin-left: 10px; margin-right: 10px; margin-top: 2px; margin-bottom: 2px; }

p {  margin-top: 6px; margin-bottom: 0px; }

.index {font-family:arial,verdana,sans-serif; font-size:.75em; color: #863; font-weight : bold; }

#mitte td {font-family:arial,verdana,sans-serif; font-size:.8em; color: #863; }
#mitte A:link { color : #863; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em; font-variant: normal}
#mitte A:visited { color : #863; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em; font-variant: normal}
#mitte A:active { color : #C96; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em;  font-variant: normal}
#mitte A:hover { color : #C96; text-decoration: none; font:Arial, Helvetica, sans-serif; font-weight : bold; font-size : .9em; font-variant: normal}

ul { list-style-type:square;}
li { margin-top:4px;}