.special
{
font-family: Arial, sans-serif;
font-size:18px;
font-weight:bold;
padding:8px 10px 10px 10px;
width:350px;
display:none;
height:275px;
top:400px;
left:-900px;
position:absolute;
z-index:900;
background:white;
border:5px solid #AA0000;
border-radius:25px;
text-shadow: 2px 2px 7px #888888;

 -webkit-transform: rotate(10deg);
    -moz-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
}


.small_text
{
font-size:13px;
color:#286571;
font-weight:bold;
}



.very_small_text
{
font-size:10px;
color:#286571;
font-weight:normal;
}


.billing_text
{
font-size:15px;
color:#286571;
font-weight:normal;
}

.small_billing_text
{
font-size:13px;
color:#286571;
font-weight:normal;
}


.very_small_billing_text
{
font-size:10px;
color:#286571;
font-weight:normal;
}




.headline_text
{
font-family: 'font_324', Arial, sans-serif;
font-size:20px;
font-weight:bold;
text-shadow: 2px 2px 7px #888888;
}



a.menu_text:link    {text-decoration:none;color:#286571;font-weight:bold:}

a.menu_text:visited {text-decoration:none;color: #286571;}

a.menu_text:hover   	{
				text-decoration:none;
				color: black;
				}

a.menu_text:active  {text-decoration:none;color: black;}



.weather_style
{
font-family: 'font_324', Arial, sans-serif;
font-size:20px;
font-weight:bold;
padding:8px 8px 8px 8px;
top:770px;
left:30px;
position:absolute;
z-index:400;
background:white;
border:5px solid #555555;
border-radius:25px;
text-shadow: 2px 2px 7px #888888;
}



.menu_style
{
font-family: 'font_324', Arial, sans-serif;
font-size:20px;
font-weight:bold;
padding:8px 10px 10px 10px;
width:185px;
height:20px;
top:255px;
left:20px;
position:absolute;
z-index:400;
background:white;
border:5px solid #555555;
border-radius:25px;
text-shadow: 2px 2px 7px #888888;
}


.content_base
{
padding:25px 10px 10px 50px;
display:none;
width:0px;
min-height: 590px;
max-height: calc(100% - 310px);
top:245px;
left:250px;
position:absolute;
z-index:200;
background:white;
border-color:white;
border:5px solid #555555;
border-radius:25px;
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1-0;
overflow:auto; 
box-shadow: 7px 7px 5px #888888;
}


.content_default
{
padding:0px 0px 0px 0px;
overflow:auto;
font-family: Arial, 'eraserregular', Arial, sans-serif;
font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
font-size:18px;
color:#286571;
top:0px;
left:0px;
width:95%;
height:100%;
z-index:200;
background:white;
border:0px solid #222222;
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;

}



.content_main
{
padding:0px 0px 0px 0px;
overflow:auto;
display:none;
font-family: Arial, 'eraserregular', Arial, sans-serif;
font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
font-size:18px;
color:#286571;
top:0px;
left:0px;
width:680px;
height:100%;
z-index:200;
background:white;
border:0px solid #222222;
filter:alpha(opacity=100);
opacity: 1.0;
-moz-opacity:1.0;

}






::-webkit-scrollbar {
    width: 20px;
    height: 15px;
}

::-webkit-scrollbar-button:start:decrement {
   height: 25px;
    display: block;
	-webkit-border-radius: 0px 15px 15px 15px;
    background-color: #AAAAAA;
}
::-webkit-scrollbar-button:end:increment {
    height: 25px;
    display: block;
	 -webkit-border-radius: 15px 15px 15px 0px;
    background-color: #AAAAAA;
}

::-webkit-scrollbar-track-piece {
    background-color: #123456555;
    -webkit-border-radius: 0px;
}

::-webkit-scrollbar-thumb:vertical {
    height: 50px;
    background-color: #555;
    -webkit-border-radius: 15px;
}

::-webkit-scrollbar-thumb:horizontal {
    width: 50px;
    background-color: #555;
    -webkit-border-radius: 15px;
}



.hidden_table
{
width:100%;
vertical-align:top;
background-color: white;

}

.hidden_table td {
padding: 10px;
vertical-align:top;
font-family: Arial, 'eraserregular', Arial, sans-serif;
font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
font-size:15px;
font-weight:bold;
color:#286571;
}







.table-2 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
    width: 100%;

	border-radius: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 7px 7px 5px #888888;
}

.table-2  thead {
	font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
	padding: .2em 0 .2em .5em;
	text-align: left;
	color:#286571;
	background-color: #C8C8C8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#e3e3e3), color-stop(.6,#B3B3B3));
	background-image: -moz-linear-gradient(top, #D6D6D6, #B0B0B0, #B3B3B3 90%);
	border-bottom: solid 1px #999;
}



.table-2  th {
	font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	text-align:center;
	line-height: 20px;
	font-style: normal;
	font-weight: bold;
	text-shadow: white 1px 1px 1px;
	padding: 5px;
	color:#286571;
}


.table-2  td {
	line-height: 20px;
	font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	text-shadow: white 1px 1px 1px;
	border-bottom: 1px solid #fffff;
	border-top: 1px solid #fff;
	padding: 5px;
	color:#286571;
	text-align:left;
}



/* Sonderiegenschaften für tabelle-1 */
.table-1 tr:hover {
	background-color: #C8C8C8;
}

.table-1 td {
	text-align:center;
	font-size: 14px;
	
}




.table-3 {
	border: 1px solid #e3e3e3;
	background-color: #f2f2f2;
    width:95%;
	border-radius: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	box-shadow: 7px 7px 5px #888888;
}

/* Sonderiegenschaften für tabelle-1 */
.table-3 tr:hover {
	background-color: #C8C8C8;
}

.table-3 td {
	font-family: "Century Gothic",Arial, Helvetica, Sans-Serif;
	text-shadow: white 1px 1px 1px;
	border-bottom: 1px solid #fffff;
	border-top: 1px solid #fff;
	padding: 5px;
	font-weight:bold;
	color:#286571;
	text-align:left;
	font-size: 12px;
	
}








.text_image_shadow
{
box-shadow: 7px 7px 5px #888888;
height:200px;
width:250px;
margin:30px;
}




.frame_bottom_right
{
position: fixed;
right: 0px;
bottom: 0px;
width: 260px; /* entspricht der Grafikbreite */
height: 220px; /* entspricht der Grafikhöhe */
border:0px solid;
background: url(images/shell_corner_ru.png);
z-index:90;
}
 
 
 
 
 
.frame_bottom_left
{
position: fixed;
left: 0px;
bottom: 0px;
width: 260px; /* entspricht der Grafikbreite */
height: 220px; /* entspricht der Grafikhöhe */
border:0px solid;
background: url(images/shell_corner_lu.png);  
/*background: url(images/shipfoilballoon.png); */
z-index:90;
}
 
 
 
 
.frame_top_right
{
position: fixed;
right: 0px;
top: 0px;
width: 300px; /* entspricht der Grafikbreite */
height: 208px; /* entspricht der Grafikhöhe */
border:0px solid;
background: url(images/sand_corner_ro.png);
z-index:90;
}
 
 
 
 
 
 .frame_top_left
{
position: fixed;
left: 0px;
top: 0px;
width: 300px; /* entspricht der Grafikbreite */
height: 208px; /* entspricht der Grafikhöhe */
border:0px solid;
background: url(images/sand_corner_lo.png);
z-index:30;
}



body

{

  padding: 0; 

  margin:0 !important;

  margin-bottom:-10px !important;

  height:100%;
 
  background-repeat: repeat;

  background-attachment: fixed;

  background-position: top left;

}




form

{

  padding: 0 !important;

  margin: 0 !important;

}




input, select, textarea

{

  vertical-align: top;
  color:#286571;
  font-family: "Century Gothic", Arial, Helvetica, Sans-Serif;
  font-weight:normal;
  font-size: 15px;
  border: none;
  border-top: 1px solid #0050A0;
  border-bottom: 1px solid #0050A0;

}