/* global */
html{height: 100%;}

body
{ font-family: arial, sans-serif;
  padding: 0px;
  margin: 0px;
  font-size: .78em;
}

p
{ margin: 0px;
  padding: 0px 0px 16px 0px;
  line-height: 1.7em;
}

h1
{ font-family: serif;
  font-size: 108%;
  letter-spacing: .1em;
}

h2
{ margin: 0px;
  padding: 0px 0px 4px 0px;
  font-size: 100%;
  letter-spacing: .1em;
  font-weight: normal;
  text-decoration: underline;
}

img{border: 0px;}

a{outline: none;}

/* image positioning - left, right and center */
.left
{ float: left; 
  padding: 0px 8px 0px 0px;
}

.right
{ float: right; 
  padding: 0px 0px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

/* block quote */
blockquote
{ margin: 20px 0px 20px 0px; 
  padding: 10px 20px 0px 20px;
  border-left: 8px solid;
}

/* unordered list */
ul
{ margin: 8px 0px 0px 16px;
  padding: 0px;
}

ul li
{ list-style-type: square;
  margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 8px 0px 0px 24px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 11px 0px; 
  padding: 0px;
}

/* margin lefts / margin rights - to centre content */
#main, #links, #footer, #logo, #menu, #content
{ margin-left: auto; 
  margin-right: auto;
}

/* main container */
#main{width: 855px}

/* header */
#header
{ width: 100%;
margin-top:10px;
  height: 274px;
/*  background-image: url(banner_sommer.jpg); */
}

/* logo */
#logo
{ padding: 2px 0px 0px 0px;
  float: left;
  margin: 9px 15px 0px 15px;
}

#address
{ padding: 11px 17px 0px 14px;
  float: right;
  text-align: right;
}

#address p
{ padding: 0px;
  margin: 0px;
}

#logo h1
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 18px 0px 0px 0px;
  font-size: 160%;
  letter-spacing: .3em;
}

#logo h2
{ font-family: verdana, arial, sans-serif;
  margin: 0px;
  padding: 5px 0px 0px 0px;
  font-size: 100%;
  letter-spacing: .2em;
}

/* navigation menu */
#menu{margin: 0px 0px 0px 0px;}

#menu ul
{ height: 21px; 
  margin: 0px auto;
} 

#menu li
{ float: left; 
  margin: 0px 0px 0px 0px; 
  padding: 0px;
  list-style: none;
} 

#menu li a, #menu li a#selected, #menu li a:hover 
{ font-family: verdana, arial, sans-serif;
  display: block; 
  float: left; 
  height: 15px;
  text-decoration: none; 
  margin: 3px 0px 3px 0px;
  padding: 0px 7px 0px 7px;
  text-transform: uppercase;
  font-size: 100%;
} 

#links
{ float: right; 
  width: 100px;
  text-align: right;
  padding: 0px 18px 0px 0px;
}

/* sidebars */
.sidebar
{ float: left;
  width: 194px;
  padding: 16px 0px 15px 0px;
}

/* sidebar items / links */
.menu_left_top	{
text-align: left;
  width: 197px;
  height:34px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.menu_left_middle	{
text-align: left;
color:#5a5a5a;
font-size:14px;
  width: 197px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px 0px 20px;
}

.menu_left_middle a
{ 

text-decoration:none;
  color:#666c80;
}

.menu_left_middle a:hover
{ 

text-decoration:underline;
  color:#666c80;
}

.menu_left_bottom	{
text-align: left;
  width: 197px;
  height:5px;
  float: left;
  margin: 0px 0px 20px 10px;
  padding: 0px 0px 0px 0px;
}

.info	{
text-align: left;
  width: 177px;
  height: 200px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 45px 0px 5px 43px ;
}

.search	{
text-align: left;
  width: 176px;
  height: 226px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 40px 0px 0px 10px;
}

.angebot_right_top	{
text-align: left;
  width: 176px;
  height:38px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.angebot_right_middle	{
text-align: left;
  width: 176px;
  height:150px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 5px 0px 0px 15px;
}

.angebot_right_middle a
{
  text-decoration:none;
  font-weight:bold;
  color:#666c80;
}


.angebot_right_middle a:hover
{
  font-weight:bold;
  text-decoration:underline;
  color:#ffa200;
}

.angebot_right_bottom	{
text-align: left;
  width: 176px;
  height:7px;
  float: left;
  margin: 0px 0px 0px 10px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem
{ text-align: left;
  width: 194px;
  float: left;
  margin: 0px 0px 11px 0px;
  padding: 0px 0px 0px 0px;
}

.sidebaritem h1, .sidebaritem h2, .sidebaritem p{margin: 0px 10px 0px 10px}

.sidebaritem h1
{ font-weight: normal; padding: 8px 0px 16px 0px;
  text-transform: uppercase;
}

.sidebaritem p
{ line-height: 16px; 
  padding: 0px 0px 8px 0px;
}

.sbilinks ul{margin: 0px 0px 18px 10px;}

.sbilinks li
{ list-style: none; 
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 5px 0px;
}

.sbilinks li a, .sbilinks li a:hover
{ height: 16px;
  text-decoration: none; 
  width: 149px;
} 

/* page content (centre) */
.content_header
{ text-align: left;
  width: 400px;
  height:22px;
  padding: 1px 0px 0px 40px;
  margin: 2px 0px 10px 0px;
}

#content
{ text-align: justify;
  width: 445px;
  height:100%;
  padding: 0px 0px 0px 0px;
  margin: 16px 10px 0px 10px;
  float: left;
}

#content a
{
  text-decoration:none;
  font-weight:bold;
  color:#666c80;
}

#content a:hover
{
  font-weight:bold;
  text-decoration:underline;
  color:#ffa200;
}

#content h1
{ font-family: arial, sans-serif;
  margin: 5px 0px 12px 0px; 
  font-size: 128%;  
  font-weight: normal;
  text-transform: uppercase;
}

/* footer */
#footer
{ height: 30px;  
  padding: 10px 0px 4px 0px;
  font-size: 80%;
  text-transform: uppercase;
  font-family: verdana, arial, sans-serif;
  clear: both;
  text-align: center; 
  border-top: 2px solid;
  margin: 4px 15px 0px 15px;
}

#footer a
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px dashed;
}

#footer a:hover
{ text-decoration: none;
  padding: 0px 0px 2px 0px;
  border-bottom: 1px solid;
}

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom, .mtop, .mbottom{display: block;}

.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4,
.mtop .m1, .mtop .m2, .mtop .m3, .mtop .m4,
.mbottom .m1, .mbottom .m2, .mbottom .m3, .mbottom .m4
{ display: block;
  height: 1px;
  overflow: hidden; 
}

.r1, .m1{margin: 0 5px}

.r2, .m2{margin: 0 3px}

.r3, .m3{margin: 0 2px}

.rtop .r4, .rbottom .r4, .mtop .m4, .mbottom .m4
{ margin: 0 1px;
  height: 2px
}
/* own */


.rheader	{
	width:85%;
	float:left;
	padding-left:5px;
}

.aheader	{
	width:85%;
	float:left;
	padding-left:5px;
}

.rdheader	{
	padding-left:5px;
}

.rheadermore	{
	padding-top:3px;
	height:17px;
	text-align:center; 
}

.rcontent	{
	float:left;
	width:86%;
	height:70px;
}

.acontent	{
	padding-left:5px;
	width:87%;
	height:115px;
}

.rdcontent	{
	float:left;
	width:86%;
	height:200px;
}

.rdbcontent	{
	float:left;
	height:140px;
}

.rprice	{
	padding-top:20px;
	height:50px;
	width:14%;
	float:right;
	text-align:center;
}

.rpriced	{
	padding-top:20px;
	height:180px;
	width:14%;
	float:right;
	text-align:center;
}

.error .errorh	{
	border: 1px dotted #000000;
	background-color:#fff5f5;
}

.error 	{
	border: 1px dotted #000000;
	background-color:#fcfcfc;
	width:100%;
}

.bookingcont	{
	border-collapse:collapse;
	width:100%;
}

.bookingcont th	{
	border:1px dotted #cccccc;
	font-weight:bold;
	font-size:14px;
}

.bookingcont td	{
	border:1px dotted #cccccc;
}
.submenu 	{
	margin-bottom:5px;
}

/* Umkreissuche */

#customerLocationInput, select {
	font-size: 1.2em;
}


table.umkreissuche {
	margin-top:20px;
	margin-bottom:10px;
	width:450px;
	border-collapse:collapse;
	border:1px dotted #cccccc;
}

table.umkreissuche th {
	border:1px dotted #cccccc;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	background-color: #fde8ca;
}

table.umkreissuche td,th {
	border:1px dotted #cccccc;
	vertical-align: top;
	text-align: left;
	font-size: 12px;
	padding: 0.5em;
}

table.umkreissuche td.firma { width: 15em; font-weight:bold; }
table.umkreissuche td.data { width: 13em; }
table.umkreissuche td.links { width: 14em; }
table.umkreissuche tr.zebraTable_dark td { background-color: #ebeffe; }

table.umkreissuche td p {
	margin: 0 0 0.4em 0;
	padding: 0;
	font-size: 1em;
}

div.initialy_no_display { display: none; }

div#detailsFiliale {
	float: right; 
	width: 40%;
	border: 2px solid #ccc;
	margin: 2em;
}

div#detailsFiliale th {
	text-align: right;
	font-size: 9px;
	font-weight: normal;
	vertical-align: bottom;
	border-right: 2px solid #ccc;
	margin: 0px; padding: 3px;
	
}

div#detailsFiliale td {
	font-size: 13px;
	margin: 0px; padding: 3px;
}