/*
-----------------------------------------------
Oh-Cards Screen Master
Author:   Formsport Design
Version:  28 Nov 2005
----------------------------------------------- */

/* STANDARDS
----------------------------------------------- */

body {
	text-align: left;
	font: 11px/18px "Lucida Grande", Verdana, sans-serif;
	background: #FFF;
}

* {
	margin: 0;
	padding: 0;
	border: none;
}


/* LINKS
----------------------------------------------- */

a:link, a:visited, a:active, a:hover {
	color: #F30; 
	text-decoration: none;
	border:  0px none;
	border-bottom: 1px dotted #D9560F;
}

/* CLASSES
----------------------------------------------- */

.kursiv {
	font: italic 100%/1.8em "Georgia", Times, serif;
	color: #555;
	margin-bottom: 15px; 
}

#kursiv2 {
	font: italic 130%/1.4em "Georgia", Times, serif;
	color: #FF6600;
	margin-left: 25px;
	border-bottom: 1px solid #000;
}

.cardimg {
	font: italic 9px "Georgia", Times, serif;
	text-align: center;
	margin-bottom: 15px;
	border: 1px solid #666;
	width: 300px;
	height: 190px;
}

.cardimgtwo {
	font: italic 9px "Georgia", Times, serif;
	text-align: center;
	margin-bottom: 15px;
	border: 1px solid #666;
	width: 220px;
	height: 300px;
}

.wrapper {
	padding: 15px;
}

/* SPECIFIC DIVS
----------------------------------------------- */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	background: url(../img/bgd/bgd_header.gif) repeat-x 100% 0;
}

#ecke {
	position: absolute;
	z-index: 1;
	top: 0px;
	left: 0px;
	width: 120px;
	height: 100px;
	background: url(../img/bgd/bgd_ecke.gif) no-repeat 0 0;
}

#logo {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 130px;
	width: 200px;
	height: 80px;
	background: url(../img/bgd/logo.gif) 0 0 no-repeat;
}

/* CONTENT DIVS
----------------------------------------------- */

#content {
	position: absolute;
	left: 130px;
	top: 100px;
}

#links {
	width: 500px;
	background: #FFF5D5;
}

#links h1 {
	font: normal 20px "Trebuchet MS", Futura, Verdana, Helvetica, sans-serif;
	color: #532;
	text-transform: uppercase;
	margin-bottom: 15px;
}

#links h2 {
	font: 15px/20px Georgia, Times, serif;
	color: #F30;
	margin-bottom: 15px;
}

#links p {
	font: normal 11px/20px "Lucida Grande", Verdana, sans-serif;
	color: #532;
	margin-bottom: 15px;
}

/* The Magic min-height fix happens here */
*>#links { padding-top: 600px; min-height: 1px;}
*>#links .wrapper { margin-top: -600px; padding: 15px;}
* html #links {
	/* IE5Mac filter \*/
	height: 600px;
	/* end filter */
}

/* COLUMN DIVS
----------------------------------------------- */

#column {
	position: absolute;
	left: 640px;
	top: 100px;
}

#rechts {
	width: 320px;
	background: #EEE;
}

#rechts p {
	font: normal 10px/18px "Lucida Grande", Verdana, sans-serif;
	color: #555;
	margin-bottom: 15px;
}

/* The Magic min-height fix happens here */
*>#rechts { padding-top: 600px; min-height: 1px;}
*>#rechts .wrapper { margin-top: -600px; padding: 15px;}
* html #rechts {
	/* IE5Mac filter \*/
	height: 600px;
	/* end filter */
}

/* MAIN MENU
----------------------------------------------- */

#menu { 
	left: 0px; 
	top: 100px; 
	width: 120px; 
	height: 600px;
	position: absolute; 
	z-index: 3;  
	background: transparent url(../img/bgd/bgd_menu.gif) no-repeat;
}

#menu ul.deu { margin-left: 45px; height: 340px; width: 85px; list-style: none; background: url(../img/nav/hmd.gif) top left no-repeat;}
#menu ul.eng { margin-left: 45px; height: 340px; width: 85px; list-style: none; background: url(../img/nav/hme.gif) top left no-repeat;}
#menu ul.fra { margin-left: 45px; height: 340px; width: 85px; list-style: none; background: url(../img/nav/hmf.gif) top left no-repeat;}
#menu li { margin-bottom: 10px;}
#menu li a { display: block; width: 80px; height: 40px; text-indent: -9999px; border: none;}

#hm1d a:hover {background: transparent url(../img/nav/hmd.gif) -85px 0px no-repeat;}
#hm2d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -50px no-repeat;}
#hm3d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -100px no-repeat;}
#hm4d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -150px no-repeat;}
#hm5d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -200px no-repeat;}
#hm6d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -250px no-repeat;}
#hm7d a:hover {background: transparent url(../img/nav/hmd.gif) -85px -300px no-repeat;}

#hm1d a.active {background: transparent url(../img/nav/hmd.gif) -170px 0px no-repeat;}
#hm2d a.active {background: transparent url(../img/nav/hmd.gif) -170px -50px no-repeat;}
#hm3d a.active {background: transparent url(../img/nav/hmd.gif) -170px -100px no-repeat;}
#hm4d a.active {background: transparent url(../img/nav/hmd.gif) -170px -150px no-repeat;}
#hm5d a.active {background: transparent url(../img/nav/hmd.gif) -170px -200px no-repeat;}
#hm6d a.active {background: transparent url(../img/nav/hmd.gif) -170px -250px no-repeat;}
#hm7d a.active {background: transparent url(../img/nav/hmd.gif) -170px -300px no-repeat;}

#hm1e a:hover {background: transparent url(../img/nav/hme.gif) -85px 0px no-repeat;}
#hm2e a:hover {background: transparent url(../img/nav/hme.gif) -85px -50px no-repeat;}
#hm3e a:hover {background: transparent url(../img/nav/hme.gif) -85px -100px no-repeat;}
#hm4e a:hover {background: transparent url(../img/nav/hme.gif) -85px -150px no-repeat;}
#hm5e a:hover {background: transparent url(../img/nav/hme.gif) -85px -200px no-repeat;}
#hm6e a:hover {background: transparent url(../img/nav/hme.gif) -85px -250px no-repeat;}
#hm7e a:hover {background: transparent url(../img/nav/hme.gif) -85px -300px no-repeat;}

#hm1e a.active {background: transparent url(../img/nav/hme.gif) -170px 0px no-repeat;}
#hm2e a.active {background: transparent url(../img/nav/hme.gif) -170px -50px no-repeat;}
#hm3e a.active {background: transparent url(../img/nav/hme.gif) -170px -100px no-repeat;}
#hm4e a.active {background: transparent url(../img/nav/hme.gif) -170px -150px no-repeat;}
#hm5e a.active {background: transparent url(../img/nav/hme.gif) -170px -200px no-repeat;}
#hm6e a.active {background: transparent url(../img/nav/hme.gif) -170px -250px no-repeat;}
#hm7e a.active {background: transparent url(../img/nav/hme.gif) -170px -300px no-repeat;}

#hm1f a:hover {background: transparent url(../img/nav/hmf.gif) -85px 0px no-repeat;}
#hm2f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -50px no-repeat;}
#hm3f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -100px no-repeat;}
#hm4f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -150px no-repeat;}
#hm5f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -200px no-repeat;}
#hm6f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -250px no-repeat;}
#hm7f a:hover {background: transparent url(../img/nav/hmf.gif) -85px -300px no-repeat;}

#hm1f a.active {background: transparent url(../img/nav/hmf.gif) -170px 0px no-repeat;}
#hm2f a.active {background: transparent url(../img/nav/hmf.gif) -170px -50px no-repeat;}
#hm3f a.active {background: transparent url(../img/nav/hmf.gif) -170px -100px no-repeat;}
#hm4f a.active {background: transparent url(../img/nav/hmf.gif) -170px -150px no-repeat;}
#hm5f a.active {background: transparent url(../img/nav/hmf.gif) -170px -200px no-repeat;}
#hm6f a.active {background: transparent url(../img/nav/hmf.gif) -170px -250px no-repeat;}
#hm7f a.active {background: transparent url(../img/nav/hmf.gif) -170px -300px no-repeat;}

/* SUB MENU
----------------------------------------------- */

#submenu {
	top: 40px; 
	left: 640px; 
	height: 30px; 
	width: 320px;
	position: absolute; 
	z-index: 5;
}

#submenu ul { background: url(../img/nav/sm.gif) top left no-repeat; width: 320px; height: 25px;}
#submenu ul li { list-style: none; float:left;}
#submenu ul li a { display: block; width: 100px; height: 25px; text-indent: -9999px; border: none;}

#sm1 {left: 0px; width: 110px;}
#sm2 {left: 110px; width: 110px;}
#sm3 {left: 220px; width: 100px;}

#sm1 a:hover {background: transparent url(../img/nav/sm.gif) 0 -25px no-repeat;}
#sm2 a:hover {background: transparent url(../img/nav/sm.gif) -110px -25px no-repeat;}
#sm3 a:hover {background: transparent url(../img/nav/sm.gif) -220px -25px no-repeat;}

#sm1 a.active {background: transparent url(../img/nav/sm.gif) 0 -50px no-repeat;}
#sm2 a.active {background: transparent url(../img/nav/sm.gif) -110px -50px no-repeat;}
#sm3 a.active {background: transparent url(../img/nav/sm.gif) -220px -50px no-repeat;}

#meta {
	position: absolute;
	z-index: 6;
	top: 2px;
	left: 640px;
	height: 20px;
	vertical-align: middle;
	font: 11px/18px "Lucida Grande", Verdana, sans-serif;
	color: #666;
	text-align: right;
	white-space: pre;
}

#meta a { padding: 0 2px 2px 2px; border: 0px none;}

#meta a:link { background: none; color: #666;}
#meta a:visited { background: none; color: #333;}
#meta a:hover { background: none; color: #333; text-decoration: underline;}
#meta a:active { color: #333; text-decoration: none;}

#abbinder {
	width: 500px;
	font: italic 10px/20px "Georgia", Times, serif;
	color: #666;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-left: 15px;
	clear: both;
}

#abbinder .bild {
	border: none;
}

#address {
	margin-top: 60px;
	padding-top: 10px;
	border-top: 1px solid #999;
}

/* MISC LISTS
----------------------------------------------- */

ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

ol, dl {
	padding: 0;
	margin: 0;
	list-style: none;
}

ul.mainlist li {
	background: transparent url("../img/fnc/a_pdf.gif") no-repeat 1px .5em;
	font: 11px/15px "Lucida Grande", Verdana, sans-serif;
	padding: 5px 0 15px 40px;
	text-indent:0;
	border:  0px none;
	text-transform: uppercase;
	border-top: 1px solid #999;
}

ul.mainlist li a {
	border: none;
	border:  0px none;
	color: #666;
}

* html ol li {
	position: relative;
	padding-left: 15px;
}

ol li.column1 { margin-left: 0px;}
ol li.column2 { margin-left: 130px;}

li.reset {
	margin-top: -32em;
}

* html ol.mainlist {
  margin: 0;
  padding: 0;
}

ol.mainlist li {
	
	font: normal 10px/2em "Lucida Grande", Verdana, sans-serif;
	background: url(../img/fnc/bullet.gif) no-repeat 1px .5em;
	padding-left: 20px;
	text-indent: 0;
}




ol.mainlist li a {
	text-decoration: none;
	color: #555;
	border: none;
}

ol.mainlist li a:hover  {
	color: #666;
	text-decoration: none;
	border: none;
}