/*
	===================================================
	(c) flatbooster.com / <support@flatbooster.de>
	(c) 2medien / Istvan Kovacs <info@2medien.com>
	===================================================
	$ver:		1.0 initial release
	$date:		18-11-2009
	===================================================
	
	CSS MAP
	===================================================
	1. GLOBAL
	2. HEADER
	3. FOOTER
	4. COL
	5. CENTER
	6. CONSTRUCT
	7. DISPLAY
	8. SETTINGS
	
	
	. = class
	# = id
	
*/
/* #[ GLOBAL ]#################### */
*, html, body, form, fieldset, img {margin:0; padding:0; border:0;}

body {  
	color : #000;
	font: 11px/150% Arial, Helvetica, sans-serif;
	background: #fff url(../images/tile_header.png) repeat-x;
	}
	
/*
body.left div#header,
body.left div#center,
body.left div#footer {
	margin: 0;
	}

body.right div#header,
body.right div#center,
body.right div#footer {
	float: right;
	margin: 0;
	}
	
body.left div#header_2,
body.left div#center,
body.left div#footer {
	margin: 0;
	}

body.right div#header_2,
body.right div#center,
body.right div#footer {
	float: right;
	margin: 0;
	}
	
*/


body.center div#header,
body.center div#center,
body.center div#footer {
	margin: 0 auto;
	}
	
body.center div#header_2,
body.center div#center,
body.center div#footer  {
	margin: 0 auto;
	}
	

	
	.tabelle table 
	{
		border-collapse: collapse; 
		text-align: left; 
		width: 100%; 
		cursor: url(../images/PointMSC.cur),/* url(../images/PointMSC.gif), url(../images/PointMSC.png),*/ pointer;
	} 

	.tabelle 
	{
		font: normal 12px/150% Arial, Helvetica, sans-serif; 
		background: #fff; 
		overflow: hidden; 
		border: 1px solid #000000; 
	}

	.tabelle table td, .tabelle table th 
	{
		padding: 2px 4px; 
	}

	.tabelle table thead th 
	{
		background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #006699), color-stop(1, #00557F) );
		background:-moz-linear-gradient( center top, #006699 5%, #00557F 100% );
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#006699', endColorstr='#00557F');
		background-color:#006699; 
		color:#FFFFFF; 
		font-size: 11px; 
		font-weight: bold; 
		border-left: 1px solid #000000; 
	} 

	.tabelle table thead th:first-child 
	{
		border: none; 
	}
	
	.tabelle tr:hover td
	{
		background: #999999; 
		color: #ffffff; 
	}
	
	.tabelle table tbody td 
	{ 
		color: #000000; 
		border-left: 1px solid #000000;
		font-size: 11px;
		border-bottom: 1px solid #000000;
		font-weight: normal; 
	}

	.tabelle table tbody .alt td 
	{ 
		background: #aad4ff; 
		color: #000000; 
	}
	
	.tabelle table tbody .alt:hover td
	{
		background: #667f99;
		color: #ffffff; 
	}
	
	/*.tabelle table tbody .alt:active td
	{
		background: #ffffff;
		color: #000000; 
	}*/

	.tabelle table tbody td:first-child 
	{ 
		border-left: none; 
	}

	.tabelle table tbody tr:last-child td 
	{
		border-bottom: none; 
	}
	
	.Button { background-color:#848484; color:#fff; border-radius:10px; height:20px; width:250px; border:1px solid #2E2E2E; cursor: url(../images/PointMSC.cur), pointer;}
	
	.Button:active {	position:relative;	top:0.5px;}
	
	.Button:hover {	background-color:#2E2E2E; color:#fff; width:250px; border:1px solid #2E2E2E;}
	
	.ButtonHz { background-color:#848484; color:#fff; border-radius:5px; width:80px; border:1px solid #2E2E2E; cursor: url(../images/PointMSC.cur), pointer;}
	
	.ButtonHz:active {	position:relative;	top:0.5px;}
	
	.ButtonHz:hover {	background-color:#2E2E2E; color:#fff; width:80px; border:1px solid #2E2E2E;}
	
	.Feld { background-color:#ffffff; width:200px; height:20px; border:1px solid #000000; border-radius:10px; padding-left: 7px;}
	
	.Feldso { background-color:#ffffff; width:135px; border:1px solid #000000; border-radius:5px; padding-left: 7px;}

	.FeldHz { background-color:#ffffff; width:110px; border:1px solid #000000; border-radius:5px; padding-left: 3px;}
	
	.FeldMail { background-color:#ffffff; width:250px; border:1px solid #000000; border-radius:5px; padding-left: 3px;}
	
	.Arena { background-color:#ffffff; width:400px; border:1px solid #000000; border-radius:5px; padding-left: 3px;}
	
b, strong {font-weight:bold;}

ul, li, ol li {
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
	}
	 
a:link, a:visited {
	color: #8FC7FF;
	font-weight: bold;
	text-decoration: none;
	}

	a:hover {color:#000; text-decoration:underline; cursor: url(../images/PointMSC.cur), pointer;}

/* check list */
ul.list {
	list-style: none;
	margin: 10px 0px;
	}

	ul.list li {
		margin-left: 15px;
		padding: 0 0 0 10px;
		color: #8FC7FF;
		background: url(../images/arrow.png) no-repeat 0 5px;
		}

h1, h2, h3, h4, h5, h6 { font-size: 200%; font-weight: normal; color: #8FC7FF; margin: 10px 0; padding: 0; }
h2 { font-size: 190%; }
h3 { font-size: 180%; }
h4 { font-size: 80%; }
h5 { font-size: 80%; color: #000000;}
h6 { font-size: 75%; color: #000000;}
h7 { font-size: 60%; color: #ffffff;}

/* #[ HEADER ]#################### */
#tpl-header {}

#header {
	position: relative;
	height: 383px;
	background: url(../images/bg_header_2.jpg) 200px 45px no-repeat;
	}

#header_2 {
	position: relative;
	height: 383px;
	background: url(../images/bg_header.jpg) 200px 45px no-repeat;
	}
	
a#sitename:link,
a#sitename:visited,
a#sitename:hover {
	position: absolute;
	top: 240px;
	left: 780px;
	padding: 0;
	margin: 0;
	width: auto;
	line-height: 30px;
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;
	z-index: 1;
	}

a#sitename span {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-indent: 12px;
	display: block;
	}
	
a#sitename_sv:link,
a#sitename_sv:visited,
a#sitename_sv:hover {
	position: absolute;
	top: 210px;
	left: 780px;
	padding: 0;
	margin: 0;
	width: 250px;
	line-height: 30px;
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	font-family: Georgia, Arial, Helvetica, sans-serif;
	text-decoration: none;
	background: none;
	z-index: 1;
	}

a#sitename_sv span {
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-indent: 12px;
	display: block;
	}
	
#header .image {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #775417;
	border-bottom: 1px solid #775417;
	}
	
#header_2 .image {
	position: relative;
	overflow: hidden;
	border-top: 1px solid #775417;
	border-bottom: 1px solid #775417;
	}

/* topmenu */
div#hmenu {
	position: absolute;
	top: 332px;
	left: 200px;
	width: auto;
	background: none;
	z-index: 10;
	}

/* Level1 list styling */
div#hmenu ul {
	padding: 0;
	margin: 0;
	list-style-type: none;
	}

div#hmenu ul li {
	float: left;
	width: auto;
	position: relative;
	}

/* Level1 Links */
div#hmenu ul li a:link,
div#hmenu ul li a:visited {
	float: left;
	padding: 0 10px;
	margin-right: 1px;
	width: auto;
	line-height: 39px;
	height: 39px;
	display: block;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	background: url(../images/topm_n.png) left top no-repeat;
	}

div#hmenu ul li.last {
	background: url(../images/topm_n.png) right top no-repeat;
	}

div#hmenu ul li a:hover,
div#hmenu ul li a.active  {
	text-decoration: none;
	background: url(../images/topm_h.png) repeat-x;
	cursor: url(../images/PointMSC.cur), pointer;
	}

/* #[ FOOTER ]#################### */
#tpl-footer {
	height: 53px;
	padding: 0px;
	background: #fff url(../images/tile_footer.png) left top repeat-x;
	}

#footer {
	position: relative;
	}

/* copyright */
a.cr:link,
a.cr:visited {
	position: absolute;
	top: 22px;
	left: 0px;
	width: auto;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	text-decoration: none;
	}

/* fmenu */
#fmenu {
	position: absolute;
	top: 24px;
	right: 0px;
	width: auto;
	}

	#fmenu ul li  {
		float: left;
		}

	#fmenu ul li a:link,
	#fmenu ul li a:visited {
		float: left;
		padding: 0 5px;
		margin: 0;
		line-height: 12px;
		height: 12px;
		display: inline;
		width: auto;
		color: #000;
		font-size: 11px;
		font-weight: normal;
		border-right: 1px solid #000;
		}

	#fmenu ul li a.last:link,
	#fmenu ul li a.last:visited {
		border: 0;
		}

#footer a:hover,
#footer a.active,
#fmenu ul li a:hover {
	color: #8FC7FF;
	text-decoration: none;
	}

/* #[ COL ]#################### */
#col {}

	/* headings */
	#col h1 {
		margin: 0 0 5px 0;
		padding: 0 0 4px 0;
		color: #8FC7FF;
		}

/* #[ CENTER ]#################### */
#tpl-center {
	background: #fff;
	}

#middle {
	padding: 20px 0;
	}

	div#main-spacer {
		padding: 0px;
		}

/* headings */
#main h1 {
	margin: 0 0 5px 0;
	padding: 0 0 4px 0;
	color: #8FC7FF;
	}

/* #[ CONSTRUCT - DONT CHANGE ]#################### */
#tpl-header, #tpl-center, #tpl-footer {width:100%;}
#middle{position:relative;width:100%;overflow:hidden;clear:both;}
#middle-place{width:200%;}
#main{position:relative;left:50%;float:left;width:50%;}
#main-replace{position:relative;left:-100%;z-index:1;overflow:hidden;}
#col{position:relative;left:-50%;float:left;overflow:hidden;}

/* #[ DISPLAY ]#################### */
#hmenu {}
#hmenu2 {display:none;}
#hcontent {display:none;}
#cmenu {display:none;}
#fmenu {}
#header .image, #header .image img {display:none;}
#header_2 .image, #header_2 .image img {display:none;}
#col .image, #col .image img {display:none;}

/* #[ SETTINGS ]#################### */
/* tpl padding */
body {}

/* tpl width */
.tpl_widthAHLHz {width:1280px;}

.tpl_width {width:998px;}

.tpl_widthAHL {width:1198px;}

/* col width */
#col {width: 280px; float:left;}
#main-replace {margin-left:300px;}