/********************************************************************* Z-INDEX */
/* Z-INDEX Vergabe/
98 - vorteile-but
95 - suche, lang
90 - content, logo, headernav
85 - vorteile
50 - fondnav
10 - fond
/ END assign styles menue */

/********************************************************************* Position */

.content,
.logo,
.fond,
.fondnav,
.suche,
.vorteile,
.vorteile-but,
.lang
 {	position: absolute;}

/********************************************************************* Text */


.small {
	font-size: 11px;}
	
.xsmall {
	font-size: 9px;}
	
.weissbold {
	font-weight: bold;
	color: #FFF;}
	
.hinweis {
	color: Lime;
	font-weight: bold;}
	
.searchterm {
	background-color: #FC3;}
	
h1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background-color: #4689a6;
	padding: 2px 0px 3px 10px;
	margin: 0px 0px 10px 0px;
	display: block;}
	
h2 {
	font-size: 12px;
	font-weight: bold;
	color: #1f6680;
	background-color: #eceff2;
	border-top: 1px dotted #999; 
	border-bottom: 1px dotted #999;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 5px 0px;
	display: block;}

h3,h4,h5,h6,pre,address {
	color:#FFF;}

/********************************************************************* Bilder */

.logo {
	top: 20px;
	left: 40px;
	z-index: 90;}
	
.fond {
	top: 184px;
	left: 0px;
	z-index: 10;}
	
.fondnav {
	top: 125px;
	left:39px;
	z-index: 50;}


.art-button { /* back & print-button in artikeln */
	font-size: 11px;
	padding: 5px 0px 0px 0px;
	margin: 20px 0px 0px 0px;} 

.showhand {
	cursor: pointer;}

.img1 { }
.img2 { 
	padding: 0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border:1px solid #a8c9e5;}
.img1 p,.img2 p {
	font-size: 11px;
	color: #0033cc;}
.img-right { 
	margin:0px 0px 10px 8px;
	float: right;}
.img-left { 
	margin:0px 8px 10px 0px;
	float: left;}
.img-normal { 
	margin:0px 0px 0px 0px;
	text-align: center;}

/********************************************************************* Content */

.content {
background-color: #fff;
    background-image: url("/img/e/basic/fondnav.jpg"), url("/img/e/basic/RagTime-6-6-Packshot_small.png");
    background-position: 0 -130px, 40px bottom;
    background-repeat: no-repeat;
    left: 39px;
    top: 230px;
    width: 905px;
    z-index: 90;}
.FR2-content {
	background-color: #fff;
    width: 905px;}
.content1 {
	width: 210px;
	height: 470px;
	overflow:visible;
	float: left;
	}
.content2 {
	width: 420px;
	float: left;
	margin-top: 80px;
	min-height: 550px;}
.FR2-content2 {
	width: 220px;
	float: left;
	margin: 70px 0px 0px 0px;
	/*border-right: 1px dotted grey;*/
	}
.content3 {
	width: 211px;
	float: left;
	padding: 0px 0px 0px 20px;
	margin-top: 80px;}
.content4 {
	background-color: #fdf19d;
    height: 60px;
    width: 905px;}
	
.footer {
	float: left;
    padding: 10px;
    text-align: right;
    width: 610px;
    }
.footer p {
	color: #666;}

.head1 {
  font-size: 17px;
}
	
.head2 {
    font-size: 30px;
    font-weight: normal;
    margin: 5px 0 0;
}
	
.suche {
	top: 145px;
	left: 52px;
	width:190px;
	z-index: 95;}

.box {
	width: 200px;}
.box1 {
	width: 188px;
	padding: 1px 0px 2px 10px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #bbceed;
	background-image:url(/img/e/basic/htgr_boxtitel.jpg);
	background-repeat:no-repeat;}
.box11 {
	width: 150px;
	color: #1f6680;
	font-weight:bold;
	float:left;}
.box12 {
	width: 38px;
	float:left;
	text-align:right;
	margin: 5px 0px 0px 0px;}
.box2 {
	width: 189px;
	margin: 0px 0px 10px 11px;}
.FR2-box2 {
	width: 200px;
	margin: 0px 0px 0px 0px;}
.box21 {
	font-size:11px;
	line-height: 14px;
	padding: 2px 0px 3px 0px;
	border-bottom: 1px solid #BBCEED;}
.FR2-box21 {
	font-size:12px;
	line-height: 17px;
	border-bottom: none;}
.box22 {}
.box22 p {
	font-size: 11px;
	line-height:14px;}
.FR2-box22 {
	color:#000;}
.FR2-box22 p {
	font-size: 12px;
	line-height:17px;}
	
.boxfreetext {
	width: 188px;
	font-size: 11px;
	line-height: 14px;
	padding: 3px 5px 3px 5px;
	margin: 0px 0px 10px 0px;
	border: 1px solid #bbceed;
	background-color: #FFF;
	background-image:url(/img/e/basic/htgr_box.jpg);
	background-repeat:repeat-y;}
	
.lang {
	top: 230px;
	left: 910px;
	width: 25px;
	z-index:95;}
.FR2-lang {
	top: 300px;}
.lang1 {
	margin: 0px 0px 4px 0px;}
	
.vorteile {
       background-image: url("/img/e/basic/RagTime-6-6-Packshot.png"), url("/img/e/basic/white.gif");
    background-position: 120px 25px, 0 180px;
    background-repeat: no-repeat;
    height: 300px;
    left: 209px;
    top: 0;
    width: 735px;
    z-index: 95;}
.vorteile1 {
	  float: left;
    padding-left: 115px;
    width: 210px;}
.vorteile2 {
	  float: left;
    margin: 30px 0 0;
    width: 400px;}
	
.vorteile-but {
	top: 195px;
	left: 530px;
	width: 420px;
	z-index:98;}
.vorteile-but1 {
	width: 137px;
	float:left;}
	
/********************************************************************* Standards */
	
.req { /* Kontakt-Form */
	width: 420px;}
.req1 { /* 1.Block */
	width: 210px;
	float: left;}
.req11 { /* Name + Formfeld */
	width: 190px;
	margin: 0px 0px 5px 0px;
	clear: both;}
.req111 { /* Name */
	width:80px;
	float: left;
	font-weight: bold;
	border-bottom: 1px solid #bbceed;}
.req112 { /* Formfeld */
	width:110px;
	float: left;}
.req2 { /* 2.Block */
	width: 210px;
	float: left;}
.req3 { /* Extra & Absenden */
	padding: 0px 0px 0px 0px;}
.req31 { /* Extra */
	float: left;}
.req32 { /* Absenden */
	float: right;}
.req4 {}
.req41 { /* Einfacher Block Überschrift */
	font-weight: bold;}
.req42 { /* Einfacher Block Inhalt */
	}

.sitemap {}
.sitemap1 {
	text-transform:uppercase;
	background-color:#B5CAE7;
	padding: 2px 2px 2px 0px;
	margin: 0px 0px 1px 0px;}
.sitemap2 {
	background-color:#E3E8EE;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 1px 0px;}
.sitemap3 {
	background-color:#FFF;
	padding: 0px 0px 0px 40px;
	margin: 0px 0px 1px 0px;}

.faq {}
.faq1 {
	text-transform:uppercase;
	background-color:#B5CAE7;
	padding: 2px 2px 2px 0px;
	margin: 0px 0px 1px 0px;}
.faq2 {
	background-color:#E3E8EE;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 1px 0px;}
.faq22 {
	background-color:#FFF;
	padding: 5px 10px 5px 10px;
	margin: 10px 0px 10px 0px;}
	
.news	{
	width:420px;}/* News-List */
.news1	{
	width:420px;
	margin: 0px 0px 0px 0px;}
.news11	{
	width:420px;
	font-size: 10px;}
.news12 {
	width:420px;
	font-weight:bold;}
.news13 {
	width:420px;}
.news2	{
	font-weight: bold;
	padding: 10px 0px 0px 0px;}
	
.suche-ergebnisse {
	width: 100%;}
.suche-ergebnisse1 {
	text-transform:uppercase;
	background-color:#B5CAE7;
	padding: 2px 2px 2px 0px;
	margin: 0px 0px 10px 0px;}
.suche-ergebnisse2 {}
.suche-ergebnisse3 {}

/* Login-Form */
.login {}
.login1 {
	width: 300px;
	margin: 0px 0px 10px 0px;}
.login11 {
	width: 100px;
	float: left;
	font-weight: bold;}
.login12 {
	width: 200px;
	float: left;}
.login2 {
	margin: 10px 0px 0px 0px;
	width: 300px;
	text-align: right;}
	
.abovoucher {
	width:100%;
	padding: 5px 5px 0px 10px;
	border: 1px solid #bbceed;
	background-color: #FFF;}
.abovoucher1 {
	font-weight:bold;
	margin: 0px 0px 5px 0px;}
.abovoucher2 {}

.abocenter { /* Abocenter-Form */
	width:100%; margin: 20px 0px 0px 0px;}
.abocenter1 {
	font-weight:bold;}
.abocenter2 {
	margin: 0px 0px 20px 0px;}

/* Showart */
.showart {
	padding: 30px;}
.showart1 {
	margin: 20px 0px 0px 0px;}
.showart2 {
	border-top: 1px solid #000;
	padding: 5px 0px 0px 0px;
	margin: 5px 0px 0px 0px;}
.showart-logo {
	margin: 30px 0px 0px 30px;}
.showart p {
	color:#000;}
.showart h1 { 
	font-size: 12px;
	font-weight: bold;
	color: #000;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	display:block;
	border-top:none;
	border-right:none;
	border-bottom: 1px solid #000;
	border-left:none;
	background-image:none;}

/* Showpic */
.showpic {}
.showpic1 {/* Bild mit Copyright */
	background-color: #FFF;
	padding: 2px;
	font-size: 11px;
	color: #000;} 
.showpic2 {/* Bildkommentar */
	background-color: #C03;
	font-weight: bold;
	color: #FFF;
	padding: 2px;} 
.showpic3 {/* Funktionen */
	background-color: #dce7f0;
	padding: 3px 10px 10px 10px;}
.showpic31 {/* Previous */
	background-color: #dce7f0;
	white-space: nowrap;}
.showpic32 {/* größer und schließen */
	background-color: #dce7f0;
	text-align:center;}
.showpic33 {/*Next */
	background-color: #dce7f0;
	text-align: right;
	white-space: nowrap;}

/********************************************************************* Link */

A:link, A:visited, A:active {	color: #1f6680; font-weight:bold; text-decoration:underline;}
A:link:hover, A:visited:hover { color: #000; font-weight:bold; text-decoration:underline;}

.footer A:link, .footer A:visited, .footer A:active {color: #1f6680; font-weight:normal; text-decoration:none;}
.footer A:link:hover, .footer A:visited:hover {color: #000; font-weight:normal; text-decoration:none;}

.headernav A:link, .headernav A:visited, .headernav A:active {color: #000; font-weight:normal; text-decoration:none;}
.headernav A:link:hover, .headernav A:visited:hover {color: #000; font-weight:normal; text-decoration:none;}

.box21 A:link, .box21 A:visited, .box21 A:active {	color: #1f6680; font-weight:bold; text-decoration:none;}
.box21 A:link:hover, .box21 A:visited:hover { color: #000; font-weight:bold; text-decoration:none;}


.sitemap1 A:link, .sitemap1 A:visited, .sitemap1 A:active, .sitemap1 A:link:hover, .sitemap1 A:visited:hover,
.sitemap2 A:link, .sitemap2 A:visited, .sitemap2 A:active, .sitemap2 A:link:hover, .sitemap2 A:visited:hover,
.sitemap3 A:link, .sitemap3 A:visited, .sitemap3 A:active, .sitemap3 A:link:hover, .sitemap3 A:visited:hover,
.faq1 A:link, .faq1 A:visited, .faq1 A:active, .faq1 A:link:hover, .faq1 A:visited:hover,
.faq2 A:link, .faq2 A:visited, .faq2 A:active, .faq2 A:link:hover, .faq2 A:visited:hover {
	text-decoration:none;}

.pagenav-lst {
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #bbceed;
	background-color: #FFF;
	color: #000;
	font-weight: bold;}
a.pagenav-lst {
	padding: 0px 3px 0px 3px;
	margin: 0px 5px 0px 0px;
	border: 1px solid #bbceed;
	background-color: #bbceed;
	font-weight: bold;
	text-decoration:none;}
.pagenavtop { /* Seitenzahl oben */
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 10px 0px;
	border-bottom: 2px solid #dde4ef;}
.pagenavbottom { /* Seitenzahl unten */
	margin: 10px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 2px solid #dde4ef;}

/********************************************************************* Global 2 */

BODY {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-repeat: repeat-x;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;}

td,p,div {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	line-height: 17px;}

p,form { margin:0px;}

hr {
	background-color: #dde4ef;
	color: #dde4ef;
	border: 0px;
	height: 2px;
	margin: 10px 0px 10px 0px;}

.button1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	height: 22px;
	color: #3e7b95;
	font-weight: bold;
	background-color: #e3e8ee;
	background-image:url(/img/e/basic/htgr_button.jpg);
	background-repeat:no-repeat;}

.input1 {
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #bbceed;
	background-color: #e3e8ee;
	background-image:url(/img/e/basic/htgr_input.jpg);
	background-repeat:repeat-x;}
	
.inputsuche {
	width:145px;
	height: 28px;
	margin-right:12px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #cc3b3c;
	border: 1px solid #f8f9fb;
	background-repeat:no-repeat;}
	
.select1 {
	font-size: 11px;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;}

/* Fehlermeldung */
.alert {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	border: 1px solid #C03;
	background-color: #FFF;}
.alert1 {
	color: #C03;
	font-size: 11px;}
.alert ul {
	margin: 0px 0px 0px 0px;}
.alert li {
	font-size: 11px;
	color: #C03;}

/* Infomeldung */
.info {
	width: 100%;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 20px 0px;
	color:#390;
	font-size: 11px;
	background-color: #FFF;}
.info1 {
	color: #390;
	font-size: 11px;}
.info ul {
	margin: 0px 0px 0px 0px;}
.info li {
	font-size: 11px;
	color:#FFF;}

ul {
	margin-top: 0px;
	margin-bottom: 0px;}
li {
	font-size: 12px;
	color: #000;
	margin: 0px 0px 0px 0px;}