html,body{
margin:0;
padding:0;
}

body{font: 82% ,sans-serif;text-align:center;  background:	#f5fffa ; background:white; background-image:url(.jpg)}

/*img {
top: 10px; 
border: 4px solid lavender;
} */

p{
margin:0 10px 10px;
text-align: block;
}

.link{
color: #ff6600;
}

.link2{
font-size:12px ;
}

div#header{
position:relative;

}

div#header h1{
height:80px;
margin: 0 auto;
margin-top: -20px; 
z-index:800;
line-height:100px; 
padding:20px;
padding-left:10px;
background:#4a8dba;
background-image:url(friendship.jpg);
background-repeat:no-repeat;
color:orange
}

div#header a{
color: #ff6600;
color:blue;
font-weight: thin;

}


.button_nachricht {
    border: 1px solid blue;
    background: lavender;
    width:160px;
}

.button_nachricht:hover {
    border: 1px solid orange;
    color: white;
    background:orange;
    border: 1px solid red;
}

.button {
    border: 1px solid blue;
    background: lavender;
    margin:2px;
}

.button:hover {
    border: 1px solid orange;
	color: white;
    background:orange;
border: 1px solid red;
}

.ueberschriften{
color: white;
font-size: 17px;
font-weight: bold;
}



div#container{
text-align:left
}

div#content p{
font-size: 14px;
line-height: 22px;
text-align:justify;
}

div#navigation{
background:#B9CAFF
}

div#extra{
background:#FF8539
}

div#footer{
background:#4682B4;
color: grey
}

div#footer p{
margin:0;padding:5px 10px
}

div#footer a{
display:inline;
padding:0;
color: #C6D5FD
}

div#container{
width:925px;
margin:0 auto;

background-image:url(spacer.png);

background:white ;

}



div#wrapper{
min-height:300px;
float:right;
width:700px;
margin-right: 0px;
margin-top:1px;
margin-bottom: 10px;
padding-left: 30px;
padding-right: 0px;
padding-bottom: 10px;
padding-top: 2px;
background:white ;
}


* html div#wrapper{
min-height:400px;
height:auto !important;  /* für moderne Browser */
height:400px;  /*für den IE */
float:right;
width:400px;
margin-right: 0px;
margin-top:5px;
margin-bottom: 10px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 10px;
padding-top: 2px; 
background:white ;
}



div#content{
float:right;
width:728px;
background:white ;
margin-top:10px;
margin-right:0px;
min-height: 40px;
margin-bottom: 10px;
font-size: 14px;
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 10px;

}


div#navigation{
float: left; 
margin-left: 1px; 
margin-top:20px; 
/*margin-bottom:5px;*/
width:150px; 
/*border-style:solid; 
border-color:#4682B4; 
border-color:gray; 
border-width:1pt;*/
background:white ;

z-index:600;
/*padding-top:1px;
padding-bottom:1px;*/
}



div#navigation a{
text-decoration:none;
display:block;
color:#ff6600;
color:blue;
padding:1px;
padding-left:10px;
/*padding-bottom:5px;*/
font-weight:thin;
font-size:13px;
border-bottom: 3px solid lavender;
}

div#navigation a:hover{
font-weight: bold;
font-size:14px;
color: white;
background: #4a8dba;
}



div#login{
float: left; margin-left: 5px; 
margin-top:5px; 
width:150px; 
border-style:; 
border-color:; 
border-width:;
}

/** html div#login{
float: left; margin-left: 5px; 
margin-top:-615px; 
width:150px; 
border-style:; 
border-color:; 
border-width:;
}*/



div#extra{float:right;width:500px}

div#footer{
clear:both;
width:100%;
}