/* -- SEITENAUFBAU - ANFANG ------------------------------------ */
body {
	background: #F3F4EB url(/resources/images/body-bg.png) repeat-x scroll top left;
	padding: 50px 0px;
	margin: 0px;
	text-align: center;
	color: #303030;
}

body.popup {
	margin:0px; 
	padding:0px;
	border:0px;
	text-align:left;
	background:#fff;
}

body.popup div.content {
	width: 100%; 
	border: 0px;
}

#aussen {
	position: relative;
	vertical-align: top;
	margin: 0px auto 0px auto;
	padding: 0px;
 	width: 840px;
	background-color: transparent;
	text-align: left;
	font: 0px/0px "Courier New", Courier, monospace; /* Um IE Fehler bei kleinen Hoehen auszubuegeln */
}

/* -- HEADER - ANFANG ------------------------------------------ */
/* ------------------------------------------------------------- */
#header {
	position: relative;
	background: transparent url(/resources/images/header.gif) no-repeat scroll top left;
	margin: 40px 0px 0px 0px; /* margin-top, um Logo Platz zu geben */
	width: 840px;
	height: 210px;
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#header h1, #header p { /* Erklaerungstext wird aus dem Bild gezogen, damit nur der Grafik-BG sichtbar ist */
	/* text-indent: -10000px; */
}
#header a.headerlink, #header a.headerlink:active {
	position: absolute;
	width: 160px;
	height: 26px;
	top: 169px;
	left: 600px;
	background: none;
	padding: 0;
	border: 0;
}
#header a {
	background: none;
	border-bottom: none;
}
#header img { /* Logo IMG wird angesprochen */
	position: absolute;
	top: -55px;
	left: 20px;
	border: none;
}

/* -- HEADER NAVIGATION ---------------------------------------- */
#navigation {
	position: absolute;
	right: 20px;
	top: -10px;
	padding: 0px;
	margin: 0px;
	text-align: center;
	width: auto;
	background: transparent url(/resources/images/navi-aktiv.png) repeat-x scroll top left;
}
ul#navigation li {
	list-style: none;
	display: inline;
	padding: 0px;
	margin: 0px;
	float: left;
	height: 33px;
	width: auto;
	background: transparent url(/resources/images/navi-normal.png) repeat-x scroll top left;
}
ul#navigation li a, ul#navigation li a#inside {
	background: none;
	color: #303030;
	float: left;
	display: block;
	width: auto;
	height: 20px;
	padding: 5px 10px;
	border-left: 1px solid #667330;
	border-bottom: none;
	font: bold 15px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-decoration: none;
}
ul#navigation li a#first {
	background: transparent url(/resources/images/navi-first.png) no-repeat scroll top left;
	padding: 5px 10px 5px 15px;
	height: 23px;
	border-left: 0px solid #FFF;
}
ul#navigation li a#last {
	background: transparent url(/resources/images/navi-last.png) no-repeat scroll top right;
}
ul#navigation li a:hover {
	background: transparent url(/resources/images/navi-aktiv.png) repeat-x scroll top left;
}
ul#navigation li a#inside:hover {
	background: transparent url(/resources/images/navi-aktiv.png) repeat-x scroll top left;
}
ul#navigation li a#first:hover {
	background: transparent url(/resources/images/navi-first-aktiv.png) no-repeat scroll top left;
}
ul#navigation li a#last:hover {
	background: transparent url(/resources/images/navi-last-aktiv.png) no-repeat scroll top right;
}
ul#navigation li#current {
	background: transparent url(/resources/images/navi-aktiv.png) repeat-x scroll top left;
}
ul#navigation li#current a#first {
	background: transparent url(/resources/images/navi-first-aktiv.png) no-repeat scroll top left;
}
ul#navigation li#current a#last{
	background: transparent url(/resources/images/navi-last-aktiv.png) no-repeat scroll top right;
}
/* -- HEADER NAVIGATION ENDE ----------------------------------- */
/* -- HEADER - ENDE -------------------------------------------- */

/* -- LAYOUT CONTENT ANFANG ------------------------------------ */
#content {
	position: relative;
	width: 820px;
	padding: 0px 0px 0px 30px;
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: transparent url(/resources/images/content-bg.png) repeat-y scroll top left;
}
body#formular .k-tmb {
	margin-left: -10px;
}
#text {
	position: relative;
	background-color: transparent;
	float: left;
	width: 545px;
}
#rechtespalte {
	position: relative !important;
	position: absolute;
	left:-10px !important;
	left:575px;
	float: right;
	padding: 0px 20px 5px 15px;
	width: 230px;
	z-index: 3;
	background: transparent url(/resources/images/portlet-bg.png) repeat-y scroll top left;
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#rechtespalte[id] {
	padding: 0px 20px 5px 15px;
}
#rechtespalte-unten {
	position: relative;
	margin: 0px -20px -10px -15px;
	padding: 0px 0px 25px 25px;
	width: 100%;
	background: transparent url(/resources/images/portlet-bg-footer.png) no-repeat scroll top left;
	font: 0px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* -- LAYOUT CONTENT ENDE -------------------------------------- */

/* -- FOOTER - ANFANG ------------------------------------------ */
#footer {
	clear: both;
	position: relative;
	background: transparent url(/resources/images/content-bg-footer.png) no-repeat scroll top left;
	padding: 20px 20px 0px 20px;
	margin: 0px;
	width: 585px;
	height: auto;
	list-style: none;
	color: #808080;
	text-align: center;
}
ul#footer li, ul#footer li.first {
	list-style: none;
	display: inline;
	padding: 0px 10px;
	margin: 0px;
	height: auto;
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
ul#footer li { 	border-left: 1px solid #667330; }
ul#footer li.first { 	border-left: 0px; }
ul#footer a {
	display: inline;
	padding: 0px;
	text-decoration: none;
	border-bottom: none;
	background: none;
}
#footer a:link, #footer a:visited {
	color: #808080;
	text-decoration: underline;
}
#footer a:hover, #footer a:active {
	color: #303030;
	text-decoration: underline;
}

body#tour #footer {
	background: transparent url(/resources/images/tour-bg-footer.png) no-repeat scroll top left;
}
div.footer {
	display: block;
	padding: 10px 0px 0px 20px;
	margin: 0px;
	height: auto;
	font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#808080;
	width: 585px;
	text-align:center;
}

div.footer a, div.footer a:hover {
	text-decoration:none;
	font: 10px/12px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color:#F7911B;
	border:none;
	background:transparent;
}

/* Link style for G&S Hyperlink at the bottom */
div.footer a.gs {
	color:#808080;
}
div.footer a.gs:hover {
	color:rgb(156, 179, 60);
}
div.footer b {
	color:rgb(156, 179, 60);
	font-weight:normal;
}

/* -- FOOTER - ENDE -------------------------------------------- */

/* -- SEITENAUFBAU - ENDE -------------------------------------- */
/*****************************************************************/

/* -- TEXT BEREICH - GENERELLE EINSTELLUNGEN - ANFANG ---------- */
#text img {
	position: relative;
	float: left;
	width: 200px;
	height: 200px;
	margin: 0px 10px 10px;
	background: transparent;
}
#text ul {
	float: left;
	margin: 0 0 0 0px;
	padding-left: 15px;
	list-style: square outside url(/resources/images/liste-square.png);
	white-space: inherit;
	width: 310px !important; /* im Firefox ist mehr Platz */
	width: 300px;
}
#text li {
	padding-bottom: 4px;
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* -- TEXT BEREICH - GENERELLE EINSTELLUNGEN - ENDE ------------ */

/* -- UNTERSEITEN - SPEZIELLE EINSTELLUNGEN - ANFANG ----------- */
/* -- Unterseiten werden ueber ID im BODY deklariert ----------- */

/* -- TOUR ANFANG -- */
.tour-img { /* Container fuer die Bilder links */
	float: left;
	border-right: 1px solid #B7B7B7;
	width: auto;
	margin-right: 10px;
}
.tour-img small { /* Bildunterschriften */
	display: block;
	margin: 2px 10px 0px;
	font: 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
}
body#tour #text img {
	float: none;
	margin: 0px;
	padding: 0px 10px;
	width: 200px;
	height: 200px;
	background: transparent;
}
body#tour #text ul {
	float: right;
	margin: 0px -10px !important; /* Damit der Firefox die Liste auch neben den Bilder darstellt! */
	margin: 0px 0px;
	padding: 0px 0px 15px 15px;
	list-style: square outside url(/resources/images/liste-square.png);
	white-space: normal;
}
body#tour #text p {
	margin-left: 10px;
}
body#tour #text div.k-tmb p {
	margin-left:10px;
}
/* -- TOUR ENDE -- */

/* -- TOURFOOTER (Graue Flaeche) ANFANG -- */
div.tourfooter {
	position: relative;
	float: left;
	width: 584px;
	margin: 15px -10px 0px;
	border-top: 1px solid #B7B7B7;
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #EDEBEB;
	margin-bottom:0px !important;
	margin-bottom:-5px;
}
div.tourfooter h2 {
	color: #303030;
	border-bottom: 0px;
	margin: 10px 0px;
	padding: 0px 10px;
}
div.tourfooter h3 {
	margin: 5px 10px 0px;
	padding: 0px;
}
/*
div.tourfooter a {
	font: normal 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: underline;
	color: #303030;
	background: none;
	padding-left: 10px;
	padding-right: 0px;
	border-bottom: none;
}
*/
div.tourfooter p { 
	padding-left:0px; 
	margin-left:0px; 
}
/* -- TOURFOOTER (Graue Flaeche) ENDE -- */

/* -- FORMULAR - ANFANG -- */
form {
	margin: 15px 0px 15px 10px;
}
fieldset {
	position: relative;
	border: 1px solid #B7B7B7;
	width: auto;
	padding: 0px 10px;
}
legend {
	padding: 0px 10px;
	font: bold 16px/20px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #303030;
}
legend.agb {
	padding: 0px 10px 10px;
	margin-bottom:-5px;
	font: bold 16px/20px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #303030;
}
p.agb {
	padding: 10px 0px 10px 0px;
}
label {
	display: block;
	width: 120px;
/*	text-align: right; */
	vertical-align: top;
	font: normal 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
label#terms-text {
	width: auto;
	vertical-align: middle;
	margin-left: 2px;
	display:inline;
}
fieldset {
	margin-left:10px;
}
fieldset input {
	width: 200px;
	vertical-align: top;
}
fieldset input#terms {
	float: left;
	width: auto;
	border: none;
	background: #FFFFFF;
	vertical-align: top;
	margin: 0px;
}
fieldset input#terms[id] {
	margin-top: 3px;
}
fieldset input.submit {
	width: 150px;
	float:right;
	border:0px;
}

fieldset .feedback {
	display: block;
	font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	min-height: 20px;
	color: #F7911B;
	margin-left: 10px;
	padding-left: 25px;
	padding-top: 2px;
	background: transparent url(/resources/images/error.gif) no-repeat top left;
	vertical-align: top;
	width:200px;
}
fieldset p {
	padding: 0px;
	margin: 5px 0px;
}
fieldset table {
	border: none;
	margin: 0px;
	width: 500px;
}
fieldset table th, fieldset table td {
	border: none;
	width: 20px;
}
fieldset input.checkbox {
	position: relative;
	display: inline;
	top: -3px !important;
	top: -11px;
	left: 3px;
	width: 14px;
	border:none;
	background:#fff;
}
fieldset span#feedback {
	display: block;
	position: relative;
	left: 10px;
	width:400px;
	font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F7911B;
	margin-top:0px;
	padding-left: 25px;
	padding-top: 3px;
	background: transparent url(/resources/images/ico-error.gif) no-repeat bottom left;
}
/* -- FORMULAR FIELDSET TEST - ANFANG -- */
.test {
	margin-top:15px;
}

.test form {
	margin: 15px 0px 15px 10px;
}
.test fieldset {
	position: relative;
	padding-top:30px !important;
	padding-top:0px;
	margin-bottom:20px !important;
	margin-bottom:15px;
	margin: 20px 0px 0px 10px;
	border: 1px solid #B7B7B7;
	width: auto;
}
.test legend {
	padding: 0px 10px;
	font: bold 16px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #303030;
	padding-bottom:0px !important;
	padding-bottom:5px;
	margin-bottom:0px !important;
	margin-bottom:20px;
}
.test fieldset p {
	padding: 0px;
	margin: 10px 0px;
}
.test p small {
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top:-15px;
	padding-bottom: 20px;
	color: #909090;
	/* FIXME: IE shows a border if we use display:block here :( */
	display:block !important;
	display:inline; 
}
.test fieldset label {
	display: block;
	float: left;
	width: 70px !important;
	width: 70px;
	margin-top: -1em;
}
.test fieldset input {
	position: relative;
	display: block;
	top: -1.2em;
	left: 80px !important;
	left: 60px;
	width: 200px;
}
.test fieldset select {
	position: relative;
	display: block;
	top: -1.2em;
	left: 80px !important;
	left: 60px;
	width: 210px;
}
.test fieldset .feedback {
	display: inline;
	position: absolute;
	left: 300px !important;
	left: 360px;
	width:175px !important;
	width:150px;
	height: 20px;
	font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F7911B;
	padding-left: 25px;
	padding-top: 2px;
	background: transparent url(/resources/images/ico-error.gif) no-repeat top left;
}
.test #fso_comment { 
	width:497px !important;
	width:497px;
	height:100px;
	margin-left:0px !important;
	margin-left:0px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}
.test #fso_comment:hover { border: 2px solid #F7911B; }
.test fieldset select#fso_source {
	left:0px !important;
	left:0px;
}


/* -- FORMULAR FIELDSET basicAccount - ANFANG -- */
.basicAccount form {
	margin: 15px 0px 15px 10px;
}
.basicAccount fieldset {
	position: relative;
	padding-top:30px !important;
	padding-top:0px;
	margin: 20px 0px 0px 10px;
	margin-bottom:20px !important;
	margin-bottom:15px;
	border: 1px solid #B7B7B7;
	width: auto;
}
.basicAccount legend {
	padding: 0px 10px;
	font: bold 16px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #303030;
	padding-bottom:0px !important;
	padding-bottom:5px;
	margin-bottom:0px !important;
	margin-bottom:20px;
}
.basicAccount fieldset p {
	padding: 0px;
	margin: 10px 0px;
}
.basicAccount fieldset p small {
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top:-15px;
	/* padding-bottom: 20px; */
	color: #909090;
	display:block !important;
	display:inline;
}
.basicAccount fieldset label {
	display: block;
	float: left;
	width: 80px;
	margin-top: -1em;
}
.basicAccount fieldset input {
	position: relative;
	display: block;
	top: -1.2em;
	left: 100px !important;
	left: 40px;
	width: 200px;
}
.basicAccount fieldset select {
	position: relative;
	display: block;
	top: -1.2em;
	left: 100px !important;
	left: 40px;
	width: 210px;
}
.basicAccount fieldset select#fso_source {
	left:0px !important;
	left:0px;
}
.basicAccount fieldset .feedback {
	display: inline;
	position: absolute;
	left: 325px !important;
	left: 360px;
	width:150px;
	height: 20px;
	font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F7911B;
	padding-left: 25px;
	padding-top: 2px;
	background: transparent url(/resources/images/ico-error.gif) no-repeat top left;
}

.basicAccount #fso_comment { 
	width:497px !important;
	width:497px;
	height:100px;
	margin-left:0px !important;
	margin-left:0px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}
.basicAccount #fso_comment:hover { border: 2px solid #F7911B; }

/* -- FORMULAR FIELDSET professionalAccount - ANFANG -- */
.basicAccount form {
	margin: 15px 0px 15px 10px;
}
.professionalAccount fieldset {
	position: relative;
	padding-top:30px !important;
	padding-top:0px;
	margin: 20px 0px 0px 10px;
	margin-bottom:20px !important;
	margin-bottom:15px;
	border: 1px solid #B7B7B7;
	width: auto;
}
.professionalAccount legend {
	padding: 0px 10px;
	font: bold 16px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #303030;
	padding-bottom:0px !important;
	padding-bottom:5px;
	margin-bottom:0px !important;
	margin-bottom:20px;
}
.professionalAccount fieldset p {
	padding: 0px;
	margin: 10px 0px;
}
.professionalAccount fieldset p small {
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-top:-15px;
	/* padding-bottom: 20px; */
	color: #909090;
	display:block !important;
	display:inline;
}
.professionalAccount fieldset label {
	display: block;
	float: left;
	width: 80px;
	margin-top: -1em;
}
.professionalAccount fieldset input {
	position: relative;
	display: block;
	top: -1.2em;
	left: 100px !important;
	left: 40px;
	width: 200px;
}
.professionalAccount fieldset select {
	position: relative;
	display: block;
	top: -1.2em;
	left: 100px !important;
	left: 40px;
	width: 210px;
}
.professionalAccount fieldset select#fso_source {
	left:0px !important;
	left:0px;
}

.professionalAccount fieldset .feedback {
	display: inline;
	position: absolute;
	left: 325px !important;
	left: 360px;
	width:150px;
	height: 20px;
	font: bold 12px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #F7911B;
	padding-left: 25px;
	padding-top: 2px;
	background: transparent url(/resources/images/ico-error.gif) no-repeat top left;
}

.professionalAccount #fso_comment { 
	width:497px !important;
	width:497px;
	height:100px;
	margin-left:0px !important;
	margin-left:0px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}

.professionalAccount #fso_comment:hover { border: 2px solid #F7911B; }

/* -- FAQ - ANFANG -- */
body#faq #text h3 {
	margin: 15px 10px 5px;
}
/* -- FAQ - ENDE -- */

/* -- PREISE - ANFANG -- */
body#preis table {
	margin: 0px 0px 10px 10px;
	width: auto;
	border-spacing: 0px;
	border-collapse: collapse;
	padding: 0px;
	table-layout: auto;
	empty-cells: hide;
}
body#preis th {
	width: 89px !important;
	width: 90px;
	height: 81px;
	text-align: center;
	vertical-align: bottom;
	background: #DFDFDF url(/resources/images/preis-tab-header-grau.png) no-repeat top left;
	padding: 0px;
	margin: 0px;
	color: #303030;
	white-space:nowrap;
}
body#preis .beschreibung {
	margin: 0px;
	padding: 0px;
	width: 185px;
	vertical-align: middle;
	color: #303030;
}
body#preis th.beschreibung {
	text-align: left;
	background: transparent;
	font: bold 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
body#preis td.subheadline {
	font: bold 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	background-color:#9cba24;
	color:white;
	border-right:0px;
}
body#preis td.subheadline2 {
	font: normal 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
	border-right:0px;
}
body#preis td.beschreibung {
	text-align: right;
	font: normal 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	white-space: nowrap;
}
body#preis #text td.beschreibung img {
	float: none;
	width: 14px;
	height: 14px;
	margin: 0px 5px 0px 3px;
	vertical-align: middle;
	background: transparent;
}
body#preis th.free {
	background: #C4DB64 url(/resources/images/preis-tab-header-gruen.png) no-repeat top left;
}
body#preis td {
	text-align: center;
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
	border-right: 1px solid #B7B7B7;
	padding: 5px 3px;
	font: normal 12px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #303030;
	vertical-align: middle;
	white-space: nowrap;
}
body#preis td.free {
	background: #FFFFFF;
}
body#preis #text td img {
	float: none;
	width: 17px;
	height: 16px;
	margin: 0px;
	vertical-align: middle;
	background: transparent;
}
body#preis tfoot td {
	border-bottom: none;
	padding: 0px 5px;
	text-align: center;
}
body#preis th h4 {
	font: bold 14px/20px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #FFFFFF;
	padding: 5px 0px 2px;
	margin: 0px;
}
body#preis th h5 {
	padding: 0px;
	margin: 0px;
	font: bold 26px/30px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
body#preis th h5 sup {
	padding: 0px;
	margin: 0px;
	vertical-align: text-top;
	font: bold 18px/20px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
body#preis th h6 {
	padding: 2px 5px 2px;
	margin: 0px;
	font: bold 14px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
}
body#preis th h6.first {
	padding: 2px 5px 2px;
	margin: 0px;
	font: bold 14px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border-left:1px solid #999999;
}
body#preis td a {
/*	background: #FFFFFF; Background muss draussen bleiben, damit Tooltips funktionieren! Deshalb hier leider Hintergrund bei den Links in der Tabelle... :( */
	color: #303030;
}
body#preis tfoot a.btn-left {
	position: relative;
	display: block;
	float: none;
	width: 60px;
	margin: 10px auto 0px;
	padding: 2px 4px;
	background: #F7911B;
	border: 1px solid #F7911B;
	font: bold 12px/20px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	white-space: normal;
}

body#preis p i {
	font: italic 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* -- PREISE - ENDE -- */

/* -- TOOLTIP - ANFANG -- */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active {
	position: relative;
	text-decoration: none;
	font-style: italic;
	color: #0000ff;
  	padding: 0;
	border: none;
	white-space: normal;
	z-index:100;
}
a.tooltip[class], a.tooltip[class]:link, a.tooltip[class]:visited { /* IE Hack, damit der Tooltip auch im Firefox angezeigt wird */
	background: transparent;
}
a.tooltip:hover {
	color: #0000ff;
	background: transparent;
}
a.tooltip img {
	border: none;
}
a.tooltip span {
	display: none;
	text-decoration: none;
}
a.tooltip:hover span {
	display: block;
	position: absolute;
	top: 20px;
	left: 20px;
	width:227px;
	/* z-index: 100; */
	border: 1px solid #B7B7B7;
	background:#EDEBEB;
	font: normal 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #303030;
	padding: 5px;
}
/* -- TOOLTIP - ENDE -- */

/* -- UNTERSEITEN - SPEZIELLE EINSTELLUNGEN - ENDE ------------- */

/* -- KOMPONENTEN - ANFANG ------------------------------------- */
/* -- Komponenten Container ANFANG ----------------------------- */
.k-tmb { /* Komponente Formatierter Text */
	position: relative;
	width: 100%;
}
.k-cb { /* Komponente Callback */
	position: relative;
	width: 100%;
}
.k-directions { /* Komponente Tour Prefooter */
	position: relative;
	width: 100%;
	margin: 30px 0px 5px 0px;
}
.k-flash { /* Komponente Flash */
	position: relative;
	width: 100%;
}
.k-hdl { /* Komponente Headline */
	position: relative;
	width: 100%;
}
/* -- Komponenten Container ENDE ------------------------------- */

/* -- Callback Anfang ------------------------------------------ */
.k-cb form {
	margin: 0 0 0 10px;
	padding: 0;
}

.k-cb form input.submit {
	margin-right:10px !important;
	margin-right:6px;
	border:0px;
	width:150px; 
}
.k-cb form input { 
	width:200px; 
}

.k-cb p.error {
	clear:right;
	display:block;
	font-size:10px;
	color: #F7911B;
}	
	
div.spacer {
	height:30px !important; 
	height:0px;
	display:block !important;
	display:none;
}
input {
	display: block;
	padding: 3px;
	margin: 10px 0px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}
input:focus,input:hover {
	border: 2px solid #F7911B;
}
.submit {
	float: right;
	margin: 10px 0px;
	padding: 0px;
	background: #F7911B;
	border: 1px solid #F7911B;
	font: bold 14px/20px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	cursor: pointer;
	width:150px; 
}
.submit[class] { /* Damits im Firefox besser aussieht */
	margin: 0px 0px 15px;
	padding: 3px 6px;
}
.k-cb form label, .k-cb form br {
	display: none;
}
/* -- Callback Ende -------------------------------------------- */

/* -- Portlet Anfang --------------------------------------- */
div#portlet {
	font: normal 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px 0px 0px 10px;
	margin: 0px;
}
div#portlet big {
	float: left;
	padding: 0px;
	font: bold 0px/0px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: transparent url(/resources/images/quotation.png) no-repeat scroll top left;
	width: 50px;
	height: 40px;
	margin: 0px 5px 0px 0px;
	text-indent: -10000px;
}
div#portlet blockquote {
	display: block;
	padding: 0px;
	margin: 5px 10px 0px 0px;
	font: italic 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
div#portlet span.rechts {
	display: block;
	text-align: right;
	padding: 0px;
	margin: 5px 10px 0px 0px;
}
div#portlet hr {
	margin-left:0px;
}
div#portlet p {
	margin:0px 10px 0px 0px;
	padding:0px;
}
div#portlet h3 {
	margin:0px 10px 10px 0px;
}
/* -- Portlet Ende ----------------------------------------- */

/* -- KOMPONENTEN - ENDE --------------------------------------- */

/* Links als Buttons stylen ANFANG */
a.btn-right, a.btn-left, #text a.btn-right, #text a.btn-left {
	position: relative;
	margin: 10px 0px 5px 0px;
	padding: 2px 10px;
	background: #F7911B;
	border: 1px solid #F7911B;
	font: bold 14px/20px Helvetica, Arial, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}
a.btn-right {
	float: right;
}
a.btn-left {
	float: left;
}
body#tour #text a.btn-right {
	padding-right: 16px;
	background: #F7911B url(/resources/images/btn-pfeilrechts.gif) no-repeat scroll center right;
}
body#tour #text a.btn-left {
	padding-left: 16px;
	background: #F7911B url(/resources/images/btn-pfeillinks.gif) no-repeat scroll center left;
}
body#tour div.k-tmb {
	display:block;
	width:100% !important;
	width:301px;
}
body#tour div.k-tmb p {
	width:530px !important;
	width:301px;
	display:block;
	padding:0px;
}
body#tour div.k-tmb ul { 
	width:310px !important;
	width:280px;
}
#text .k-directions a.btn-left {
	margin: 10px 10px 5px 10px;
}
/* Links als Buttons stylen ENDE */


/* -- SONSTIGES ------------------------------------------------ */
h2 { /* Content Header */
	margin: 15px 0px;
	margin-left:-10px !important;
	margin-left:-40px;
	padding: 0px 10px;
	padding-left:20px !important;
	padding-left:50px;
	font: bold 18px/22px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	border-bottom: 2px solid #9CB33C;
}
h3 { /* Content Subheader, RechteSpalte Header */
	font: bold 16px/18px 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
	margin: 15px 10px;
	padding: 0px;
}
p {
	font: 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px 8px 10px 10px; /* Rechts nur 8px, damit in der rechten Spalte der Text nicht umgebrochen wird bei Standardeinstellungen. ;) */
}
p small {
	font: 10px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding: 0px;
	margin-bottom: 10px;
	color: #909090;
}
#rechtespalte p {
	padding: 0px 8px 0px 10px;
}
b { font-weight: bold; }
i { font-style: italic; }
hr {
	margin: 10px 10px;
	margin-top:10px !important;
	margin-top:0px;
	padding: 0px;
	height: 1px;
	color: #B7B7B7;
	background-color: #B7B7B7;
	border: none;
}
#rechtespalte hr {
	clear: both;
}
.clear { clear: both; }
.left {
	float: left;
	margin-right: 40px;
}
.right { float: right; }
a {
	font: normal 13px/20px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	/* background-color: #FEF6ED; */
	border-bottom: 1px dotted #667330;
	padding: 0px 3px;
}
a:link {
	color: #303030;
}
a:visited {
	color: #303030;
}
a:hover, a:active, a.top:hover {
	background-color: #FFE8CF;
}

a.hidden, a.hidden:hover, a.hidden:visited {
	background:white;
	border:0;
}
a.top {
	background:#fff;
	font: normal 9px/11px Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#rechtespalte a {
	font: normal 12px/14px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #303030;
	background-color:#fff;
}


#rechtespalte a:hover {
	background-color:#FEF6ED;
}

/* ----------------------- Styles for the testimonial "portlet" ------------------------------------ */

.bcShow { display:block; }

.bcHide { display:none; }

/* ----------------------- Styles for the Free SignOn page ----------------------------------------- */

.fso_error { color:red; }

select {
	display: block;
	padding: 3px;
	margin: 10px 0px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}

select:focus,select:hover {
	border: 2px solid #F7911B;
}

/* ----------------------- Styles for the Basic SignOn page ----------------------------------------- */

#fso_comment { 
	width:350px !important;
	width:325px;
	height:100px;
	margin-left:20px !important;
	margin-left:60px;
	background: #FFFFFF url(/resources/images/form-input-bg.png) repeat-x scroll top left;
	border: 2px solid #303030;
}
#fso_comment:hover { border: 2px solid #F7911B; }