body {
	font: 85%/1.3 TrebuchetMS,Arial,sans-serif;
	color:white;
    text-align: left;
    background: #b1b1b1;
    padding-bottom:20px;
}

a {color: #ffffff;
text-decoration:none;
border-color:#727071;
border-width:1px;
}

a:visited {color:#ffffff;
text-decoration:none;
border-color:#727071;
border-width:1px;
}

a:hover {color: #b1b1b1;
text-decoration:none;
border-color:#b1b1b1;
border-width:1px;
}

a:active {color:#ffffff;
text-decoration:none;
border-color:#727071;
border-width:1px;
}

/* img für IE, sonst klappt es nicht mit der Rahmenfarbe von 
 * verlinkten Bildern, da IE sie imer blau färbt.
*/

img {
	border-width:1px;
	border-color:#727071;
}
img:hover {
	border-color:#b1b1b1;
	border-width:1px;
	}
	
	
.caption {
	font-size:smaller;
	font-style:italic;
}
	
/*Für Impressums-Link im Footer, da hier andere Hintergrundfarbe!
*/
.imprintlink {
color:#ffffff;
text-decoration:underline;
}

.imprintlink:hover {
color:#727071;
text-decoration:underline;
}

.imprintlink:visited {
color:#ffffff;
text-decoration:underline;
}

.imprintlink:active {
color:#727071;
text-decoration:underline;
}


/*Für Logo, das mit index.html verlinkt ist, ist kein Rahmen erwünscht!
*/

.logo {border-width:0px;}

.logo:hover {border-width:0px}


/* span, damit innerhalb der divs der text einen Abstand zum Rand einhält*/
span {
	margin-left:24px;
	margin-right:24px;
	}
	
p{
padding: 5px 21px 5px 21px;
}

h3{
padding: 21px 21px;
}
	

	

/* folgend: Klassen, die als id definiert sind. Für die Grundstruktur der Site. 
 * Achtung: Können pro Dokument nur einmal verwendet werden!!!
*/


div#header {
    width:850px;
	height:100px;
	margin-left:auto;      /* damit wird das <div> zentriert*/
	margin-right:auto;      /* damit wird das <div> zentriert*/
	margin-top:40px;
	overflow:hidden;
    background: #727071;
	vertical-align:middle;
	font-weight:bolder;
	font-size:medium;
}
	
	
div#navigate {
    width:850px;
	height:40px;
	margin-left:auto;      /* damit wird das <div> zentriert*/
	margin-right:auto;      /* damit wird das <div> zentriert*/
	overflow:hidden;
    background: #727071;
	background-image: url(images/header/gradient.jpg);
	text-align:left;
	font-weight:bolder;
	font-size:small;
}
  
  
div#content {
    width:850px;
	margin-left:auto;      /* damit wird das <div> zentriert*/
	margin-right:auto;      /* damit wird das <div> zentriert*/
	padding-bottom:40px;
	overflow:hidden;
    background: #727071;
}

div#friends {        /* fuer linkliste auf seite friends*/
    width:850px;
	margin-left:auto;      /* damit wird das <div> zentriert*/
	margin-right:auto;      /* damit wird das <div> zentriert*/
	padding_bottom:40px;
	overflow:hidden;
    background: #727071;
	font-weight:bolder;
	font-size:medium;
}


div#footer {
    width:850px;
	margin-left:auto;      /* damit wird das <div> zentriert*/
	margin-right:auto;      /* damit wird das <div> zentriert*/
	overflow:hidden;
    background: #b1b1b1;
	text-align:right;
	font-size:small;
}