html, body{
	margin:0;
    min-height:100%;
    height:auto !important;
    height:100%;
}
#bgmain_back {
	width:750px;
	min-height:100%;
    height:auto !important; /* FŸr normale Browser */
    height:100%; /* FŸr IE */
	z-index:1;
	top: 0px;
	left: 50%;
	margin-left:-375px;
	background: #ffffff;
	filter: alpha(opacity=50);
    -moz-opacity: .50;opacity:.50; 
    position:fixed;
}
/* HINTERGRUNDBILD SKALIERT */
/* ------------------------ */
#fix_body {
  z-index:  1;
  position: absolute;
  left:     0;
  width:    100%;
  top:      0;
  height:   100%;
}
html>body #fix_body {position: fixed}
#fix_body img {width:100%;height:100%}

#bgmain_front {
	position:absolute;
	width:700px;
	height:100%;
	z-index:2;
	top: 0px;
	left: 50%;
	margin-left:-350px;  
}
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #000000;
}
a:link {
	color: #FF0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FF0000;
}
a:hover {
	text-decoration: none;
	color: #FF6600;
}
a:active {
	text-decoration: none;
	color: #FF0000;
}
.headlines {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
hr {
	border: 0;
  	width: 90%;
	color: #000000;
	background-color: #000000;
	height: 3px;
}
table.maincontent {
	width: 450px; 
	border:2px solid #000000;
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_green.jpg);
}
table.flashgame {
	width: 700px; 
	border:2px solid #000000;
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_green.jpg);
}
table.flashgame_up {
	width: 700px; 
	border:0px;
	cellspacing:0; 
	padding:0px; 
}
td.flashgame_up {
    width: 33%;
    border:0px;
}
table.points {
	width: 200px; 
	border:2px solid #000000;
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_orange.jpg);
}
table.navi {
	width: 200px; 
	border:2px solid #000000; 
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_blue.jpg);
}
table.next {
	width: 200px; 
	border:2px solid #000000; 
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_purple.jpg);
}
table.links {
	width: 200px; 
	border:2px solid #000000;
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_red.jpg);
}
table.footer {
	width: 700px; 
	border:2px solid #000000;
	text-align:center;
	cellspacing:0; 
	padding:0px; 
	background-image:url(images/tableback_yellow.jpg);
}

/* Eingabefelder */
input.red {background-color: #cc0000; font-weight: bold; font-size: 14px; color: white;}
input.big {font-weight: bold; font-size: 14px;}
textarea.red {background-color: #cc0000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea.blue {background-color: #0066ff; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea.yellow {background-color: #ffff00; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif;}
option.bigred {background-color: #cc0000; font-weight: bold; font-size: 14px; color: white;}
option.big {font-weight: bold; font-size: 14px;}

/* Modify attributes of #contentwrapper below as desired */
#contentwrapper{
width: 180px;
height: 100px;
padding: 0px;
}

.billcontent{
width: 100%;
display:block;
}

/* Guestbook */
.font1 {  font-family: $VARS[font_face]; font-size: $VARS[tb_font_1]; color: $VARS[text_color] }
.font2 {  font-family: $VARS[font_face]; font-size: $VARS[tb_font_2]; color: $VARS[text_color] }
.font3 { font-family: Arial, Helvetica, sans-serif; font-size: 7.5pt; color: $VARS[text_color]; font-weight: bold}
.select {  font-family: $VARS[font_face]; font-size: 9pt}
.input {  font-family: $VARS[font_face]; font-size: 9pt}

table.gbook1 {
	width: 700px; 
	border:2px solid #000000;
	text-align:left;
	cellspacing:0; 
	padding:0px; 
	background-image:url(http://www.cologne-hero.de/images/tableback_green.jpg);
}