html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

body {
background-color: #d9d9e3;
font-family: verdana, arial, sans-serif;
color: #444444;
font-size: 12px;
margin: 0px;
}
div#container {
width: 100%;
max-width:1320px;
margin-left:auto;
margin-right:auto;
background-repeat:no-repeat;
height:auto;
position:relative;
padding: 0px;
}
div#topimage {
width: 100%;
margin: 0px auto;
background-repeat:no-repeat;
height:100%;
padding: 0px;
position: fixed;
z-index: -1;
}

div#topimage2 {
width: 100%;
margin: 0px auto;
background-repeat:no-repeat;
height:100%;
padding: 0px;
position: fixed;
z-index: -1;
}


div#content {
width: 100%;
padding-top: 100px;
margin-left:auto;
margin-right:auto;
}

div#header {
max-width:1320px;
margin-left:auto;
margin-right:280px;
height: 120px;
padding-top: 80px;
background-position:10px 70px;
background-repeat:no-repeat;
}

div#menu {
background-repeat:no-repeat;
height: 85px;
margin-right:0px;
padding-left:auto;
width:auto;
float:right;
}

div#suchbox {
	position:absolute;
	right:10px;
	top:80px;
	height: 300px;
	width:230px;
	background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
	background: linear-gradient(to bottom, rgba(30,87,153,1) 5%,rgba(2,2,2,0.7) 80%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
        -moz-box-shadow:0px 0px 2px #000 inset;
        -webkit-box-shadow:0px 0px 2px #000 inset;
        box-shadow:0px 0px 2px #000 inset;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        color:#fff;
        font-size:24px;
	text-align:center;
        margin-left:0px;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
	padding-top:30px;
	padding-left:10px;
	padding-right:10px;

}
@media only screen and (max-device-height: 1200px) {
#suchtitel {
        font-size:12px;
        }
}

input[type="text"]{
    
    padding: 5px;  
    border: 1px solid #DDDDDD;
    /*Applying CSS3 gradient*/
    background: -moz-linear-gradient(center top , #FFFFFF,  #EEEEEE 1px, #FFFFFF 20px);    
    background: -webkit-gradient(linear, left top, left 20, from(#FFFFFF), color-stop(5%, #EEEEEE) to(#FFFFFF));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FBFBFB', endColorstr='#FFFFFF');
    
    /*Applying CSS 3radius*/   
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-size:14px; 
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;

}
input[type="text"]:hover
{
    border:1px solid #cccccc;
}
input[type="text"]:focus
{
    box-shadow:0 0 2px #FFFE00;
}

input[type="submit"]{

	padding: 5px;
	margin-top:10px;
	width:216px;
	border: 1px solid #DDDDDD;
    /*Applying CSS3 gradient*/
        background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(30,87,153,1) 5%,rgba(2,2,2,0.7) 80%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
	color:white;

    /*Applying CSS 3radius*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

    /*Applying CSS3 box shadow*/
	-moz-box-shadow: 0 0 2px #DDDDDD;
	-webkit-box-shadow: 0 0 2px #DDDDDD;
	box-shadow: 0 0 2px #DDDDDD;

}
input[type="submit"]:hover
{
	border: 2px solid #DDDDDD;
        cursor: pointer;
        cursor: hand;


}
input[type="submit"]:focus
{
    box-shadow:0 0 2px #FFFE00;
}
input[type="button"]{

        padding: 5px;
        margin-top:10px;
        width:216px;
        border: 1px solid #DDDDDD;
    /*Applying CSS3 gradient*/
        background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(30,87,153,1) 5%,rgba(2,2,2,0.7) 80%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
        color:white;

    /*Applying CSS 3radius*/
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;

    /*Applying CSS3 box shadow*/
        -moz-box-shadow: 0 0 2px #DDDDDD;
        -webkit-box-shadow: 0 0 2px #DDDDDD;
        box-shadow: 0 0 2px #DDDDDD;

}
input[type="button"]:hover
{
        border: 2px solid #DDDDDD;
        cursor: pointer;
        cursor: hand;


}
input[type="button"]:focus
{
    box-shadow:0 0 2px #FFFE00;
}


.myselect {
    padding: 2px;   
    border: 1px solid #DDDDDD;
    width:220px;
    text-align:right;
    text-color:white;
    padding-right:10px;
    color:#fff;
    font-size:12px;
    /*for firefox*/
    -moz-appearance: none;
    /*for chrome*/
    -webkit-appearance:none;
    text-indent: 0.01px;
    text-overflow: '';
    /*Applying CSS3 gradient
        background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
        background: -webkit-linear-gradient(top, rgba(30,87,153,1) 5%,rgba(0,0,0,0) 80%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(30,87,153,1) 5%,rgba(0,0,0,0) 80%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(30,87,153,1) 5%,rgba(0,0,0,0) 80%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(30,87,153,1) 5%,rgba(2,2,2,0) 80%); /* W3C */
	background: transparent  url("../img/down.png") no-repeat right center;
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 );
    /*Applying CSS 3radius*/
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    /*Applying CSS3 box shadow*/
    -moz-box-shadow: 0 0 2px #DDDDDD;
    -webkit-box-shadow: 0 0 2px #DDDDDD;
    box-shadow: 0 0 2px #DDDDDD;
}
/*for IE10*/
.myselect::-ms-expand {
    display: none;
}

.myselect option {
        font-size:12px;
        color:#000;
        text-transform:uppercase;
        padding:2px;
	padding-right:20px;
        background-color: red; /* W3C */
	 background: transparent;

}
.suchformtxt {
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:10px;
        color:#fff;
        float:left;
        text-align:left;
        margin-left:0px;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
	padding:5px;
}
div#bildx2 {
	background-color:rgba(220,220,255,0.95);
	margin-top:490px;
	padding-top:40px;
	padding-bottom:20px;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:16px;
        color:rgba(30,87,153,1);
        float:center;
        text-align:center;
	width:100%;

}
div#bildx3 {
	background-color:#fff;
	width:100%;
	height:200px;
	position:center;
	margin:auto;
}
div#bildx2 img {
    display:block;
    margin:auto;
}
div#footer {
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:16px;
        color:#fff;
	background-color:rgba(30,87,153,1);
	height:40px;
	width:100%;
}
#footer a {
	        color:#fff;
		text-decoration:none;
}
div#footer .impressum {
	float:right;
	margin-top:10px;
	margin-right:10px;
}

div#footer .copy {
        float:left;
        margin-top:10px;
        margin-left:10px;
}

div#footer2 {
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:14px;
	color:rgba(30,87,153,1);
	background-color:rgba(220,220,255,0.95);
        height:160px;
        width:100%;
        margin-left: auto;
        margin-right: auto;
	text-align:center;

}
#footer2 h1 {
        color:#1e5799;
        font-size:24px;
        text-shadow:1px 1px 1px #fff;
        bold;
	margin-bottom:14px;
}

#footer2 b {
	font-weight: bold;
}

#footer2 a {
	color:rgba(30,87,153,1);
        text-decoration:none;
	margin-bottom:9px;
}

div#footer2 .fbox {
	background: #eee;
	border: 1px solid #DDD;
	background: -moz-linear-gradient(top, #EEE, #FFF);    
	background: -webkit-linear-gradient(top, #eee, #fff);
	background: -ms-linear-gradient(top, #eee, #fff);
	background: -o-linear-gradient(top, #eee, #fff);
	box-shadow: 1px 2px 4px rgba(0,0,0, .2);
	height:130px;
	max-width:400px;
}

#fpartner {
        float:right;
        margin-right:10px;
	padding:10px;
        min-width:200px;
	width:30%;
}

#fmitte {
	float:center;
	padding:10px;
	min-width:200px;
	width:30%;
    	margin-left: auto;
	margin-right: auto;
}

#flinks {
        float:left;
        margin-left:10px;
	padding:10px;
        min-width:200px;
        width:30%;
}

td {
	vertical-align:top;
	padding:5px;

}

#yachtlist table {
	background-color: rgba(220,220,255,0.95);
	width:100%;
	margin-top:10px;
	border-spacing:0px;
}
#yachtlist .gridlist table {
        width:200px;
        margin:10px;
}
#yachtlist .erglisttable:hover {
        background-color: rgba(255,255,255,1);
	border:1px;
        cursor: pointer;
        cursor: hand;
}

#yachtlist .ergtoogleTD:hover {
        background-color: rgba(255,255,255,1);
        cursor: pointer;
        cursor: hand;
}

#yachtlist h1 {
        color:#1e5799;
        font-size:24px;
	text-shadow:1px 1px 1px #fff;
	bold;
}
div#yachtlist {
        background-color: rgba(220,220,255,0.25);
        margin-top:0px;
        margin-bottom:0px;
	margin-right:280px;
	margin-left:auto;
	padding:20px;
        padding-top:20px;
	min-height:500px;
	max-width:960px;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:16px;
        color:rgba(30,87,153,1);
        float:center;
        text-align:left;
	clear:both

}
div#yachtlisttop {
	min-width:100px;
	margin-left:-20px;
	margin-right:-20px;
	margin-top:-20px;
	height:30px;
}
#listicon {
	background-image:url("../img/list.png");
	background-repeat:no-repeat;
	padding-left:30px;
}
#gridicon {
        background-image:url("../img/grid.png");
	background-repeat:no-repeat;
	padding-left:30px;
}

div.gridlist {
	display: inline-block;
}

div#yacht {
        background-color: rgba(220,220,255,1);
        margin-top:0px;
        margin-bottom:0px;
        margin-right:280px;
        margin-left:auto;
        padding:20px;
        padding-top:20px;
	padding-left:20px;
        min-height:500px;
        max-width:960px;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        font-size:14px;
        color:rgba(30,87,153,1);
        float:center;
        text-align:left;
        clear:both

}
div#yachttop {
	background-color:rgba(30,87,153,1);
	height:65px;
        margin-left:-20px;
        margin-right:-20px;
        margin-top:-20px;
	padding:0px;
	padding-top:10px;
	font-size:24px;
        color:#fff;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
	text-align:center;
}
div.cattop {
        height:20px;
        margin-left:0px;
        margin-right:0px;
	margin-top:30px;
	margin-bottom:10px;
        padding:0px;
        font-size:16px;
	font-weight:bold;
}
#yacht li {
	padding-left:5px;
}
#yacht ul {
        padding-left:20px;
}
#yacht table {
        background-color: rgba(220,220,255,0.95);
        margin-top:10px;
        border-spacing:0px;
	
	color:rgba(30,87,153,1);
}
#yacht td { 
    	padding: 0px;
	padding-left:10px;
	
}

#yacht h1 {
        color:#1e5799;
        font-size:16px;
        text-shadow:1px 1px 1px #fff;
	font-weight:bold;

}

.yachtinfoline {
	width:100%;
	margin-top:-10px;
	margin-bottom:10px;
}


.yachtinfoline td {
        font-size:14px;
        font-weight:bold;
        background-color:rgba(30,87,153,1);
        color:#fff;
        padding 4px;
}
div#texttop h1 {
        background-color:rgba(30,87,153,1);
        height:35px;
        margin-left:-20px;
        margin-right:-20px;
        margin-top:-20px;
        padding:0px;
        padding-top:10px;
        font-size:24px;
        color:#fff;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
        text-align:center;
}

div#emailtome {
	position:fixed;
	top:50%;
	margin-top:-100px;
	left:50%;
	margin-left: -120px;
	width:230px;
	height:150px;
	background-color:rgba(30,87,153,1);
	z-index:-100;
        background: -moz-linear-gradient(top, rgba(30,87,153,1) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(30,87,153,1) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(30,87,153,1) 5%,rgba(2,2,2,0.7) 80%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#007db9e8',GradientType=0 ); /* IE6-9 */
        -moz-box-shadow:0px 0px 2px #000 inset;
        -webkit-box-shadow:0px 0px 2px #000 inset;
        box-shadow:0px 0px 2px #000 inset;
        font-family:"Myriad Pro", "Trebuchet MS", sans-serif;
        color:#fff;
        font-size:24px;
        text-align:center;
        text-transform:uppercase;
        text-shadow:1px 1px 1px #000;
        padding-top:10px;
        padding-left:10px;
        padding-right:10px;

}

.newscontentBox:hover {
        background: white;
        cursor: pointer;
        cursor: hand;
}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/

#rotator img { position: absolute; }

.ontop {
  z-index: 2;
}