/***********************************************/
/* style.css                             */
/* Use with template svn_template.htm          */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/

body{
        font-family: Arial;
        color: #333333;
        line-height: 1.166;
        margin: 0px;
        padding: 0px;
}

a{
        color: #006699;
        text-decoration: none;
}

a:link{
        color: #666666;
        text-decoration: none;
}

a:visited{
        color: #009900;
        text-decoration: none;
}

a:hover{
        color: #00CC33;
        text-decoration: underline;
}

h1{
 font-family: Arial;
 font-size: 90%;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h2{
 font-family: Arial;
 font-size: 114%;
 color: #067234;
 margin: 0px;
 padding: 0px;
}

h3{
 font-family: Arial;
 font-size: 70%;
 color: #000000;
 margin: 0px;
 padding: 0px;
}

h4{
 font-family: Arial;
 font-size: 100%;
 font-weight: normal;
 color: #334d55;
 margin: 0px;
 padding: 0px;
}

h5{
        font-family: Arial;
        font-size: 12px;
        color: #000000;
        margin: 0px;
        padding: 0px;
        font-style: normal;
}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

/*Class Selektoren beginnen mit einem '.' */
/*ID Selektoren beginnen mit einem '#' */
#ALL{
         width: 1000px;
         /*float: right;*/
         position: relative;
         margin-left: auto;
         margin-right: auto;
}

#Seitenkopf{
                position:absolute;
        top:0px;
        /*left:20px;*/
        width: 1000px;
        padding: 0px;
        height: 150px;
}


#hauptteil{
        position:absolute;
        top:155px;
        left:225px;
        width: 777px;  //Verwaltung braucht einen breiteren Haupteil
        /*border: 1px solid #eeeeee;*/
        padding: 10px;
        height: 750px;
        overflow: auto;
        /*border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;*/
}

#spalte_links{
        position:absolute;
        top:155px;
        /*left: 20px;*/
        width: 200px;
        padding: 10px;
        background-color: #dadada;
        height: 750px;
        border: 1px solid #067234;
        border-top-left-radius: 20px;
        /*border-top-right-radius: 20px;*/
        border-bottom-left-radius: 20px;
        /*border-bottom-right-radius: 20px;*/
}
/* Wird auf der Verwaltungs Seite nicht gebraucht!
#spalte_rechts{
        position:absolute;
        top:185px;
        left: 780px;
        width: 180px;
        padding: 20px;
        background-color: #dadada;
        height: 700px;
        border: 1px solid #067234;
        /*border-top-left-radius: 20px;*/
        border-top-right-radius: 20px;
        /*border-bottom-left-radius: 20px;*/
        border-bottom-right-radius: 20px;
}
*/
#table_portrait{
        position:absolute;
        top:3px;
        width: 209px;
        padding: 0px;
        color: #eeeeee;
        left: 316px;
        height: 692px;
}
#table_geschichte{
        float: left;
}
#content{
        float: left;
          width: 55%;
}


/************* #siteInfo styles ***************/

#siteInfo{
        position:absolute;
        top:932px;
        width:979px;
        clear: both;
        border: 1px solid #cccccc;
        font-size: 75%;
        color: #cccccc;
        padding: 10px 10px 10px 10px;
        left: 0px;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
}

/************* #siteInfo styles ***************/

/************* #News & Foto & Video im Hauptfenster styles ***************/

#news1{
         position:absolute;
         top:50px;
         /*left:120px;*/
         width:250px;
         height:100px;
         background-color: #efefef;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
         border:solid;
         color:grey;
}

#news2{
         position:absolute;
         top:50px;
         /*left:260px;*/
         right:10px;
         width:250px;
         height:100px;
         background-color: #efefef;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
         border:solid;
         color:grey;
}
#news3{
         position:absolute;
         top:200px;
         /*left:120px;*/
         width:250px;
         height:100px;
         background-color: #efefef;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
         border:solid;
         color:grey;
}
#news4{
         position:absolute;
         top:200px;
         /*left:250px;*/
         right:10px;
         width:250px;
         height:100px;
         background-color: #efefef;
         border-top-left-radius: 15px;
         border-top-right-radius: 15px;
         border-bottom-left-radius: 15px;
         border-bottom-right-radius: 15px;
         border:solid;
         color:grey;
}
#fotos{
         position:absolute;
         top:365px;
         /*left:250px;*/
         /*right:10px;*/
         width:530px;
         height:50px;
         background-color: #dadada;
                 border-top-left-radius: 15px;
         border-top-right-radius: 15px;
}

#videos{
         position:absolute;
         top:420px;
         /*left:250px;*/
         /*right:10px;*/
         width:530px;
         height:240px;
         background-color: #dadada;
                 border-top-left-radius: 15px;
         border-top-right-radius: 15px;
}


/************* #News & Foto & Video im Hauptfenster styles ***************/