.warnung
{
	width:500px; 
	border:dashed 2px #DD0000; 
	background:#FDD; 
	padding:6px
}

.formular
{	
	font-size:18px;
	font-family:courier new
}

.preis
{	
	font-weight:bold;
	font-size:11px;
	color:black;
}

.rand
{
	border:solid 1px #CCC;
	background:#F0F0F0;
}

a.info
{
    position:relative; /*this is the key*/
    z-index:24; 
    color:#000;
    text-decoration:none
}

a.info:hover {z-index:25;text-decoration:none}
a.info span{display: none}

a.info:hover span{ 
/*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:12px; left:-10px; 
	min-width:90px;
	width:auto;
    border:1px solid #000;
    background-color:#FFF; 
	color:#000;
	padding:4px;
    text-align: center;
	font-size:15px
}

body 
{
	height:100%;
	background:#c7ad8a;
	margin-top:0px;
	font-family: Arial;
}

.stoffe
{
	color:#888;
	text-decoration:underline;
	font-weight:bold; 
	font-size:15px;
	margin-top:10px; 
	margin-bottom:12px;
}


.weiter
{
	background-color:#0A0; 
	color:#FFFFFF; 
	font-size:14px; 
	text-align:center; 
	font-weight:bold;
}


.knopf
{
	background-color:#D41; 
	color:#FFFFFF; 
	font-size:14px; 
	text-align:center; 
	font-weight:bold;
}

.attribut_ueberschrift
{
	font-size:18px;
}

.jo_menu a,
.jo_menu_aktiv a
{	
	display:block;
	color:darkblue;
}

.klein
{	
	font-size:11px;
}

.jo_menu
{
	text-align:left; 
	font-family:Arial;
	font-size:14px;
	background:#FFE991;
	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;
}

.jo_menu_aktiv
{
	text-align:left; 
	font-family:Arial;
	font-size:14px;
	background:#FFB010;
	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;
}

tr.jo_menu:hover
{
	background:#FFCC00;
}


/* **************************** */
.info_table {
	border: 0;
	width: 480px;
}
.info_tr_top {
	background-color: #D4D4D4;
	height: 40px;
}
.info_td_left_top {
	width: 15px;
	background: url("images/info_images/info_td_left_top_bg.png") top left no-repeat;
}
.info_td_center_top {
	width: 450px;
}
.info_td_right_top {
	width: 15px;
	background: url("images/info_images/info_td_right_top_bg.png") top right no-repeat;
}
.info_tr_menue {
	background-color: #ffcf0c;
	height: 25px;
}
.info_td_left_menue {
	width: 15px;
	border-left: 1px solid #D4D4D4;
	background: url("images/info_images/info_tr_menue_bg.png") bottom repeat-x;
}
.info_td_center_menue {
	width: 450px;
	background: url("images/info_images/info_tr_menue_bg.png") bottom repeat-x;
	font: 11px/16px Verdana, Arial, SunSans-Regular, Sans-Serif;
	color: #000;
	font-weight: bold;
}
.info_td_center_menue a {
	text-decoration: none;
	color: darkblue;
}

.info_td_center_menue a:hover {
	color: #b40000;
}
.info_td_right_menue {
	width: 15px;
	border-right: 1px solid #D4D4D4;
	background: url("images/info_images/info_tr_menue_bg.png") bottom repeat-x;
}
.info_tr_menue_bottom {
	width: 480px;
	height: 5px;
	background-color: #D4D4D4;
}
.info_td_left_content {
	width: 15px;
	border-left: 1px solid #D4D4D4;
}
.info_td_center_content {
	width: 450px;
	font-size: 12px;
	height: 16px;
	line-height: 16px;
	text-align: justify;
}
.info_td_right_content {
	width: 15px;
	border-right: 1px solid #D4D4D4;
}
.info_tr_bottom {
	background-color: #D4D4D4;
	height: 15px;
}
.info_td_left_bottom {
	width: 15px;
	background: url("images/info_images/info_td_left_bottom_bg.png") bottom left no-repeat;
}
.info_td_center_bottom {
	width: 450px;
}
.info_td_right_bottom {
	width: 15px;
	background: url("images/info_images/info_td_right_bottom_bg.png") bottom right no-repeat;
}

.info_h1 {
	font: 14px/20px Verdana, Arial, SunSans-Regular, Sans-Serif;
	height: 20px;
	line-height: 20px;
	padding: 0;
	margin: 0;
	color: #000;
	font-weight: bold;
}
.info_h2 {
	font: 11px/20px Verdana, Arial, SunSans-Regular, Sans-Serif;
	height: 20px;
	width: 100%;
	line-height: 20px;
	padding: 0;
	margin: 10px 0 5px 0;
	color: #000;
	font-weight: bold;
	background: url("images/info_images/info_h2_bg.gif") bottom repeat-x;
}

.pullUp { 
	margin: 0 0 10px 0;
	padding: 0;
	list-style: none; 
	width: 450px;
}
.pullUp h3 {
	color: #b40000;
	font-size: 11px;
	font-weight: bold;
	cursor:pointer;
	margin: 5px 0;
	padding: 0;
}
.pullUp .mehr_info_content{
	clear: both;
	display: none;
	height: 1%;
}

.info_div_img_border {
	width: 112px;
	height: 112px;
	border: 1px solid #D4D4D4;
}
.info_img_border 
{
	border: 1px solid #fff;
	width: 110px;
	height:110px
}

.c { clear: both; }

.info_dot_line {
    width: 100%;
    height: 1px;
    line-height: 1px;
    padding: 0;
    margin: 5px 0;
    background: url("images/info_images/info_h2_bg.gif") bottom repeat-x;
}
/* **************************** */

a:link	{text-decoration: none}
a:visited{text-decoration: none}
a:hover 	{text-decoration: underline}


a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active 
{
	position: relative;
	text-decoration: none;
}

a.tooltip:hover 
{
	background: transparent;
	z-index: 10;
}

a.tooltip span 
{
	display: none;
	text-decoration: none;
}

a.tooltip:hover span 
{
	display: block;
	/*position: relative;*/
	position: absolute;
	top: -30px;
	left: -200px;
	width: 230px;
	z-index: 200;
	color: #000000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 4px solid #4dbcf3;
	padding: 2px 5px 2px 5px;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: Normal;
	text-align: left;
}

#all 
{
  margin:0px;
  padding:0px;
  background-color:#c7ad8a;
  color:#ffffff;
  z-index:1;
  text-align:left;
}
/*
Um eine flexible Höhe für moderne Browser sicherzustellen, wird die Conatinerhöhe auf "auto" (automatisch) in Verbindung mit !important gesetzt; der Zusatz !important verleiht einem Wert eine besondere Gewichtung, wenn er dahinter notiert wird und wird dadurch von Browsern bevorzugt. Hier wird ausgenutzt, dass der IE !important nur fehlerhaft umgesetzt.
*/

#mainpage
{
	background-color:#FFF;
	background-image:url(/images/sv_hintergrund.png);
	background-repeat:repeat-y;

  width:1000px;
  color:#000000;  
}

#header
{
	width:1000px;
	background:#ff0000;
	color:#000000;
	z-index:1; 
}

#content_menu
{
	padding-bottom:20px;
  float:left;
  width:220px;
  color:#000000;
  z-index:1;
}

.content_inhalt
{
	float:left;
	width:780px;
	color:#000000;
	z-index:1;
}

#startpics
{
  float:left;
  height:auto;
}

#cleaner
{
  clear:both;
}

.footer
{
	padding-top:2px;
	padding-bottom:2px;
	font-size:11px;
	width:1000px;
	background-color:#FFCC00;
	color:#000000;  
}

/* **************************** */

a.ptooltip,
a.ptooltip:link,
a.ptooltip:visited,
a.ptooltip:active 
{
	position: relative;
	text-decoration: none;
	border-bottom: 0px dotted #4dbcf3;
}

a.ptooltip:hover 
{
	background: transparent;
	z-index: 10;
}

a.ptooltip span 
{
	display: none;
	text-decoration: none;
}

a.ptooltip:hover span 
{
	display: block;
	/*position: relative;*/
	position: absolute;
	top: -30px;
	left: -250px;
	width: 230px;
	z-index: 200;
	color: #000000;
	border: 1px solid;
	border-color: #FFFFFF #D5D7DB #D5D7DB #FFFFFF;
	border-left: 4px solid #D41; 
	padding: 2px 5px 2px 5px;
	background: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-style: Normal;
	text-align: left;
}

/* ************************* */

#menu_aktiv
{
	text-align:left;
	font:16px verdana, sans-serif;
	color:#000000;
	background:#ffe991;
	padding:5px 5px 5px 5px;
	margin:0px;
	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;
	width:200px;
	/*height:30px;*/
	font-weight:bold;
	text-decoration: none;
	vertical-align:middle;
}

#menu a
{
/* Jo: überarbeitet */
	text-align:left;
	color:DARKBLUE;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	margin:0px 0 0px 0;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	background:#ffe991;
	display:block;
	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;

	vertical-align:middle;
}

#menu a:hover
{
	text-align:left;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	background:#ffcc00;

	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;
	text-decoration: none;
	vertical-align:middle;
	padding:5px 5px 5px 5px;
	margin:0px 0 0px 0;
}

#untermenu a
{
	text-align:left;
	font-family:Arial;
	font-weight:bold;
	color:#000000;
	font:11px verdana, sans-serif;
	margin:5px;
	padding:5px 5px 5px 5px;
	text-decoration:none;
	background:#ffe991;
	display:block;
	border-top:1px solid #ffffff;
	border-right:0px solid #ffffff;
	border-bottom:1px solid #ffffff;
	border-left:0px solid #ffffff;
	width:195px;
	height:30px;
	text-decoration: none;
	vertical-align:middle;
}
/* **************************** */