/*boxbackground:  #c5ccd4;*/

body {

	font-size: 100%;

	font-family: Verdana, Helvetica, Arial, sans-serif;

	background: #eee;

}

h1 {

	padding: 0px;

	margin: 0px;

	width: 100%;

	text-align: center;

}

a {

	color: #777;

	text-decoration: none;

}

a:hover {

	color:  #49e;

	text-decoration: underline;

}

.root {

	padding-top: 50px;

	width: 760px;

	margin: 0 auto;

	font-size: 100%;

}

.inviteroot {

	padding-top: 50px;

	width: 500px;

	margin: 0 auto;

	font-size: 100%;

}

.header {

	color: #FFF;

	background: url("../img/blue/header.png") repeat-x;

	width: 100%;

	height:45px;

	font-size: 1.5em;

	text-align: center;

}

.border_lo {background: url("../img/border/lefttop.gif") no-repeat;}

.border_ro {background: url("../img/border/righttop.gif") no-repeat;}

.border_lu {background: url("../img/border/leftbottom.gif") no-repeat;}

.border_ru {background: url("../img/border/rightbottom.gif") no-repeat;}

.border_l {background: url("../img/border/left.gif") repeat-y;}

.border_r {background: url("../img/border/right.gif") repeat-y;}

.border_u {background: url("../img/border/bottom.gif") repeat-x;}

.border_o {background: url("../img/border/top.gif") repeat-x;}

.spacer { 

	background: url("../img/spacer.png") no-repeat;

	height:30px;

	float: left;

}

.content {

	width: 100%;

	background:  #fff;

	vertical-align: top;

}

#infocontent {

	color:  #49e;

}
.online {

	color:  #49e;

}

#content {

	/*background-image: url("../img/bg.png");

	background-repeat: no-repeat;

	background-position: right bottom;*/

}

.kalenderleft {

	height: 25px;

}

.kalenderleft a {

	height: 15px;

	width: 10px;

	display: block;

	background: url("../img/calender/left.gif") no-repeat;

}

.kalenderleft a:hover {

	background: url("../img/blue/calender/left_hover.gif") no-repeat;

}

.kalenderright a {

	height: 15px;

	width: 10px;

	display: block;

	background: url("../img/calender/right.gif") no-repeat;

}

.kalenderright a:hover {

	background: url("../img/blue/calender/right_hover.gif") no-repeat;

}

#kalender {

	height: 200px;

}

.kalendertable a {

	height: 24px;

	width: 24px;

	display: block;

	color: #000;

	text-decoration: none;

	margin: 0 auto;

	text-align: center;

	padding: 1px;

	background: url("../img/calender/normal_bg.png") no-repeat;

}

#heute a{

	font-weight: bold;

	background: url("../img/blue/calender/heute_bg.png") no-repeat;

	color: #fff;

}

.event a{

	background: url("../img/blue/calender/heute_bg.png") no-repeat;

}

.kalendertable a:hover {

	color: #eee;

	background: url("../img/blue/calender/normal_bg_hover.png") no-repeat;

}

.wochentage {

	font-size: 0.5em;

	text-align:center;

}

.janeintable {

	margin: 0 auto;

}

.empfohlen {

	font-size: 0.5em;

}

.button {

	height: 40px;

	width: 200px;

	display: block;

	text-decoration: none;

	padding-top: 7px;

	font-size: 1.3em;

	text-align: center;

}

.buttonleft a {

	background: url("../img/menu/buttonleft.gif") no-repeat;

	color: #000;

}

.buttonright a {

	background: url("../img/menu/buttonright.gif") no-repeat;

	color: #000;

}

.buttonleft a:hover {

	background: url("../img/blue/menu/buttonleft_hover.gif") no-repeat;

	color: #fff;

}

.buttonright a:hover {

	background: url("../img/blue/menu/buttonright_hover.gif") no-repeat;

	color: #fff;

}

/* ---------- Menu ---------- */

.menu {

	float: left;

	width: 200px;

	margin-bottom: 15px;

}

.menu_top {background: url("../img/menu/top.gif") no-repeat;color:#000;}

.menu_top:hover {background: url("../img/blue/menu/top_hover.gif") no-repeat;color:#fff;}

.menu_bottom {background: url("../img/menu/bottom.gif") no-repeat;color:#000;}

.menu_bottom:hover {background: url("../img/blue/menu/bottom_hover.gif") no-repeat;color:#fff;}

.menu_content {background: url("../img/menu/content.gif") no-repeat;color:#000;}

.menu_content:hover {background: url("../img/blue/menu/content_hover.gif") no-repeat;color:#fff;}

.menu li {

	list-style: none;

	padding: 0px;

	margin: 0px;

}

.menu ul {

  padding: 0px;

  margin: 0px;

}

.menu li a {

	height: 40px;

	width: 200px;

	display: block;

	text-decoration: none;

	padding-top: 7px;

	margin-bottom: -7px;

	padding-left: 5px;

	font-size: 1.3em;

}

/* ---------- Content ---------- */

.maincontent {

	float: right;

	width: 550px;

	margin-bottom: 15px;

}



/* ---------- Footer ---------- */

.footer {

	background: url("../img/footer.png") no-repeat;

	padding-top: 2px;

	clear: both;

	width: 100%;

	text-align: center; 

	font-size: 0.7em;

	color: #777;

}



/* ---------- Form ---------- */

.form {

	margin: 0 auto;

	width: 400px;

}

.form table {

	width: 400px;

}

.form .submit {

	width: auto;

}

.form input {

	width: 200px;

	border: 1px solid #567;

}

.form select {

	border: 1px solid #567;

}

.form .minilinks {

	text-align: left;

	font-size: 0.9em;

}
.form textarea {

	width: 100%;

	height: 100px;

	border: 1px solid #567;

}
/* ---------- PN ---------- */

.pntable {

	width: 100%;

}

.pntable hr {

	color: #999;

	background: #999;

	border-color: #999;

}

.pntable .pnalt {

}

.pntable .pnneu {

	background-color: #e0f0ff;

}

.pntextborder {

	background-color: #f0f0f0;

	border: 1px solid #999;

	padding: 3px;

}

.msgform {

	width: 400px;

	margin: 0 auto;

}

.msgform table{

	width: 400px;

	margin: 0 auto;

}

.msgform input {

	width: 100%;

	border: 1px solid #567;

}

.msgform .submit {

	width: auto;

}

.msgform textarea {

	width: 100%;

	height: 100px;

	border: 1px solid #567;

}

.msgform .map {

	height: 200px;

	border: 3px solid #567;

}

.msgform select {

	border: 1px solid #567;

}

.eventmap {

	height: 300px;

	border: 1px solid #567;

}

.profiltable {

	background-color: #f0f0f0;

	border: 1px solid #999;

	padding: 3px;

}
.profilbild {

	width: 45px;

	height: 45px;

}

.profiltable .profilbild_gross{

	width: 128px;

	height: 128px;

}

.profilbild_gross div {

	padding:3px;

	border: 1px solid #bbb;

	background: #fff;

}

.profilbild div {

	padding:3px;

	border: 1px solid #bbb;

	background: #fff;

}

.profilbild td{

	width: 45px;

	height: 45px;

	text-align: center;

}

.profilbild_gross td{

	width: 128px;

	height: 128px;

	text-align: center;

}

.invitelink {

}

.profillinks a{

	font-size: 0.9em;

}

.eventgalerie {

	padding:3px;

	border: 1px solid #bbb;

	background: #fff;

	text-align: center;

}

.thumbleft a{

	height: 15px;

	width: 10px;

	display: block;

	background: url("../img/calender/left.gif") no-repeat;

}

.thumbleft a:hover {

	background: url("../img/blue/calender/left_hover.gif") no-repeat;

}

.thumbright a{

	height: 15px;

	width: 10px;

	display: block;

	background: url("../img/calender/right.gif") no-repeat;

}

.thumbright a:hover {

	background: url("../img/blue/calender/right_hover.gif") no-repeat;

}

.commentbox {

	background-color: #ffffff;

	border: 1px solid #246;

	padding: 3px;

}

/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(img/blue/stern.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(img/stern.gif) left bottom;
	z-index: 1;
	left: 0px;
}
.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}


.invitelist {
	 height: 100px;
	 overflow: scroll;
	 overflow-x:hidden; 
	 border:1px solid #567;
}