@charset "utf-8";
/* CSS Document */

/* #########################-----------------------------Standarts-----------------------------######################### */

* {
	margin:0;
	padding:0; }
	
:focus {
	outline: 0;
}
	
html {
	height:100%;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 14px;
}
	
body {
	padding: 0; 
	background: url(../images/bg.jpg) #E7F6FD center 0px repeat-x ;
	}

#container {margin: 0 auto; width: 984px;}

a, a:visited { color: #f08a00; font-weight: bold; text-decoration: underline;}
a:hover { color: #f08a00; font-weight: bold; text-decoration: none;}


/* #########################-----------------------------Head-Bereich-----------------------------######################### */

h1.logo a, h1.logo a:hover {
	background:url(../images/logo.jpg) 0 0 no-repeat;
	display:block;
	font-size:0.01em;
	float:left;
	height:206px;
	margin:0px 0 0 609px;
	position: absolute;
	text-indent:-9999px;
	width:375px;
	
}

h1.logo a:hover {
 	background-position: 0px -206px;
	
}

h1.logo2 a, h1.logo2 a:hover {
	background:url(../images/logo2.jpg) 0 0 no-repeat;
	display:block;
	font-size:0.01em;
	float:left;
	height:206px;
	margin:0px 0 0 609px;
	position: absolute;
	text-indent:-9999px;
	width:375px;
	
}

h1.logo2 a:hover {
	background:url(../images/logo2.jpg) 0px -206px no-repeat;
	
}


#header { background: url(../images/header.jpg) no-repeat; width: 984px; height: 276px;}
#header2 { background: url(../images/header2.jpg) no-repeat; width: 984px; height: 276px;}

/* #########################-----------------------------Navigation-----------------------------######################### */



#navi ul{list-style-type:none; font-size: 17px;}	
#navi li  {display:block; width: 220px; float: left;}
#navi li a {display:block; padding:0px;text-decoration:none; color: #3b3b3b; border-bottom: 1px solid #aeaeae; line-height: 20px; margin-top: 8px; }
#navi li a:hover { color: #f08a00;}

#navi_top ul{list-style-type:none; position: absolute; margin: 214px 0 0 0px;}	
#navi_top li  {display:block; text-indent:-9000px; float: left;}
#navi_top li a {display:block; padding:0px;text-decoration:none;}


#startseite a {background: url(../images/navi/navi_top/navi_top.jpg) 0px 0px; background-repeat:no-repeat; 
height:31px; width: 115px;}
#startseite a:hover { background: url(../images/navi/navi_top/navi_top.jpg) 0px -31px; background-repeat:no-repeat; 
height:31px; width: 115px;}
#startseite-aktiv a { background: url(../images/navi/navi_top/navi_top.jpg) 0px -31px; background-repeat:no-repeat; 
height:31px; width: 115px;}

#unsere_schiffe a {background: url(../images/navi/navi_top/navi_top.jpg) -115px 0px; background-repeat:no-repeat; 
height:31px; width: 114px;}
#unsere_schiffe a:hover { background: url(../images/navi/navi_top/navi_top.jpg) -115px -31px; background-repeat:no-repeat; 
height:31px; width: 114px;}
#unsere_schiffe-aktiv a { background: url(../images/navi/navi_top/navi_top.jpg) -115px -31px; background-repeat:no-repeat; 
height:31px; width: 114px;}

#bildergalerie a {background: url(../images/navi/navi_top/navi_top.jpg) -229px 0px; background-repeat:no-repeat; 
height:31px; width: 156px;}
#bildergalerie a:hover { background: url(../images/navi/navi_top/navi_top.jpg) -229px -31px; background-repeat:no-repeat; 
height:31px; width: 156px;}
#bildergalerie-aktiv a { background: url(../images/navi/navi_top/navi_top.jpg) -229px -31px; background-repeat:no-repeat; 
height:31px; width: 156px;}

#kontakt a {background: url(../images/navi/navi_top/navi_top.jpg) -385px 0px; background-repeat:no-repeat; 
height:31px; width: 107px;}
#kontakt a:hover { background: url(../images/navi/navi_top/navi_top.jpg) -385px -31px; background-repeat:no-repeat; 
height:31px; width: 107px;}
#kontakt-aktiv a { background: url(../images/navi/navi_top/navi_top.jpg) -385px -31px; background-repeat:no-repeat; 
height:31px; width: 107px;}

#mini-navi ul{list-style-type:none; position: absolute; margin: 30px 0 0 0px;}	
#mini-navi li  {display:block; text-indent:-9000px; float: left;  position: absolute;}
#mini-navi li a {display:block; padding:0px;text-decoration:none;  position: absolute;}


#fahrplan-mini a {background: url(../images/navi/sub2/fahrplan.jpg) 0px 0px; background-repeat:no-repeat; 
height:92px; width: 94px; margin: 0 0 0 0;}

#kontakt-mini a {background: url(../images/navi/sub2/kontakt.jpg) 0px 0px; background-repeat:no-repeat; 
height:92px; width: 86px; margin: 0 0 0 94px;}

#anfahrt-mini a {background: url(../images/navi/sub2/anfahrt.jpg) 0px 0px; background-repeat:no-repeat; 
height:92px; width: 110px; margin: 0 0 0 180px;}



/* #########################-----------------------------Content-----------------------------######################### */
#left { width: 225px; float: left;}

#middle { width: 433px; float:left; margin-left: 28px;}
#middle h1 { margin-bottom: 10px;}
#middle .pix1 { margin-bottom: 10px;}
#middle a { background-color: #f08a00; color: white; text-decoration: none;}

#middle2 { width: 723px; float:left; margin-left: 28px;}
#middle2 h1 { margin-bottom: 10px;}
#middle2 .pix1 { margin-bottom: 10px;}
#middle2 a { background-color: #f08a00; color: white; text-decoration: none;}

.cmslink {margin-bottom: 10px;}

#right { background: url(../images/right.jpg) no-repeat; width: 290px; height: 308px; float: left; margin-left: 8px;}
#right p { width: 200px; margin-left: 35px; font-size: 13px; color: #003d81; line-height: 17px; margin-bottom: 6px;}
#right a { background-color: #f08a00; color: white; text-decoration: none;}

/* #########################-----------------------------Extra-----------------------------######################### */

/* #########################-----------------------------Footer-----------------------------######################### */

#footer { background-color: none; border-bottom: 1px solid black; margin-top: 60px;}

/* #########################-----------------------------Klassen-----------------------------######################### */

.nofloat {float: none; clear: both;}

.blue { color: #003d81;}
.orange { color: #f08a00!important;}

.pix1 { background-color: white; border: 1px solid #CCCCCC; padding: 4px;}
.cmspix { border: 1px solid #CCCCCC; background-color: white; padding: 3px; float: left; margin-left: 5px;}
.cmspix2 { border: 1px solid #CCCCCC; background-color: white; padding: 3px; float: left; margin: 5px;}
.cmspix3 { border: 3px solid #F08A00; background-color: white; padding: 3px; float: left; margin-right: 5px; margin-bottom: 5px;}

.imp { position: absolute; margin: -18px 0 0 0px;}

.oben { background: url(../images/pfeil.jpg) 0px -3px no-repeat; position: absolute; margin: -18px 0 0 346px; padding-left: 20px;}

.claim { font-weight:bold; position: absolute; margin: 2px 0 0 14px; color: #555555;}

#unterpunkt ul li { border-bottom: 1px solid #aeaeae;}

.newsTeaser { color: #003d81; line-height: 22px; border-bottom: 1px solid black;}
.newsTeaser h3 {display: none;}

#newsteaser p { font-size: 14px;}

#ew a {background-color: #E7F6FD!important;}
 	
/* #########################-----------------------------Schriften-----------------------------######################### */

p { line-height: 22px; margin-bottom: 10px; font-size: 16px;}

h1 { font-size: 20px; color: #f08a00;}

h3 { margin-top: 10px;}

/* #########################-----------------------------CMS Stuff-----------------------------######################### */

/* --7. cms -editmode --*/
#ewcms_edit_controller {
    position: absolute;
    top:0px; left:0px;
    z-index:100;
    width:99%;    
	height:50px;
    padding: 24px 0px 0px 20px;
    background-image: url(../images/bg_logout.gif);
    background-repeat: repeat-x;
    background-position: right center;
	background-color: #004b80;
	border-bottom: 2px solid #fff;
}
#ewcms_edit_controller img {
    border: none;
}

/* -- sonstige ew-cms --*/
a img.ewcms_edit_img{
	width: 16px;
	height: 16px;
	float: none;
	
	}


/*.ewcms_edit_logout img{
	display: none;
	
	}*/
	
.ewcms_loopline{
	margin: 50px 0 50px 0;
	float: none;
	clear: both;
	}
.ewcms_loopend{
	margin: 30px 0 20px 0;
	}
a.ewcms_edit_logout {
	color: #fff;
	text-decoration: underline;
	
	}
a:hover .ewcms_edit_logout {
	color: #f90;
	text-decoration: underline;
	}
/* --end of editmode --*/
a.ewcms_edit_link{
	float: none;
	background-image: none;
	
	padding: 5px 0 5px 0px;
	margin: 0px 0 15px 0px;
	line-height: 20px;
	
	width: auto;
	}
	
a.ewcms_edit_link:hover{
	float: none;
	background-image: none;
	
	padding: 5px 0 5px 0px;
	margin: 0px 0 15px 0px;
	line-height: 20px;
	
	width: auto;
	}