/* Allgemein
----------------------------------------------------------------------------*/

body, html {width:100%; height:100%; overflow:auto; margin:0; padding:0; background-color:#ededed; font-family:Arial, Helvetica, sans-serif;}
	
a {text-decoration:underline; font-weight:700; color:#002f5d;}
a:hover {text-decoration:underline; color:#e41d31;}
	
h1 {font-size:19px; font-weight:bold; color:#002f5d;}
h2 {font-size:16px; font-weight:bold; color:#e41d31;}
h3 {font-size:14px; font-weight:bold; color:#002f5d;}
h4 {font-size:14px; font-weight:bold; color:#e41d31;}
h5 {font-size:12px; font-weight:bold; color:#002f5d;}
h6 {font-size:12px; font-weight:bold; color:#e41d31;}

hr {border-top:1px solid #cfd0d0; border-bottom:0; border-left:0; border-right:0; margin:15px 0 15px 0;}
	
.image_container {margin:0; padding:0;}

.rahmen_content .ce_gallery ul {list-style:none; margin:0 !important; padding:0 !important; float:left;}
.rahmen_content .ce_gallery ul li {margin:0 15px 15px 0; list-style:none; padding:0 !important; float:left;}

.rahmen_content .ce_gallery .image_container {margin:0; padding:0; float:left;}
.rahmen_content .ce_gallery .image_container img {width:100% !important; height:auto; margin:0; padding:0; float:left;}

.rahmen_content ul {margin:0; padding:0 0 15px 20px; list-style:disc;}
.rahmen_content ol {margin:0; padding:0 0 15px 40px;}

/* Imagelayer
----------------------------------------------------------------------------*/

.bg_layer_top_brunsbuettel_ports {width:100%; min-height:100%; margin:0; padding:0; background-image:url(../bilder/bg_brunsbuettel_ports_body_grau.png); background-position:top; background-repeat:repeat-x; float:left;}
.bg_layer_weiss {width:100%; min-height:100%; margin:0; padding:0; background-image:url(../bilder/bg_brunsbuettel_ports_body_content_weiss.png); background-position:center top; background-repeat:repeat-y; float:left;}
.bg_layer_wasserzeichen_links {width:100%; min-height:100%; bottom:0 !important; margin:0; padding:0; background-image:url(../bilder/wasserzeichen_links.png); background-position:bottom left; background-repeat:no-repeat; float:left;}
.bg_layer_wasserzeichen_rechts {bottom:0px; width:100%; min-height:100%; margin:0; padding:0; background-image:url(../bilder/wasserzeichen_rechts.png); background-position:right bottom; background-repeat:no-repeat; float:left;}
.bg_layer_aktuelles_grau {width:100%; min-height:100%; margin:0; padding:0; background-image:url(../bilder/bg_brunsbuettel_ports_body_aktuelles_grau.png); background-position:bottom left; background-repeat:repeat-x; float:left;}
	
/* Hauptlayer
----------------------------------------------------------------------------*/
	
.corpus {width:960px; min-height:800px; height:auto !important; height:800px; margin:0px auto;}
.wrapper {width:960px; min-height:800px; height:auto !important; height:800px; margin:0; padding:0; float:left;}

/* Kopfbereich
----------------------------------------------------------------------------*/

.rahmen_head {width:960px; height:94px; float:left;}
.rahmen_head .logo {width:530px; height:94px; float:left;}
.rahmen_head .sprache {width:140px; height:94px; float:left;}

.rahmen_head .sprache .mod_changelanguage ul {float:right;}
.rahmen_head .sprache .mod_changelanguage li {width:33px; height:33px; list-style:none; font-size:13px; font-weight:bold; margin:0 0 0 15px; float:left;}
.rahmen_head .sprache .mod_changelanguage li a {width:25px; height:26px; background-color:#cfd0d0; color:#002f5d; display:block; padding:7px 0 0 8px; text-decoration:none; float:left;}
.rahmen_head .sprache .mod_changelanguage li a:hover {background-color:#002f5d; color:#FFF;}
.rahmen_head .sprache .mod_changelanguage li span {width:25px; height:26px; background-color:#002f5d; color:#FFF; display:block; padding:7px 0 0 8px; text-decoration:none; float:left;}

.rahmen_head .social {width:200px; height:94px; margin:0 0 0 50px; float:left;}
.rahmen_head .social a {width:33px; height:33px; margin:0 0 0 15px; font-size:1px; color:#cfd0d0; float:left;}
.rahmen_head .social a:hover {color:#002f5d;}
.rahmen_head .social a.home_icon {background-image:url(../bilder/icon_home.png); background-repeat:no-repeat; }
.rahmen_head .social a.home_icon:hover {background-image:url(../bilder/icon_home_hover.png); background-repeat:no-repeat;}
.rahmen_head .social a.rss_icon {background-image:url(../bilder/icon_rss.png); background-repeat:no-repeat; }
.rahmen_head .social a.rss_icon:hover {background-image:url(../bilder/icon_rss_hover.png); background-repeat:no-repeat;}
.rahmen_head .social a.facebook_icon {background-image:url(../bilder/icon_facebook.png); background-repeat:no-repeat; }
.rahmen_head .social a.facebook_icon:hover {background-image:url(../bilder/icon_facebook_hover.png); background-repeat:no-repeat;}
.rahmen_head .social a.kontakt_icon {background-image:url(../bilder/icon_kontakt.png); background-repeat:no-repeat; }
.rahmen_head .social a.kontakt_icon:hover {background-image:url(../bilder/icon_kontakt_hover.png); background-repeat:no-repeat;}

.rahmen_navi {width:960px; height:55px; background-image:url(../bilder/navi_bg.png); background-repeat:repeat-x; float:left;}

.rahmen_banner {width:961px; height:300px; margin:0 0 0 -1px; padding:0;  float:left;}
.rahmen_banner .flexslider {width:963px; }

.rahmen_banner .flex-direction-nav {position:relative; z-index:10; bottom:150px;}
.rahmen_banner .flex-control-nav {bottom:15px; position:relative; z-index:10;}

.rahmen_banner .flex-direction-nav a {width: 43px; height: 43px; margin: -20px 0 0; display: block; background: url(../bilder/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.rahmen_banner .flex-direction-nav .flex-next {background-position: 100% 0;}

.rahmen_banner .flex-control-paging li a {width: 40px; height: 10px; display: block; background: #FFF; cursor: pointer; text-indent: -9999px; border-radius: 0px;}
.rahmen_banner .flex-control-paging li a:hover {background: #e41d31;}
.rahmen_banner .flex-control-paging li a.flex-active {background: #e41d31; cursor: default;}

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

.rahmen_navi ul {width:930px; height:30px; margin:12px 0 0 30px; list-style:none;}
.rahmen_navi ul li.first {border:0;}
.rahmen_navi ul li {list-style:none; height:30px; font-size:13px; border-left:1px solid #cfd0d0; margin:0 15px 0 0; padding:0 0 0 0; float:left;}
.rahmen_navi ul li a {text-decoration:none; height:45px; margin:6px 0 0 15px; padding:0 0 0 0; display:block;}
.rahmen_navi ul span.active {height:45px; margin:6px 0 0 15px; padding:0 0 0 0; display:block; font-weight:bold; color:#e41d31;}
.rahmen_navi ul li.trail, .rahmen_navi ul li.trail a {font-weight:bold; color:#e41d31;}
.rahmen_navi ul li.trail a:hover {font-weight:bold; color:#002f5d;}

/* Contentbereich
----------------------------------------------------------------------------*/

.rahmen_content {width:960px; min-height:100px; height:auto !important; height:100px; float:left;}
.rahmen_content .einspaltig {width:870px; min-height:100px; height:auto !important; height:100px; margin:30px 45px 30px 45px; font-size:13px; line-height:20px; color:#666; float:left;}

.rahmen_content .left {width:610px; min-height:100px; height:auto !important; height:100px; margin:30px 45px 30px 45px; font-size:13px; line-height:20px; color:#666; float:left;}
.rahmen_content .right {width:210px; min-height:100px; height:auto !important; height:100px; margin:30px 0 30px 0; font-size:13px; line-height:20px; color:#666; float:left;}

.rahmen_content .left ul {list-style:disc; margin-top:15px; margin-left:20px;}
.rahmen_content .left ul li {margin-bottom:10px;}

/* Subnavi Sidebar
----------------------------------------------------------------------------*/

.rahmen_content .right .mod_navigation ul, .rahmen_content .right .mod_newsmenu ul {width:100%; padding:0; float:left;}
.rahmen_content .right .mod_navigation ul li, .rahmen_content .right .mod_newsmenu ul li {width:180px; height:30px; margin:0 0 10px 0; padding:0; list-style:none; border-left:5px solid #002f5d; float:left;}
.rahmen_content .right .mod_navigation ul li a, .rahmen_content .right .mod_newsmenu ul li a {width:180px; height:22px; margin:0 0 0 5px; padding:8px 0 0 15px; display:block; background-color:#ededed; font-size:13px; line-height:13px; color:#666; text-decoration:none; float:left;}
.rahmen_content .right .mod_navigation ul li a:hover, .rahmen_content .right .mod_newsmenu ul li a:hover {color:#e41d31;}
.rahmen_content .right .mod_navigation ul li:hover, .rahmen_content .right .mod_newsmenu ul li:hover, .rahmen_content .right .mod_navigation ul li.active, .rahmen_content .right .mod_newsmenu ul li.active {border-left:5px solid #e41d31;}
.rahmen_content .right .mod_navigation ul li span.active, .rahmen_content .right .mod_newsmenu ul li span.active {width:180px; height:22px; margin:0 0 0 5px; padding:8px 0 0 15px; display:block; background-color:#ededed; font-size:13px; line-height:13px; color:#e41d31; text-decoration:none; font-weight:bold; float:left;}

/* news
----------------------------------------------------------------------------*/

.rahmen_content .layout_latest {width:560px; height:195px; overflow:hidden; margin:15px 0 30px 0; float:left;}
.rahmen_content .newsbild {width:166px; height:195px; float:left;}
.rahmen_content .newsbild img {width:140px; border:3px solid #666; height:174px; float:left;}
.rahmen_content .teaser {width:394px; font-size:13px; line-height:20px; float:left;}
.rahmen_content .teaser p.info {font-size:14px; color:#e41d31; margin:0 0 0 0; font-weight:bold;}
.rahmen_content .teaser h4 {margin:0 0 10px 0;}
.rahmen_content .teaser h4 a {text-decoration:none;}


/* Formular
----------------------------------------------------------------------------*/

.rahmen_content .formbody {width:400px; font-size:13px; color:#666; float:left;}
.rahmen_content .formbody td.col_0 {width:120px; font-size:13px; color:#666; float:left;}
.rahmen_content .formbody td {vertical-align:top;}
.rahmen_content .formbody td.col_1 {width:250px; font-size:13px; color:#666;}
.rahmen_content .formbody td.col_1 input {width:249px; height:25px; margin-bottom:10px; font-size:13px; color:#002f5d; border:1px solid #e3e3e3; font-family:Arial, Helvetica, sans-serif; float:left;}
.rahmen_content .formbody td.col_1 textarea {width:248px; font-size:13px; color:#666; border:1px solid #e3e3e3; font-family:Arial, Helvetica, sans-serif; margin-bottom:10px; float:left;}
.rahmen_content .formbody td.col_1 select {width:252px; height:25px; margin-bottom:10px; font-size:13px; color:#666; border:1px solid #e3e3e3; font-family:Arial, Helvetica, sans-serif; float:left;}
.rahmen_content .formbody td.col_1 fieldset {width:220px; font-size:13px; color:#666; border:0px; padding:0px; margin:0px 0px 5px 0px; font-family:Arial, Helvetica, sans-serif; float:left;}
.rahmen_content .formbody td.col_1 span {width:220px; font-size:13px; color:#666; border:0px; padding:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; margin:0px; float:left;}
.rahmen_content .formbody td.col_1 input.checkbox {width:30px; font-size:13px; color:#666; border:0px; padding:0px 0px 0px 0px; margin:5px 0px 0px 0px; font-family:Arial, Helvetica, sans-serif; float:left;}
.rahmen_content .formbody td.col_1 span.captcha_text {width:220px; font-size:13px; font-family:Arial, Helvetica, sans-serif; color:#666; float:left;}
.rahmen_content .formbody .submit_container input.submit {width:100px; height:25px; background-color:#002f5d; color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; text-align:center; margin:20px 0px 0px 0px; padding:2px 0px 2px 0px; border:0px; float:right;}
.rahmen_content .formbody .submit_container input:hover {background-color:#e41d31; border:0px; color:#FFF; border:0px;}


/* Pagination
----------------------------------------------------------------------------*/

.pagination {width:550px; height:40px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left;}
.pagination p {width:100px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-weight:bold; float:left;}
.pagination li {margin:0px 0px 0px 0px; padding:0px 5px 0px 5px; list-style:none; float:left;}
.pagination span.current{text-decoration:underline; font-weight:bold; color:#e41d31;}
.pagination ul {list-style:none; padding:0px; margin:0px; float:right;}
.pagination a {text-decoration:none; font-size:13px; color:#002f5d; margin:0px 0px 0px 0px; padding:0px 2px 0px 2px; float:left;}
.pagination a:hover {color:#e41d31;}

/* Accordion
----------------------------------------------------------------------------*/

.rahmen_content section.ce_accordion .asp {width:110%; margin:0 0 0 -10px; padding:20px 0 20px 0; border-top:1px solid #CCC;}
.rahmen_content section.ce_accordion .asp.bold {border-top:2px solid #636362;}
.rahmen_content section.ce_accordion .asp p {margin:0; padding:0;}
.rahmen_content section.ce_accordion {width:100%; margin:0; padding:0;}
.rahmen_content .toggler {height:30px; width:100%; font-weight:bold; color:#002f5d; background-color:#ededed; font-size:13px; line-height:22px; cursor:pointer; cursor:hand; margin:0 0 10px 0; padding:5px 0 0 10px;}
.rahmen_content .toggler:hover {background:#002f5d; color:#FFF;}
.rahmen_content div.accordion {margin:0; padding:0 10px 0 10px;}


/* Footer
----------------------------------------------------------------------------*/
	
.rahmen_footer {position:relative; bottom:0px; width:960px; height:311px; background-image:url(../bilder/bg_brunsbuettel_ports_body_aktuelles_grau.png); background-repeat:repeat-x; margin:0; padding:0; float:left;}

.rahmen_footer .footer_aktuelles {width:960px; height:260px; overflow:hidden; float:left;}
.rahmen_footer .footer_aktuelles .layout_latest {width:410px; height:195px; overflow:hidden; margin:15px 0 0 45px; float:left;}
.rahmen_footer .footer_aktuelles .newsbild {width:166px; height:195px; float:left;}
.rahmen_footer .footer_aktuelles .newsbild img {width:140px; border:3px solid #FFF; height:174px; float:left;}
.rahmen_footer .footer_aktuelles .teaser {width:244px; font-size:13px; line-height:20px; float:left;}
.rahmen_footer .footer_aktuelles .teaser p.info {font-size:14px; color:#e41d31; margin:0 0 0 0; font-weight:bold;}
.rahmen_footer .footer_aktuelles .teaser h4 {margin:0 0 10px 0;}
.rahmen_footer .footer_aktuelles .teaser h4 a {text-decoration:none;}

.rahmen_footer .footer {width:960px; height:50px; background-color:#68819c; padding:0; margin:0; float:left;}

.rahmen_footer .footer .copyright {width:410px; height:33px; padding:17px 0 0 45px; color:#FFF; font-size:12px; margin:0 0 0 0; float:left;}

.rahmen_footer .footer .subnavi {width:460px; height:35px; padding:17px 45px 0 0; float:left;}
.rahmen_footer .footer .subnavi ul {list-style:none; float:right;}
.rahmen_footer .footer .subnavi li {list-style:none; margin:0 0 0 15px; float:left;}
.rahmen_footer .footer .subnavi li a {color:#FFF; font-size:12px; font-weight:normal; text-decoration:none;}
.rahmen_footer .footer .subnavi li a:hover {color:#e41d31;}
.rahmen_footer .footer .subnavi li.active {color:#e41d31;}