@charset "utf-8";
/* CSS Document */

html{
	background-image:url(../images/bg.gif);
	background-repeat:repeat;
}

body{
	background-image:url(../images/bgoben.jpg);
	background-repeat:repeat-x;
	background-position:top;
	font-size:1em;
	font-family:Verdana;
}

*{
	margin:0;
	padding:0;
}

#center{
	margin:auto;
	width:800px;
}

#sprachen{
	width:680px;
	height:30px;
	padding:0 60px;
}

#sprachen a{
	margin:15px 0 0 0;
	border:none;
	float:right;
	padding:0 5px;
	text-decoration:none;
}

#sprachen img{
	height:15px;
	border:none;
}

#header{
	width:800px;
	background-image:url(../images/header3.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:84px;
}

#logo{
	width:240px;
	float:left;
	height:39px;
	padding:45px 0 0 65px;
}

#logo a ,#logo img{
	padding:0;
	margin:0;
	text-decoration:none;
	border:none;
}

#navi{
	width:445px;
	float:right;
	height:30px;
	margin:52px 0 0 0;
	padding:0 50px 0 0;
}

#navi ul{
	width:425px;
	height:30px;
}

#navi ul li{
	float:left;
	margin:0;
	padding:0 15px 0 12px;
	list-style:none;
}

#navi ul li.trenn{
	list-style:none;
	background-image:url(../images/trenn1.jpg);
	background-repeat:no-repeat;
	background-position:right top;
}

#navi ul li a{
	height:30px;
	margin:0;
	padding:7px 0 0 0;
	color:#FFFFFF;
	font-size:85%;
	display:block;
	font-weight:bold;
	text-decoration:none;
}

#navi ul li a:hover{
	text-decoration:underline;
}

#center2{
	width:800px;
	background-image:url(../images/centercenter.jpg);
	background-repeat:repeat-y;
	background-position:center top;
}

#center-center{
	width:800px;
	background-image:url(../images/centeroben.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#center-center2{
	width:800px;
	background-image:url(../images/centerunten.jpg);
	background-repeat:no-repeat;
	background-position:center bottom;
	clear:both;
}

#center-center2 .clear{
	width:800px;
	clear:both;
	height:25px;
}

#center-left{
width:490px;
float:left;
margin:0 0 0 55px;
}

#center-left .breit{
width:490px;
}

#center-left .breit .datbox{
display:none;
margin:0;
padding:0;
}

#center-left .breit h1{
background-image:url(../images/h1buttonline1.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:430px;
font-size:95%;
padding:18px 0 10px 0;
margin:0 0 3px 30px;
color:#000;
clear:both;
float:left;
}

#center-left .breit h1 span.name{
float:left;
}

#center-left .breit h1 span.name a{
padding:5px 5px 0 0;
color:#663300;
text-decoration:none;
float:left;
}

#center-left .breit h1 span.klein{
float:right;
}

#center-left .breit h1 span.klein a{
font-size:80%;
padding:5px 5px 0 0;
color:#663300;
text-decoration:none;
float:right;
}

#center-left .breit p{
width:430px;
font-size:85%;
padding:0;
margin:5px 0 5px 30px;
color:#000;
clear:both;
}

#center-left .breit p span.datum{
font-size:80%;
}

#center-left .breit p span.klein{
width:150px;
display:block;
float:left;
}

#center-left .breit p span.klein2{
width:120px;
display:block;
float:left;
}

#center-left .breit p.klein{
font-size:70%;
padding:5px 0 10px 0;
margin:0 0 0 30px;
color:#000;
}

#center-left .breit p a{
color:#663300;
text-decoration: underline;
margin:0;
padding:0;
}

#center-left .breit p a img{
margin:0;
padding:0;
}

#center-left .breit img.code{
margin:3px 0 0 30px; 
border:#4a2d1c 1px solid;
width:424px;
height:40px;
}

#center-left .breit p.klein a{
color:#663300;
text-decoration: underline;
margin:0;
padding:0;
}

#center-left .breit h1 a{
color:#663300;
text-decoration:none;
}

#center-left .breit h2{
background-image:url(../images/h2buttonline.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:430px;
font-size:95%;
padding:18px 0 10px 0;
margin:0 0 0 30px;
color:#000;
}

#center-left .breit h3{
background-image:url(../images/h2buttonline.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:430px;
font-size:95%;
padding:4px 0 0px 0;
margin:0 0 0 30px;
color:#000;
clear:both;
}

#center-left .breit .liste{
width:430px;
font-size:80%;
padding:2px 0 3px 0;
color:#000;
}

#center-left .breit .liste span.seite{
padding:0 2px;
cursor:pointer;
}

#center-left .breit h2 a{
color:#663300;
text-decoration:none;
}

#center-left .breit img.flaggen{
width:15px;
padding:0 0 0 3px;
border:none;
}

#center-left .breit input.kontakt{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
color:#000;
width:420px;
margin:3px 0 0 30px;
}

#center-left .breit input#imageUpload{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
color:#000;
margin:5px 0 5px 0;
}

#center-left .breit textarea.kontakte{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
color:#000;
width:420px;
font-family:Verdana;
margin:3px 0 0 30px;
}

#center-left .breit p.button{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
font-size:90%;
color:#000;
width:200px;
text-align:center;
cursor:pointer;
margin:3px 0 0 30px;
}

#center-left .breit img.ubild{
max-width:100px;
max-height:100px;
margin:5px 0px 5px 325px;
float:right;
border:#996600 1px solid;
position: absolute;
}

#center-left .breit img.uubild{
max-width:100px;
max-height:100px;
margin:5px 10px 5px 0;
border:#996600 1px solid;
float:left;
}

#center-left .breit #alphabet ul{
width:430px;
font-size:95%;
padding:10px 0 10px 0;
margin:0 0 0 30px;
color:#000;
clear:both;
}

#center-left .breit #alphabet ul li{
list-style:none;
float:left;
width:15px;
cursor:pointer;
text-align:center;
}

#center-left .breit #alphabet ul li.alle{
width:35px;
}

#center-left .breit #alphabet ul li.selected,#center-left .breit #alphabet ul li:hover{
font-weight:bold;
}

#center-left .breit .vorschau1{
cursor:pointer;
}

#center-left .breit .vorschau2{
display:none;
}

#center-left input{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
color:#000;
}

#center-left input.daten{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:1px 2px;
margin:0 5px 6px 0;
color:#000;
width:172px;
}

#center-left textarea#besch{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:1px 2px;
margin:0 5px 6px 0;
color:#000;
width:425px;
float:left;
position:relative;
}

#center-left select.daten{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:0px;
margin:0 5px 6px 0;
color:#000;
width:178px;
}

#center-left select.daten1{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:0px;
margin:0 5px 6px 0;
color:#000;
width:51px;
}

#center-left select.daten2{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:0px;
margin:0 5px 6px 0;
color:#000;
width:51px;
}

#center-left select.daten3{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:0px;
margin:0 5px 6px 0;
color:#000;
width:66px;
}

#center-left input#submit{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:0px 2px;
margin:0 0 6px 0;
color:#000;
cursor:pointer;
}

#center-left img.submit{
padding:0;
color:#000;
margin:0 0 -5px 5px;
height:20px;
float: inherit;
}

#center-left input.email{
width:300px;
}

#center-left input.pass{
width:300px;
}

#center-left input.submit{
width:306px;
padding:1px 2px;
cursor:pointer;
overflow: visible;
outline:none;
}

#center-left p.red{
color:#FF0000;
}

#center-left p.grean{
color: #009900;
}

#center-left .schmal{
width:230px;
float:left;
}

#center-left .schmal img.flagge, #center-left .breit img.flagge{
width:17px;
padding:0 0 0 7px;
border:none;
}

#center-left .schmal img.ubild{
max-width:65px;
max-height:65px;
margin:0 10px 5px 0;
float:left;
border:#996600 1px solid;
}

#center-left .schmal img.ball,#center-left .breit img.ball{
width:15px;
border:none;
margin:3px 3px 0 0;
padding:0;
float:left;
}

#center-left .breit img.ball{
margin:1px 3px 0 0;
}

#center-left .schmal h2{
background-image:url(../images/h1button-line1.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:200px;
font-size:90%;
padding:18px 0 10px 0;
margin:0 0 0 30px;
color:#000;
}

#center-left .schmal p.autor{
font-size:85%;
padding:5px 0 0 0;
color:#000;
line-height:20px;
}

#center-left .schmal p{
width:200px;
font-size:85%;
padding:5px 0 0 0;
margin:0 0 0 30px;
color:#000;
}

#center-left .schmal p.autor a{
width: auto;
text-decoration:none;
color:#663300;
display:block;
float:left;
margin:0;
padding:0;
}

#center-left .schmal a{
width:200px;
text-decoration:none;
color:#663300;
display:block;
}

#center-left .schmal a:hover{
text-decoration:underline;
}

#center-left #fehler{
display:none;
}

#center-left #fehler p.fehler{
color:#FF0000;
font-weight:bold;
}

#center-left #gesendet{
display:none;
}

#center-left #gesendet p.gesendet{
color:#00FF00;
font-weight:bold;
}

#center-right{
width:200px;
float:right;
margin:0 55px 0 0;
}

#center-right p{
margin:0 20px;
padding:5px 0 0 0;
}

#center-right form{
padding:5px 0;
clear:both;
}

#center-right input{
border:#4a2d1c 1px solid;
background-color:transparent;
padding:2px 2px;
font-size:70%;
color:#000;
}

#center-right input.email{
width:154px;
}

#center-right input.pass{
width:80px;
float:left;
}

#center-right input.submit{
width:68px;
float:right;
padding:1px 2px;
cursor:pointer;
overflow: visible;
outline:none;
}

#center-right input.logout{
padding:0 20px;
cursor:pointer;
font-size:80%;
}

#center-right ul{
margin:0 20px;
clear:both;
}

#center-right ul li.uber{
background-image:url(../images/h1button.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:160px;
font-size:90%;
font-weight:bold;
padding:18px 0 10px 0;
margin:0;
color:#000;
clear:both;
}

#center-right ul li.uber a{
font-size:100%;
color:#663300;
text-decoration:none;
}
#center-right ul li.uber a:hover{
text-decoration:underline;
}

#center-right ul li{
padding:3px 0 0 0;
list-style:none;
clear:both;
}

#center-right ul li.part{
padding:3px 0 0 0;
list-style:none;
clear:both;
font-size:80%;
}

#center-right ul li a{
text-decoration:none;
color:#663300;
font-size:80%;
font-weight:bold;
width:160px;
display:block;
}

#center-right ul li.part a{
text-decoration:none;
color:#663300;
font-size:100%;
font-weight: normal;
width:160px;
display: inline;
}
#center-right ul li.part a:hover{
text-decoration:underline;
}

#center-right ul li a.small{
font-size:75%;
font-weight: normal;
}

#center-right ul ul{
margin:0 0 0 10px;
}

#center-right ul ul li{
padding:2px 0 0 0;
list-style:none;
clear:both;
}

#center-right ul ul li a{
text-decoration:none;
color:#663300;
font-size:75%;
font-weight:bold;
width:150px;
display:block;
}

#center-right a:hover{
text-decoration:underline;
}

#center-right .anzl{
cursor:pointer;
float: left;
}

#center-right .anz{
font-size:80%;
text-decoration:none;
font-weight:normal;
float:right;
padding:2px 0 0 0;
cursor:pointer;
}

#footer{
	width:800px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	background-position:top;
	height:50px;
}

#footer ul{
	width:690px;
	padding:0 55px 50px 55px;
}

#footer ul li{
float:left;
list-style:none;
font-size:70%;
}

#footer ul li a{
color:#663300;
text-decoration:none;
padding:0 15px 0 0;
}

#footer ul li a:hover{
text-decoration:underline;
}

#footer p.copy{
text-align:right;
padding:30px 55px 15px 55px;
clear:both;
width:690px;
list-style:none;
font-size:60%;
color:#000;
}

h1{
background-image:url(../images/h1buttonline.jpg);
background-repeat:no-repeat;
background-position:bottom;
width:430px;
font-size:95%;
padding:18px 0 10px 0;
margin:0 0 0 85px;
color:#000;
}

#center-right img.button{
border: 0;width:20px;margin-right: 6px;
}
#center-right img.button2{
border: 0;width:20px;margin-right: 4px;
}