/* CSS Document */

/* TABELLE _________________________________________________________________________________________ */

table.table_style  
{
  border-collapse: collapse; 
  margin: 0; 
  width: 580px;
  border: 1px solid #339933; 
  border-right: none;
}
table.table_style thead 
{
  border-bottom: 1px solid #339933; 
}
table.table_style thead th
{
  text-align:left; 
  padding:10px 0px 10px 10px; 
  border-right: 1px solid #339933;
  background-color:#58AB27;
  color:#FFFFFF;
  font-weight:normal;
  
}

table.table_style  td 
{ 
  padding: 0 10px 0 10px;
  line-height: 120%; 
  vertical-align: middle; 
  background: #f7f7f7; 
  border-right: 1px solid #339933;
  border-bottom: 1px solid #339933;
}
table.table_style  td a 
{ 
  display: block; 
  padding: 0 0; 
}
table.table_style  tr.first td 
{ 
  background: #FDECC2;
  border:1px solid #F7B615;
}

/*MOUSEOVER Tabellenzeilen*/
table.table_style  tr.over td,
table.table_style  tr:hover td 
{ 
  cursor: pointer; 
  background: #FDECC2;
  border:1px solid #F7B615;
}

/* DIVERSES _________________________________________________________________________________________ */
.green
{
  color:#58AB25;
}
.borderForm
{
  width:90%; height:1px; border-bottom:1px solid #58AB27;
}
.pl15
{
  padding-left:15px;
  padding-top:6px;
}
.border
{
  border-bottom:1px solid #CCCCCC; 
  width:100%;
}
.mb50
{
  margin-bottom:50px;
}
.pt132
{
  padding-top:132px;
}
h1 span.grey
{
  color:#9D9D9F;
}
a.content:link, a.content:active, a.content:visited
{
  color:#000000;
  text-decoration:none;
} 
a.content:hover
{
  text-decoration:underline;
}

#steps
{
  background-image:url(../img/bg_choose_zipcode.jpg);
  background-repeat:no-repeat;
  background-position:top right;
}
.map
{
  float:left;
  border:0;
}
.mark
{
  padding-top:15px;
}
#step2column_right
{
  float:left;
  margin-left:30px;
}
#step2column_left
{
  width:301px; 
  float:left;
}
.fl
{
  float:left;
}
.fr
{
  float:right;
}
.pt60
{
  padding-top:60px;
}
.w400
{
  width:400px;
}
.echoMatch
{
  background-image:url(../img/step2_contentBg.gif); 
  background-repeat:repeat-y;
}
.match_left
{
  width:272px; 
  float:left; 
  margin-bottom:10px; 
  padding:10px;
}
.match_right
{
  float:left; 
  width:55px; 
  margin-left:7px; 
  margin-bottom:10px; 
  text-align:center; 
  padding-top:50px;
}
.fielddescription
{
  padding:20px; 
  text-align:justify;
}
.img_fielddescription
{
  float:left; 
  padding-right:15px;
}
span.long
{
  width:200px; float:left;
}
.m_r_10
{
  margin-right:10px;
}
.w500_fl
{
  width:500px; 
  float:left;
}
.w250fl
{
  width:250px; 
  float:left; 
  padding-left:20px;
}
/* LISTE _________________________________________________________________________________________ */
ul.friend
{
  list-style-type:none;
}
ul.friend li
{
  padding-bottom:8px;
}
ul.choose
{
  margin:0 0;
  padding:0 0;
  float:left;
  list-style-type:none;
}
ul.choose li
{
  border:1px solid #000000;
  margin-bottom:5px;
}
ul.choose li a.norm:link, ul.choose li a.norm:active, ul.choose li a.norm:visited
{
  display:block;
  height:20px;
  width:250px;
  text-decoration:none;
  padding-left:5px;
  padding-top:3px;
  color:#000000;
}
ul.choose li a.norm:hover
{
  background-color:#EEB393;
}
ul.choose li a.active:link, ul.choose li a.active:active, ul.choose li a.active:visited , ul.choose li a.active:hover
{
  display:block;
  height:20px;
  width:250px;
  text-decoration:none;
  padding-left:5px;
  padding-top:3px;
  color:#000000;
  background-color:#EEB393;
}
ul.leistungen
{
  margin:0 0;
  padding:0 0 0 10px;
  float:left;
  list-style-type:none;
}
ul.leistungen li
{
  display:block;
  padding-bottom:10px;
}

/* Formular _________________________________________________________________________________________ */
.pt132 input.norm
{
  
  border:2px solid #4D9B14;
  display:block;
  height:21px;
  width:99px;
  padding-top:5px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-top:1px;
}
.bt
{
  float:left;
  padding-left:12px;
}
.bt1
{
  float:left;
  padding-top:15px;
}
input
{
  font-family: "Myriad Pro", arial, verdana, sans-serif;
  font-size:14px;
  color:#555;
}
select
{
  font-family: "Myriad Pro", arial, verdana, sans-serif;
  font-size:14px;
  color:#555;
}
textarea
{
  font-family: "Myriad Pro", arial, verdana, sans-serif;
  font-size:14px;
  color:#555;
  padding:5px;
}
label .order
{
  width:100px;
  display:block;
}
label.noframe
{
  width:258px;
  display:block;
  height:16px;
  float:left;
  padding-top:4px;
  margin-right:10px;
  
}
input.red
{
  border:1px solid #FF0000 !important;
}
select.red
{
  border:1px solid #FF0000 !important;
}
.redblock
{
  display:block;
  width:90%;
  height:30px;
  border:1px solid #FF0000 !important;
}
input.noframe
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:34px;
  padding-top:5px;
  width:250px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
select.noframe
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:28px;
  padding-top:5px;
  width:113px;
  padding-left:5px;
}
label.noframe222
{
  width:228px;
  display:block;
  height:16px;
  float:left;
  padding-top:4px;
  margin-right:10px;
  
}
textarea.noframe222
{
  width:461px;
  display:block;
  height:150px;
  float:left;
  padding-top:4px;
  margin-right:10px;
  border:1px solid #DCDCDC;
  
}
input.noframe222
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:35px;
  padding-top:4px;
  width:222px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
label.noframe290
{
  width:297px;
  display:block;
  height:16px;
  float:left;
  padding-top:4px;
  margin-right:10px;
  
}
input.noframe290
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:34px;
  padding-top:5px;
  width:290px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
input.noframe472
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:34px;
  padding-top:4px;
  width:461px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
label.noframe113
{
  width:120px;
  display:block;
  height:16px;
  float:left;
  padding-top:4px;
  margin-right:10px;
  
}
input.noframe113
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:34px;
  padding-top:5px;
  width:113px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
input.noframe322
{
  
  border:1px solid #DCDCDC;
  display:block;
  height:34px;
  padding-top:5px;
  width:330px;
  padding-left:5px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  margin-right:10px;
  margin-bottom:15px;
}
input.noframe_small
{
  width:80px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #000000;
  display:block;
  padding-right:0px;
  padding-bottom:0px;
  height:20px;
  float:left;
  padding-top:2px;
}
input.noframe_small2
{
  width:160px;
  border-top:none;
  border-left:none;
  border-right:none;
  border-bottom:1px solid #000000;
  display:block;
  height:20px;
  padding-right:0px;
  padding-bottom:0px;
  float:left;
  padding-top:2px;
}
.submit {
padding:3px;padding-top:7px;font-size:17px;font-weight:bold;color:#fff;background:#58ab25;width:auto;line-height:25px;-moz-border-radius:5px;-khtml-border-radius:5px;
}
/*FELDER____________________________________________________________________*/
#fieldBox
{
  background-color:#C4BD97; 
  border:1px solid #666666; 
  padding-top:20px;
  padding-left:20px;
  padding-right:20px;
}
.fieldRow
{
  border:1px solid #666666; 
  margin-bottom:5px;
}
a.free1:link, a.free1:visited, a.free1:active
{
  display:block; 
  width:21px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free1.gif);
  background-repeat:no-repeat;
}
a.free1:hover
{
  background-image:url(../img/free1_hover.gif);
  background-repeat:no-repeat;
}
a.free1_act
{
  display:block; 
  width:21px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free1_hover.gif);
  background-repeat:no-repeat;
}
a.free2:link, a.free2:visited, a.free2:active
{
  display:block; 
  width:42px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free2.gif);
  background-repeat:no-repeat;
}
a.free2:hover
{
  background-image:url(../img/free2_hover.gif);
  background-repeat:no-repeat;
}
a.free2_act
{
  display:block; 
  width:42px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free2_hover.gif);
  background-repeat:no-repeat;
}
a.free4:link, a.free4:visited, a.free4:active
{
  display:block; 
  width:84px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free4.gif);
  background-repeat:no-repeat;
}
a.free4:hover
{
  background-image:url(../img/free4_hover.gif);
  background-repeat:no-repeat;
}
a.free4_akt
{
  display:block; 
  width:84px; 
  height:115px; 
  color:#FFFFFF; 
  font-weight:bold; 
  float:left; 
  text-decoration:none; 
  text-align:center; 
  font-size:10px;
  background-image:url(../img/free4_hover.gif);
  background-repeat:no-repeat;
}
.blocked
{
  display:block; 
  height:115px; 
  float:left;
}
.reserved
{
  display:block; 
  height:115px; 
  float:left;
}
.choice
{
  display:block;
  height:115px; 
  float:left;
}

table.pricetable {
  width:756px;
}

table.pricetable th {
  background-color:#58ab27;
  color:#fff;
  font-weight:bold;
  font-size:16px;
  text-align:left;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
}

table.pricetable td {
  background-color:#f5f5f5;
  color:#000;
  border-bottom:1px solid #fff;
  border-right:1px solid #fff;
}

.iframebehaelter{
  color: blue;
  aspect-ratio: 16 / 9;
  width: 75%; 
}