/* CSS Document */
/* Ursi Spaltenstein */
/* 09/10/08 */


body{
margin:0;
padding:0;
background-color:#B4DBDB;
}

html, body {
    scrollbar-base-color: #B4DBDB;
    scrollbar-track-color: #B4DBDB;
    scrollbar-face-color: #B4DBDB;
    scrollbar-highlight-color: #0C395C;
    scrollbar-3d-light-color: #B4DBDB;
    scrollbar-dark-shadow-color: #B4DBDB;
    scrollbar-shadow-color: #B4DBDB;
    scrollbar-arrow-color: #0C395C;
}

/* ---background image and colour--- */
#bg{
background:url(images/bg.jpg) repeat-x top center;
background-color:#B4DBDB;
margin:0;
padding:0;
min-height:800px;
min-width:984px;}

img{
border:0;}

#frame{
width:834px;
margin:0 auto;
padding:0 10px 0 0;}

#logo{
margin:0 auto;
padding:0;
height:131px;}

#headerHome{
text-align:left;
height:110px;
width:834px;
background: url(images/boxtop_home.jpg) top left no-repeat;}

#headerHome .nav {
margin:0;
padding:17px 0 17px 0px;
color:#0C1E4A;
text-decoration:none;
width: 834px;
height:55px;
font: 14px Verdana, Arial, sans-serif;}

#headerHome .nav a{
margin:0;
padding:0 0 17px 25px;
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 12px;
color:#0C1E5C;
text-decoration:none;}

#headerHome .nav a:hover{
color:#4682B4;
text-decoration: none;
}

/* ---content area--- */
#content{
width:780px;
margin:0 0 30px 25px;
padding:0;
font: 14px Verdana, Arial, sans-serif;
line-height: 1.3em;
text-align:left;
color:#0C1E4A;
float:left;
display: inline;}

#content h1{
margin:0;
font: 24px Verdana, Arial, sans-serif;
padding:0;
color:#0C395C;}

#content h2{
font: 20px Verdana, Arial, sans-serif;
font-weight: normal;
padding:0;
color:#0C395C;}

#content img{
margin: 10px 0 20px 0;
padding: 3px;
background: #B4DBDB;
border: 1px solid #0C395C;}

#content .abstand{
margin: 25px 0 20px 380px;
}

#content a{
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color:#0C1E5C;
text-decoration:underline;
}

#content a:hover{
font-family: verdana, arial, helvetica, sans-serif;
font-weight: normal;
font-size: 14px;
color:#0C1E5C;
text-decoration:none;
}


.dottedline{
margin:0;
padding:10px;
border:1px dotted #ffffff;}


/* ---footer --- */
#footer{
margin:0;
padding:20px 0 20px 0;
border-top: 3px solid #96D4D7;
color:#0C395C;
font: 11px Verdana, Arial, sans-serif;
text-align:center;}

#footer a{
margin:0;
padding:0;
color:#4682B4;
text-decoration:none;}

#footer a:hover{
margin:0;
padding:0;
color:#0C1E5C;
text-decoration:none;}

#box1 {
width: 345px;
height: 362px;
}

#box2 {
width: 350px;
height: 40px;
padding:10px;
background: #B4DBDB;
color: #0C395C;
border: 1px solid #0C395C;
}

#box3 {
width: 345px;
height: 220px;
}

#box4 {
width: 330px;
height: 20px;
padding:10px;
background: #B4DBDB;
color: #0C395C;
border: 1px solid #0C395C;
}

#box5 {
width: 264px;
height: 304px;
}

#box6 {
width: 220px;
height: 20px;
padding:10px;
background: #B4DBDB;
color: #0C395C;
border: 1px solid #0C395C;
}

#box7 {
width: 445px;
height: 200px;
}

#box8 {
width: 180px;
height: 70px;
padding:10px;
background: #B4DBDB;
color: #0C395C;
border: 1px solid #0C395C;
}


#box1, #box2, #box3, #box4, #box5, #box6, #box7, #box8 {position: relative;}

#box1 {margin: 0 0 0 0; z-index: 1;}
#box2 {margin: -330px 0 0 320px; z-index: 2;}
#box3 {margin: 105px 0 0 430px; z-index: 10;}
#box4 {margin: -40px 0 0 130px; z-index: 11;}
#box5 {margin: 30px 0 0 0; z-index: 20;}
#box6 {margin: -40px 0 0 240px; z-index: 21;}
#box7 {margin: -275px 0 0 330px; z-index: 30;}
#box8 {margin: -20px 0 0 540px; z-index: 31;}