/* 
    Document   : style
    Created on : 05.06.2012, 19:26:14
    Author     : PETERSTAMM
    Description:
        Purpose of the stylesheet follows.
*/
body {
    font-size: 1.1em;
    background-color: #879334;
    margin: 0px;
    overflow: auto;
    background-image: url('../Bilder/2.JPG');
    background-repeat: repeat-y;
    background-position:center top;   
    min-width: 40em;
    font-family: cursive;
}

body a {text-decoration: none;}

div {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
div.A{
    width: 800px;
    background:#eaaa3a;  
    margin: 20px auto auto auto;
    border: solid 1px;
    border-color: #eab44a;
}
div.AB{
    width: 798px;
    background:#eaaa3a;  
    margin: 5px auto auto auto;
    border: solid 1px;
    border-color: #eab44a;
}
div.AB img{
    width: 370px;
    margin: 5px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}
div.boxABa {
    background:#eabf9c;
    width: 380px;
    margin: 5px auto 5px 5px;
    float: left;
}
div.boxABb{
    background:#eabf9c;
    width: 380px; 
    margin: 5px auto 5px 405px;
}

div.boxA{
    float: left; 
    margin: 10px auto 10px 10px; 
    width:87px

}

div.boxB{
    float: left;
    width: 560px;
    margin: 10px auto auto 10px;     
    text-align: center;
    font-style: oblique;
    font-family: cursive;
    font-size: 3em
}

div.boxC{
    margin: 10px auto auto 693px;
    width:87px
}
div.C{
    clear: left
}

div.rechts{
    background:beige;
    width: 38.6%; 
    margin:auto auto 10px 485px
}
div.rechts img {
    width: 290px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    margin: 10px auto 5px 10px
}

div.rechts img{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

div.rechts img:hover {
    -moz-transform:  scale(2.5) translate(-80px);
    -o-transform:  scale(2.5) translate(-80px);
    -webkit-transform:  scale(2.5) translate(-80px);
    -ms-transform:  scale(2.5) translate(-80px);
    transform:  scale(2.5) translate(-80px);
}

div.pict img{
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

div.pict img:hover {
    -moz-transform:  scale(2.5); /* FF3.5+*/
    -o-transform:  scale(2.5); /* Opera 10.5 */
    -webkit-transform:  scale(2.5); /* Saf2.5.1+, Chrome*/
    -ms-transform:  scale(2.5); /* IE9 */
    transform:  scale(2.5);
}

/*Navigation*/
.nav {    
    width: 790px;
    height: 30px;
    border: solid 1px;
    border-color:beige;
    margin: 5px auto 10px auto;
    background: beige
}
ul#Navigation {
    margin: 0;
    padding: 0;
    text-align: center;
}

ul#Navigation a:hover {
    background-color: #EBCEB2;
}

ul#Navigation li {
    list-style: none;
    float: left; /* ohne width - nach CSS 2.1 erlaubt */
    position: relative;
    margin: 0;
    border-left: thin solid;
    padding: 0;
}

ul#Navigation li ul {
    margin: 0;
    padding: 0;
    position: absolute;
    display: none; /* Unternavigation ausblenden */
}

ul#Navigation li:hover ul {
    display: block;
    background-color: #E2B991;
}

ul#Navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0;
    border: none;
}

ul#Navigation a, ul#Navigation span {
    display: block;
    width: 125px; /* Breite den in li enthaltenen Elementen zuweisen */
    padding: 0;
    text-decoration: none;
    font-weight: bold;
    color: maroon;
}

td { font-size: 0.9em;  border: solid 1px; border-color:#eaaa3a }

.titel {
    position: relative;
    width: 790px;
    height: 401px;
    margin: 5px auto 5px 5px
}


.titel article {
    position: absolute;
    top :0;
    left: 0;    
    width :790px;
    height:401px;      
    font-size: 2em;
    -webkit-transition: opacity 0.5s;
    -khtml-transition: opacity 0.5s;
    -moz-transition: opacity 0.5s;
    -ms-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    transition: opacity 0.5s;
    -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android <1.6 */
    -moz-border-radius: 12px; /* FF1-3.6 */
    border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

table,tr,td
{
    border:1px solid #ea893f;
    font-size: 0.9em
}