a {
  text-decoration: none;
  color: #c00;
}
a:link {
  text-decoration: none;
  color: #c00;
}
a:hover {
  text-decoration: underline;
  color: #c00;
}
a:active {
  text-decoration: none;
  color: #c00;
}
a.rm, a.rm:link, a.rm:hover, a.rm:active, a.rm:visited {
  display: block;
  height: 1%;
  padding: 4px 0px 4px 16px;
  background: url('../bilder/bullet_orange.gif') no-repeat top left;
  text-decoration: none;
  color: #000;
}
a.rm:hover {
  display: block;
  height: 1%;
  color: #005da8;
  text-decoration: none;
  background-color: #e9edf6; /*#d3dbed;*/
}
a.rm_on, a.rm_on:link, a.rm_on:hover, a.rm_on:active, a.rm_on:visited {
  display: block;
  height: 1%;
  padding: 4px 0px 4px 16px;
  background: url('../bilder/bullet_orange.gif') no-repeat top left;
  text-decoration: none;
  background-color: #d3dbed;
  color: #005da8;
}
a.rm_on:hover {
  display: block;
  height: 1%;
  color: #005da8;
  text-decoration: none;
  background-color: #e9edf6;
}
a.sm, a.sm:link, a.sm:hover, a.sm:active, a.sm:visited {
  display: block;
  height: 1%;
  padding: 4px 0px 4px 36px;
  text-decoration: none;
  color: #000;
}
a.sm:hover {
  display: block;
  height: 1%;
  color: #005da8;
  text-decoration: none;
  background-color: #e9edf6;
}
a.sm_on, a.sm_on:link, a.sm_on:hover, a.sm_on:active, a.sm_on:visited {
  display: block;
  height: 1%;
  padding: 4px 0px 4px 36px;
  text-decoration: none;
  background-color: #d3dbed;
  color: #005da8;
}
a.sm_on:hover {
  display: block;
  height: 1%;
  color: #005da8;
  text-decoration: none;
  background-color: #e9edf6;
}
.baum_l {
  background: url('../bilder/baum_l.gif') no-repeat 16px center;
}
.baum_t {
  background: url('../bilder/baum_t.gif') no-repeat 16px center;
}
form {
  margin: 0px;
  padding: 0px;
}
img {
  border: none;
}
.text11 {
  font: 11px/15px Arial, Helvetica, sans-serif;
  color: #444;
}
.text17 {
  font: 17px/25px Arial, Helvetica, sans-serif;
  color: #444;
}
h1 {
  font: italic 19px/26px Arial, Helvetica, sans-serif;
  color: #005da8;
  margin: 0px 0px 12px 0px;
}
h2 {
  font: 18px/24px Arial, Helvetica, sans-serif;
  color: black;
  margin: 0px 0px 9px 0px;
}
h3 {
  font: bold 16px/22px Arial, Helvetica, sans-serif;
  color: black;
  margin: 0px 0px 9px 0px;
}
h4 {
  font: bold 14px/19px Arial, Helvetica, sans-serif;
  color: #444;
  margin: 0px 0px 6px 0px;
}
h5, h6 {
  font: 13px/19px Arial, Helvetica, sans-serif;
  color: black;
  margin: 0px 0px 6px 0px;
}
p {
  font: 13px/20px Arial, Helvetica, sans-serif;
  margin: 9px 0 9px 0;
  color: #444;
}
p a, #center_content p a, #center_content ul li a, h4.bullet {
  padding-left: 16px;
  background: url('../bilder/bullet_orange.gif') no-repeat left 5px;
}
a.bullet {

}
h4.bullet {
  margin-top: 12px;
  margin-bottom: 0px;
}
p.bullet {
  margin-top: 0px;
  margin-bottom: 12px;
}
#center_content ul, #center_content ol {
  margin: 9px 0px 9px 24px;
  padding: 0px;
}
#center_content ul li, #center_content ol li {
  font: 13px/20px Arial, Helvetica, sans-serif;
  color: #444;
}

.flRight {
  float: right;
  margin-left: 18px;
	font: 1px/0px serif;
}
.flLeft {
  float: left;
  margin-right: 18px;
	font: 1px/0px serif;
}
.clearall {
  clear: both;
}
.l { text-align: left ! important; }
.r { text-align: right ! important; }
.c { text-align: center ! important; }

.rot { color: #c00; }

.hinweis {
  border: 1px solid #c00;
  color: #c00;
  padding: 7px;
  font-weight: bold;
}

hr {
  clear: both;
  height: 1px;
  border: none;
  border-bottom: 1px solid #d3d9de;
}

.mb12 { margin-bottom: 12px ! important; }
.mb24 { margin-bottom: 24px ! important; }

.p0 { padding: 0px ! important; }

.w80 { width: 80px ! important; }

strong.flat {
  font-weight: normal;
}

/* HEADER */

#header_subline {
  position: absolute;
  bottom: -30px;
  left: 0px;
  width: 695px;
  height: 20px;
  font: 15px/15px Arial, Helvetica, sans-serif;
  color: #000;
  text-align: right;
}

/* ENDE HEADER */

/* RIGHT MENÜ */
ul.rightmenu {
  list-style-type: none;
  margin-top: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid #ccc;
}
ul.rightmenu li {
  font: 13px/19px Arial, Helvetica, sans-serif;
  border-top: 1px solid #ccc;
  width: 190px;
}
ul.submenu {
  list-style-type: none;
}
ul.submenu li {
  font: 13px/19px Arial, Helvetica, sans-serif;
  border: none;
}
/* ENDE RIGHT MENÜ */

/* NAVI STARTSEITE */

#circle_navi {
  position: absolute;
  top: 45px;
  left: 0px;
  width: 350px;
  height: 300px;
}
#menu_willkommen {
  position: absolute;
  top: 27px;
  left: 190px;
}
#menu_tipps {
  position: absolute;
  top: 72px;
  left: 220px;
}
#menu_sehen {
  position: absolute;
  top: 122px;
  left: 228px;
}
#menu_methoden {
  position: absolute;
  top: 170px;
  left: 216px;
}
#menu_lachen {
  position: absolute;
  top: 218px;
  left: 178px;
}
#menu_shop {
  position: absolute;
  top: 262px;
  left: 128px;
}

/* ENDE NAVI STARTSEITE */

/* INTRO STARTSEITE */

#intro {
  position: absolute;
  left: 350px;
  top: 70px;
  width: 330px;
  height: 580px;
  border-left: 1px solid #999;
}
#intro_inner {
  padding: 0px 16px 32px 20px;
}
.boxleft330 {
  width: 330px;
  background: #fef6ea url('../bilder/box330_left_bg.gif') no-repeat top left;
}
.boxecken330_o {
  width: 330px;
  background: url('../bilder/box330_ecken_o.gif') no-repeat top left;
}
.boxecken330_u {
  width: 330px;
  background: url('../bilder/box330_ecken_u.gif') no-repeat bottom left;
}
.boxleft200 {
  width: 200px;
  background: #fef6ea url('../bilder/box330_left_bg.gif') no-repeat top left;
}
.boxleft200_plain {
  width: 200px;
  background-color: #fef6ea;
}
.boxecken200_o {
  width: 200px;
  background: url('../bilder/box200_ecken_o.gif') no-repeat top left;
}
.boxecken200_u {
  width: 200px;
  background: url('../bilder/box200_ecken_u.gif') no-repeat bottom left;
}
.spruch17 {
  padding: 12px;
  text-align: center;
  font: italic 17px/23px Georgia, "Times New Roman", serif;
  color: #9d0c15;
}
.spruch15 {
  padding: 12px;
  font: 13px/20px Arial, Helvetica, sans-serif;
  text-align: center;
  color: #9d0c15;
}
.spruch17 p, .spruch15 p {
  color: #9d0c15;
}
#spruch1 {
  position: absolute;
  top: 380px;
  left: 0px;
}
/* ENDE INTRO STARTSEITE */

/* CONTENT_CENTER */

.content_left_200 {
  width: 200px;
  float: left;
  margin-right: 30px;
}
.content_right_400 {
  width: 400px;
  float: left;
  padding-left: 30px;
  border-left: 1px solid #999;
}
.zwinkern {
  margin-bottom: 24px;
  margin-top: 0px;
}
/* ENDE CONTENT_CENTER */

/* SHOP */

td {
  border-top: 1px solid #444;
  padding: 2px;
}
td.vorschau {
  line-height: 0px;
  vertical-align: top;
}

/* ENDE SHOP */

.box_grau {
  background-color: #ddd;
  padding: 3px 12px 3px 12px;
}
.box_gelb {
  background-color: #fef6ea;
  padding: 3px 12px 3px 12px;
}
.box_blau {
  background-color: #e9edf6;
  padding: 3px 12px 3px 12px;
}
.linie {
  border-bottom: 1px solid #444;
}
.marker {
  font-weight: bold;
  color: #005da8;
}
.underline {
  font-weight: normal;
  color: #444;
}

/* OPTISCHE TAEUSCHUNGEN */

.w900 {
  width: 900px ! important;
  margin-right: 0px ! important;
}
.pr0 {
  padding-right: 0px ! important;
}
.pt40 {
  padding-top: 40px ! important;
}

/* ENDE OPTISCHE TAEUSCHUNGEN */


/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
  font: 13px/20px Arial, Helvetica, sans-serif;
  color: #444;
}


label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor: pointer;
}



.formgen form
{
width: 400px;
}


/*
Wie sehen die einzelnen Blöcke aus?
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 6px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 0px;
	padding-left: 0px;
}


/*
Verhalten von br-Tags
*/
.formgen br
{
clear: both;
}


/*
--------- FORMULAR-OBJEKTE ------------
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 400px;
	height: 250px;
	margin-left: 0px;
	border: 1px solid #999;
}


/* Textfeld */
.formgen .formtext
{
  width: 240px;
	background-color: #fff;
	margin-left: 4px;
	border: 1px solid #999;
}
/* Trennelement , Abstand */
.formgen .formtrenn
{
	display: block;
	height: 1px;
	border-bottom: 1px solid #999;
	margin-top: 11px;
	margin-bottom: 12px;
}
/* Hinweistext */
.formgen .formhinweis
{
	font-weight: bold;
	color: #375194;
}
/* Überschrift */
.formgen .formheadline
{
	font-weight: bold;
}

/* Passwortfeld */
.formgen .formpassword
{
	width: 200px;
	background-color: #CCCCCC;
	margin-left: 4px;
}
/*Captcha-Bild*/
.formgen .formcaptcha {
	border: 1px solid #990000;
}

/* Label */
.formgen label {
font: 13px/20px Arial, Helvetica, sans-serif;
width: 120px;
clear: left;
float: left;
height: 20px;
padding: 0px;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 240px;
	background-color: #fff;
	margin-left: 4px;
	border: 1px solid #999;
}


/* Sende-Button */
.formgen .formsubmit
{
	border: 1px solid #999;
}


/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset {
width: 530px;
padding-top: 10px;
padding-right: 0px;
padding-bottom: 10px;
padding-left: 0px;
margin-bottom: 12px;
border: none;
/*background-color: #d9dfe3;*/
}


/* Fieldsetbeschriftung */
.formgen legend {
  display: none;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Fehlermeldung nach Versand */

.forminfo {
	color: #FF0000;
	margin-bottom: 6px;
	font-weight: bold;
	width: 510px;
}


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	color: #FF0000;
	font-weight: bold;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */