﻿#mainframe  {
    width: 840px;
    height: 600px;
    margin: 0px auto;
    background: white;
}
#left   
{
	position: relative;
    float: left;
    width: 200px;
    z-index: 10;
}

#right  {
    float: right;
    width: 640px;
}

.left-link
{
	color:#0075b9;
	font-weight:bold;
}

#top
{
	width: 100%;
	height: 21px;
	background: url(../images/square1.png) no-repeat;
	position: relative;
}
#bottom
{
	width: 100%;
	height: 21px;
	background: url(../images/bot.gif) no-repeat #0075b9;
	position: relative;
	vertical-align: middle;
}

#copyright
{
	position: absolute;
	right: 5px;
	top: 3px;
	font-family:verdana,arial;
	font-size:12px;
	color:#bcddf0;
}

#copyright a
{
	color: #ffffff;
}

#copyright2
{
	position: absolute;
	top:24px;
	font-family:verdana,arial;
	font-size:10px;
	width: 100%;
	text-align: right;
}

#content
{
	width: 100%;
	height: 600px;
	background: url(../images/square2.png) no-repeat #bcddf0;
	position: relative;
}

#flags
{
	position: absolute;
	right: 0px;
	top: 0px;
}

#map-area
{
	position: absolute;
	top: 20px;	
}

/* search forms */
.panel
{
	position: absolute;
	right: 5px;
	width: 200px;
 	border: solid 1px #0075b9;
	padding: 1px;
	background-color: #ffffff;
}

.panel .title
{
	background-color: #0075b9;
	height: 18px;
	text-align: right;
	color: #ffffff;
	padding-right: 4px;
	line-height: 18px;
	vertical-align: middle;
}

.panel .content
{
	background-color: #ffffff;
	padding: 3px;
}
.panel .content label
{
	font: 10px Verdana,Arial;
	display: inline-block;
	vertical-align: middle;
}

.panel .footer
{
	font-size: 10px;
	color: #0075b9;
	text-align: right;
	background-color: #bcddf0;
}
.panel .footer a
{
	color:#0075b9;
}
	
#searchform-city
{
	top: 5px;
}

#searchform-bg
{
	top: 106px;
}
#searchform-bg .content div	{
	margin-bottom: 2px;
}
#searchform-bg .content	#cityname {
	width: 100px;
}
#searchform-bg form label	{
	width: 86px;
}

#searchform-route
{
	top: 196px;
}
#searchform-route .content	{
	height: 17px;
	line-height: 17px;
	vertical-align: middle;
}
#searchform-route .content label	{
	width: 15px;
}
#searchform-route #citystart, #searchform-route #cityend	{
	width: 146px;
}

#searchform-resort
{
	top: 292px;
}
#searchform-resort .content label	{
	width: 49px;
}
#searchform-resort .content #resort-str	{
	width: 116px;
}
#searchform-resort .content form div	{
	margin: 2px 0;
}
#searchform-route .content form div	{
	margin: 2px 0;
}

.panel .content input {
	height: 17px;
	vertical-align: middle;
	border: 1px solid #aaa;
}

.panel .content select {
	height: 20px;
	font-size: 12px;
	vertical-align: middle;
	border: 1px solid #aaa;
}

/* !search forms */

#product-logos
{
	position: absolute;
	top: 400px;
	right: 5px;
	width: 200px;
	padding: 1px;
}

#product-logos img
{
	margin-top: 8px;
}

#left-bottom
{
	position: absolute;
	left:0px;
	top:642px; 
	width:100%; 
	height:20px; 
	background-color: #0075b9;
}

#banner-home
{
	position: absolute;
	top: 310px;
	left: 50px;
	right: 5px;
	width: 200px;
	padding: 1px;
}

#news
{
	list-style: disc inside none;
	margin-top: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-left: 0px;
}

#news li
{
	margin-top: 10px;
	margin-bottom: 10px
}


#street_label
{
	font-size: 10px;
	float: left;
}

#city
{
	width: 192px;
}

#resort
{
	width: 140px;
}

#plz
{
	width: 78px;
}

#bigmap
{
	position: absolute;
	z-index: 10;
}

#spec-ad
{
	position:absolute;
	width:100%;
	left: -250px;
	top: 290px;
	text-align:center;
	z-index:0
}

#city option, #resort option
{
	font-family:verdana,arial;
	font-size:12px;
}
