/* html, body */
html {
	height:100%;
}
body {
	color:#333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	height: 100%;
	background:url(bilder/body_bg.gif) repeat-y top left;

}

/* ALLGEMEINE STYLES */
* {
	margin:0;
	padding:0;
	border: 0;
}

.al { text-align: left; }
.ac { text-align: center; }
.ar { text-align: right; }

.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

a:link, a:active, a:visited { color: #e61818; font-weight:bold; }
a:hover { text-decoration:none; }

/* LOGO */
.top {
	width: 100%;
	min-width:980px;
	height:97px;
	background: url(bilder/top_bg.jpg) repeat-x top left;
}

/* NAVIGATION */
.navi {
	margin-left: 600px;
}
.navi ul {
	text-align:center;
	margin: 0px 8px;
	list-style:none;
}
.navi li {
	float:left;
	margin: 18px 10px 0 10px;
}
.navi a:link, .navi a:visited, .navi a:active {
	display:block;
	color:#d6d6d6;
	padding: 3px;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
}
.navi a:hover, .navi .active {
	color:#fff !important;
	background-color:#b20102;
}

/* CONTENT */
.content {
	width: 740px;
	float: left;
	background:url(bilder/logo_cam.gif) no-repeat top left; /* CAM FIX */
	padding: 20px 10px 0px 10px;
}
* html .content { padding-right: 0px; }

/* FLATRATE INFO */
p.flatinfo {
	margin:10px 0 0 5px;
}
.bold {
	font-size: 15px;
	font-weight:bold;
	padding-bottom: 15px;
	display:block;
}
p.flatinfo img {
	margin-right: 15px;
	border: 4px solid #e4e4e4;
}
.infobox {
	background: url(bilder/info_bg.gif) top left no-repeat;
	width: 734px;
	margin: 20px 5px;
	height: 140px;
}
.infobox p {
	padding-top: 10px;
}
.infobox p img {
	margin-right: 20px;
}

/* MEINUNGEN */
.meinung {
	width: 355px;
	height: 145px;
	background:url(bilder/meinung_item_bg.jpg) top left no-repeat;
	margin: 5px;
	position:relative;
}
.meinung .title {
	font-weight:bold;
	margin: 7px 0 0 25px;
}
.meinung .date {
	font-size: 11px;
	color: e5e5e5;
	font-weight: bold;
	margin: 7px 0 0 300px;
}
.meinung .userdetails {
	width: 80px;
	font-size:11px;
	font-weight:bold;
	margin: 10px;
}
.meinung .userdetails img {
	margin-bottom: 6px;
}
.meinung p {
	position:absolute;
	top: 33px;
	left: 90px;
}
/* LOGIN */
img.loginbg {
	margin-left:-10px;
}
.loginbox {
	width: 734px;
	height: 149px;
}
.getpw { 	background:url(bilder/login_bg_getpw.jpg) top left no-repeat; }
.login { 	background:url(bilder/login_bg_login.jpg) top left no-repeat; }
.loginbox p {
	width: 400px;
	padding: 50px 0 0 30px;
}
.loginbox .button {
	margin: 65px 0 0 45px ;
}
.loginbottom {
	width: 734px;
	height: 187px;
	margin-top: 28px;
	background:url(bilder/login_bottom_bg.gif) top left no-repeat; 
}
p.sparinfo {
	width: 220px;
	padding: 50px 0 0 25px
}
p.support {
	width: 240px;
	padding: 50px 0 0 460px;
	text-align:center;
}
html* p.support { padding:0; margin: 50px 0 0 460px; }
p.support img {
	margin-top: 10px;
}

/* FAKECHAT */
.fakechat {
	margin: 0 auto;
	width: 720px;
}
.movie {
	background:url(bilder/cam_bg.jpg) top left no-repeat;
	width: 330px;
	height:250px;
	padding-top: 5px;
	position:relative;
}
#player {
	text-align:center;
	font-size: 12px;
	font-weight:bold;
	z-index:1;
}
.headerlink {
	position:absolute;
	z-index:9999;
}
#player p {
	margin-top: 20px;
}
.chat {
	margin-left:10px;
}
.headline {
	margin-bottom: 12px;
	font-size:18px;
	font-weight:bold;
}
/* LIVECAM BOX */
.livecam {
	float:left;
	width: 166px;
	height: 180px;
	padding: 10px 0 0 14px;
	margin: 5px 5px 0 0;
}
.livecam:hover {
	background: url(bilder/hover.gif) top left no-repeat;
}
* html .livecam { background: url(bilder/hover.gif) top left no-repeat; }
.name {
	font-size: 11px;
	font-weight: bold;
}
.livecam img {
	margin: 3px 0;
	border: 1px solid #eee;
}
.dots {
	height: 1px;
	margin: 2px 0;
	background: url(bilder/dots.gif) repeat-x top left;
}
* html .link { margin-top: -12px; }
.link {
	width: 85px;
	margin-top: 5px;
	margin-left: 68px;
	text-align: right;
	background:url(bilder/i_zurcam.gif) top left no-repeat;
}
.link a:link, .link a:active, .link a:visited {
	font-size: 11px;
	font-weight:bold;
	color: #ae0001;
	text-decoration:none;
}
.link a:hover {
	text-decoration:underline;
}

/* SIDEBAR */
.sidebar {
	width: 220px;
	margin-left: 760px;
	background: url(bilder/sidebar_bg.gif) repeat-x top left;
	text-align:center;
}
* html .sidebar { margin-left: 755px; }
.sidebar img {
	margin-top: 10px;
}
.top10 {
	margin: 10px 0 0 5px;
	width: 210px;
}
.top10 img { margin-top:0; }
.top10 ul {
	background: #fff;
	list-style:none;
	font-size: 12px;
	font-weight:bold;
}
.top10 li {
	line-height: 20px;
	background:url(bilder/top10_bullet.gif) left no-repeat;
	margin: 0 15px;
	height: 20px;
	text-align: left;
	text-indent: 25px;
	border-bottom:1px dotted #e1e1e1;
}
.top10 a:link, .top10 a:active, .top10 a:visited {
	color: #333;
	text-decoration:none;
}
.top10 a:hover {
	text-decoration:underline;
	color:#000;
}
.top10 li:hover {
	background: url(bilder/top10_bullet.gif) #f5f5f5 left no-repeat
}


/* FOOTER */
.footer {
	height: 105px;
	background:url(bilder/footer_bg.gif) repeat-x top left;
	margin-top: 20px;
	font-size:11px;
	color:#999999;
}
.footer a:link{
	color:#999999;
}
.footer a:visited{
	color:#999999;
}