/************/
/*  GLOBAL  */
/************/

* {
	padding:0; 
	margin:0;
}
body {
	font-size:62.5%; 
	background-color:rgb(255,255,255); 
	font-family:verdana,arial,sans-serif;
	/*Font-size: 1.0em = 10px when browser default size is 16px*/
} 	
.page-container {
	width:900px; 
	margin:0px auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	border:solid 1px rgb(150,150,150); 
	font-size:1.0em;
}
.main {
	clear:both; 
	width:900px; 
	padding-bottom:30px;
	background:transparent url(../img/bg_main_withoutnav.jpg) top left repeat-y;
}
.main-content {
	display:inline; /*Fix IE floating margin bug*/ 
	text-align:center;
	float:left; 
	width:700px; 
	margin:30px 0 0 195px; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
.footer {
	clear:both; 
	width:900px; 
	padding:1.0em 0 1.0em 0; 
	background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; 
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}


/********************/
/*  COMMON CLASSES  */
/********************/

.main img {
	clear:both; 
	float:left; 
	margin:3px 10px 7px 0; 
	padding:1px; 
	border:1px solid rgb(150,150,150);
}
.main img.center {
	clear:both; 
	float:none; 
	display:block; 
	margin:0 auto; 
	padding:1px; 
	border:1px solid rgb(150,150,150);
}
.main img.right {
	clear:both; 
	float:right; 
	margin:3px 0 7px 10px; 
	padding:1px; 
	border:1px solid rgb(150,150,150);
}
.main a {
	color:rgb(70,122,167); 
	font-weight:bold; 
	text-decoration:none;
}
.main-content h1 a {
	color:rgb(70,122,167); 
	font-weight:normal; 
	text-decoration:none;
}
.main a:hover {
	color:rgb(42,90,138); 
	text-decoration:underline;
}
.main a:visited {
	color:rgb(42,90,138);
}
.main a img {
	border:solid 1px rgb(150,150,150);
}
.main a:hover img {
	border:solid 1px rgb(220,220,220);
}

/********************/
/*  HEADER SECTION  */
/********************/

.header {
	width:900px; 
	font-family:"trebuchet ms",arial,sans-serif;
}
.header-top {
	width:900px; 
	height:80px; 
	background:rgb(240,240,240) url(../img/bg_head_top.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
.header-middle {
	width:900px; 
	height:150px; 
	background:rgb(230,230,230) url(../img/zahnraeder.jpg); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
.sitelogo {
	width:294px; 
	height:43px; 
	position:absolute; 
	z-index:1; 
	margin:20px 0 0 20px; 
	background:url(../img/vip-logo.gif);
}
.sitename {
	width:330px; 
	height:45px; 
	position:absolute; 
	z-index:1; 
	margin:15px 0 0 25px; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}
.sitename a {
	font-size:240%;
	font-weight:bold;
	text-decoration:none; 
	color:rgb(125,125,125);
}
.sitename p {
	font-size:140%;
	font-weight:bold;
	text-decoration:none; 
	color:rgb(125,125,125);
}
.sitename a:hover {
	text-decoration:none; 
	color:rgb(50,50,50);
}
.nav1 {
	width:350px; 
	position:absolute; 
	z-index:3; 
	margin:15px 0 0 550px;
}
.nav1 ul {
	float:right; 
	padding:0 20px 0 0; 
	font-weight:bold;
}	
.nav1 li {
	display:inline; 
	list-style:none;
}
.nav1 li a {
	display:block; 
	float:left; 
	padding:2px 5px 2px 7px; 
	color:rgb(125,125,125); 
	text-decoration:none; 
	font-size:120%;
}
.nav1 a:hover {
	text-decoration:none; 
	color:rgb(50,50,50);
}
.sitemessage {
	width:400px; 
	height:120px; 
	position:absolute; 
	z-index:1; 
	margin:20px 0 0 480px; 
	color: #FFF; /*overflow:visible !important /*Activate if Firefox print problems*/ 
	overflow:hidden /*IE6*/;
	text-align:right; 
	font-size:210%;
	line-height:125%;
	font-weight:normal;
}

/* MAIN CONTENT */

.column1-unit {
	width: 500px; 
	margin-bottom:10px !important /*Non-IE6*/; 
	margin-bottom:5px /*IE6*/;
	text-align:center;
}
.main-content h1.pagetitle {
	margin:0 0 0.4em 0; 
	padding:0 0 2px 0; 
	border-bottom:solid 7px rgb(225,225,225); 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(100,100,100); 
	font-weight:bold; 
	font-size:220%;
}
.main-content h1.block {
	clear:both; 
	margin:1.0em 0 0em 0; 
	padding:2px 0 2px 2px; 
	background:rgb(190,190,190); 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:220%;
}
.main-content h1 {
	clear:both; 
	margin:1.0em 0 0.5em 0; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(80,80,80); 
	font-weight:normal; 
	font-size:210%;
}
.main-content h2 {
	clear:both; 
	margin:1.0em 0 0.5em 0; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(80,80,80); 
	font-weight:normal; 
	font-size:170%;
}
.main-content h3 {
	clear:both; 
	margin:-1.0em 0 0.5em 0; 
	font-family:"trebuchet ms",arial,sans-serif; 
	color:rgb(125,125,125); 
	font-weight:normal; 
	font-size:130%;
}
.main-content p {
	margin:0 0 1.0em 0; 
	line-height:1.5em; 
	font-size:120%;
}
.main-content p.center {
	text-align:center;
}
.main-content p.right {
	text-align:right;
}
.main-content p.details {
	clear:both; 
	margin:-0.25em 0 1.0em 0; 
	line-height:1.0em; 
	font-size:110%;
}
.main-content blockquote {
	clear:both; 
	margin:0 30px 0.6em 30px; 
	font-size:90%;
}
.main-content table {
	clear:both; 
	width:400px; 
	margin:2.0em 0 0.2em 20px; 
	table-layout: fixed; 
	border-collapse:collapse; 
	empty-cells:show; 
	background-color:rgb(233,232,244);
}
.main-content table th.top {
	height:3.5em; 
	padding:0 7px 0 7px; 
	empty-cells:show; 
	background-color:rgb(175,175,175); 
	text-align:left; color:rgb(255,255,255); 
	font-weight:bold; 
	font-size:110%;
}
.main-content table th {
	height:3.0em; 
	padding:2px 20px 2px 7px; 
	border-left:solid 2px rgb(255,255,255); 
	border-right:solid 2px rgb(255,255,255); 
	border-top:solid 2px rgb(255,255,255); 
	border-bottom:solid 2px rgb(255,255,255); 
	background-color:rgb(225,225,225); 
	text-align:left; 
	color:rgb(80,80,80); 
	font-weight:bold; 
	font-size:110%;
}
.main-content table td {
	height:3.0em; 
	padding:2px 7px 2px 7px; 
	border-left:solid 2px rgb(255,255,255); 
	border-right:solid 2px rgb(255,255,255); 
	border-top:solid 2px rgb(255,255,255); 
	border-bottom:solid 2px rgb(255,255,255); 
	background-color:rgb(225,225,225); 
	text-align:left; 
	font-weight:normal; 
	color:rgb(80,80,80); 
	font-size:110%;
}
p.caption {
	clear:both; 
	margin:0.5em 0 2.0em 20px; 
	text-align:left; 
	color:rgb(80,80,80); 
	font-size:110%;
}
.main-content ul {
	list-style:none; 
	margin:0.5em 0 1.0em 0;
}
.main-content ul li {
	margin:0 0 0.2em 2px; 
	padding:0 0 0 12px; 
	background:url(../img/bg_bullet_full_1.gif) no-repeat 0 0.5em; 
	line-height:1.4em; 
	font-size:120%;
}
.main-content ol {
	margin:0.5em 0 1.0em 20px !important /*Non-IE6*/; 
	margin:0.5em 0 1.0em 25px /*IE6*/;
}
.main-content ol li {
	list-style-position:outside; 
	margin:0 0 0.2em 0; 
	line-height:1.4em; 
	font-size:120%;
}

/********************/
/*  FOOTER SECTION  */
/********************/

.footer p {
	line-height:1.4em; 
	text-align:center; 
	color:rgb(125,125,125); 
	font-weight:bold; 
	font-size:110%;
}
.footer p.credits {
	font-weight:normal;
}
.footer a {
	text-decoration:underline; 
	color:rgb(125,125,125);
}
.footer a:hover {
	text-decoration:none; 
	color:rgb(0,0,0);
}
.footer a:visited {
	color:rgb(0,0,0);
}

/******************/
/*  CLEAR FLOATS  */
/******************/

.page-container:after, .header:after, .main:after, .main-content:after, .main-content div:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.column1-unit:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
 p:after {
 	content:"."; 
	display:block; 
	height:0; /*clear:both*/ 
	visibility:hidden;
}
.footer:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
}
.clear-contentunit {
	clear:both; 
	width:440px; 
	height:0.1em; 
	border:none; 
	background:rgb(210,210,210); 
	color:rgb(210,210,210);
}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/

@media print {
.header-top {
	width:900px; 
	height:80px; 
	background:rgb(240,240,240); 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}}
@media print {
.main {
	clear:both; 
	width:900px; 
	padding-bottom:30px; 
	background:transparent;
}}
@media print {
.footer {
	clear:both; 
	width:900px; 
	height:3.7em; 
	padding:1.1em 0 0; 
	background:rgb(240,240,240); 
	font-size:1.0em; 
	overflow:visible !important /*Firefox*/; 
	overflow:hidden /*IE6*/;
}}