body {
   margin:0px;padding:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight:normal;
	color:black;
}
.left {float:left;}
.right {float:right;}

/*TYPOTYPOTYPOTYPOTYPOTYPOTYPOTYPOTYPOTYPOTYPOTYPO*/
h1 {
	margin:0px;padding:0px;
	line-height:63px;
   background-image: url(../images/h1.gif);
	background-position: top left;
	background-repeat: no-repeat;
	color:#F0AC01;
	font-size:150%;
	padding-left:40px;
}
h2	{
	color:#F0AC01;
	font-size:130%;
}
h3 {
	color:black;
	font-size:120%;
}	
/*********************************************/
#site1 {
	background-color: transparent;
	background-image: url(../images/body.jpg);
	background-position: center;
   background-repeat: repeat-y;
	margin:0px;padding:0px;
	width:1004px;
	margin-left:-502px;
	left:50%;
	position:absolute;
}
#site2 {width:1000px;margin-left:3px;}
/*********************************************/
#head {
	margin:0px;padding:0px;
	width:1000px;
	height:248px;
	background-color: transparent;
	background-image: url(../images/head.gif);
	background-position: top left;
	background-repeat: repeat-x;
}

#box_head_friends{
	margin:0px;padding:0px;
	width:449px;
	height:248px;
	float:left;
	background-image: url(../images/head_friends.gif);
	background-position: top left;
	background-repeat: no-repeat;	
}
#switch {
	margin:0px;padding:0px;
	width:230px;
	height:248px;
	background-image: url(../images/switch_friends.gif);
	background-position: top right;
	float:left;
}

.menu1 {margin:0px;padding:0px;background-color: transparent;list-style-type:none;}
.menu1_level1,.menu1_level2,.menu1_level3 {float:left;padding-left:32px;padding-top:25px;}
.menu1_level1 a, .menu1_level1 a:visited {width:33px;height:34px;display:block;background-image: url(../images/menu1_level1.gif);}
.menu1_level2 a, .menu1_level2 a:visited {width:33px;height:34px;display:block;background-image: url(../images/menu1_level2.gif);}
.menu1_level3 a, .menu1_level3 a:visited {width:33px;height:34px;display:block;background-image: url(../images/menu1_level3.gif);}
.menu1_level1 a:hover {background-image: url(../images/menu1_level1_hover.gif);}
.menu1_level2 a:hover {background-image: url(../images/menu1_level2_hover.gif);}
.menu1_level3 a:hover {background-image: url(../images/menu1_level3_hover.gif);}

/*********************************************/
#left {
	margin:0px;padding:0px;
	width:203px;
	height:287px;
	float:left;
	background-image: url(../images/left.gif);
	background-position: top left;
	background-repeat: no-repeat;
}
#navigation {background-color: transparent;}
.menu2 {	margin:0px;padding:0px;list-style-type:none;padding-left:35px;padding-top:10px;}
.menu2_level1 {letter-spacing:3px;line-height:20px;}
.menu2_level1 a, .menu2_level1 a:visited {display:block;line-height:18px;text-decoration:none;color:black;font-weight:bold; background-image: url(../images/menu2_level1.gif); background-position: top left; background-repeat: no-repeat;padding-left:25px;margin-top:3px; background-position: center left; }
.menu2_level1 a:hover {color:#F0AC01; background-image: url(../images/menu2_level1_hover.gif);font-size:110%;}
.menu2_level1_act {letter-spacing:3px;}
.menu2_level1_act a, .menu2_level1_act a:visited {display:block;line-height:18px;text-decoration:none;color:black;font-weight:bold; background-position: top left; background-repeat: no-repeat;padding-left:25px;margin-top:3px; background-position: center left; color:#F0AC01; background-image: url(../images/menu2_level1_hover.gif);font-size:110%;}


.menu3 {margin:0px;padding:0px;background-color: transparent;list-style-type:none;clear:both;padding-left:20px;padding-top:100px;}
.menu3_level1,.menu3_level2,.menu3_level3 {float:left;}
.menu3_level1 a, .menu3_level1 a:visited {width:36px;height:29px;display:block;background-image: url(../images/menu3_level1.gif);}
.menu3_level2 a, .menu3_level2 a:visited {width:47px;height:29px;display:block;background-image: url(../images/menu3_level2.gif);}
.menu3_level3 a, .menu3_level3 a:visited {width:35px;height:29px;display:block;background-image: url(../images/menu3_level3.gif);}
.menu3_level1 a:hover {background-image: url(../images/menu3_level1_hover.gif);}
.menu3_level2 a:hover {background-image: url(../images/menu3_level2_hover.gif);}
.menu3_level3 a:hover {background-image: url(../images/menu3_level3_hover.gif);}

/*********************************************/
#center{
	margin:0px;padding:0px;
	width:754px;
	background-color: transparent;
   background-image: url(../images/center.gif);
	background-position: top left;
	background-repeat: no-repeat;
	float:right;
}
#content{
	margin:0px;padding:0px;
	background-color: transparent;
   background-image: url(../images/content.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: transparent;
	min-height:200px;
	height:auto !important;  /* für moderne Browser */
	height:200px;  /*für den IE */
	width:700px;
	margin-top:30px;
	text-align:justify;
}

/*********************************************/
#footer {
    background:  transparent;
	 background-image: url(../images/footer_friends.gif);
	 background-position: bottom left;
	 background-repeat: no-repeat;
	 height:145px;
	 clear:both;
}
.adresse_komm {
	color:#F0AC01;
	padding-left:201px;
	font-size:90%;
	padding-top:39px;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.csc-textpic-caption{
	font-size: 85%;
}