/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,form,figure{margin:0;padding:0}img{border:0}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font-size:100.01%}select,input,textarea{font-size:99%}#container,.inside{position:relative}#main,#left,#right{float:left;position:relative}#main{width:100%}#left{margin-left:-100%}#right{margin-right:-100%}#footer{clear:both}#main .inside{min-height:1px}.ce_gallery>ul{margin:0;padding:0;overflow:hidden;list-style:none}.ce_gallery>ul li{float:left}.ce_gallery>ul li.col_first{clear:left}.float_left{float:left}.float_right{float:right}.block{overflow:hidden}.clear,#clear{height:.1px;font-size:.1px;line-height:.1px;clear:both}.invisible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.custom{display:block}#container:after,.custom:after{content:"";display:table;clear:both}
/* Contao Open Source CMS, (c) 2005-2016 Leo Feyer, LGPL license */
body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,code,ol,ul,li,dl,dt,dd,figure,table,th,td,form,fieldset,legend,input,textarea{margin:0;padding:0}table{border-spacing:0;border-collapse:collapse}caption,th,td{text-align:left;text-align:start;vertical-align:top}abbr,acronym{font-variant:normal;border-bottom:1px dotted #666;cursor:help}blockquote,q{quotes:none}fieldset,img{border:0}ul{list-style-type:none}sup{vertical-align:text-top}sub{vertical-align:text-bottom}del{text-decoration:line-through}ins{text-decoration:none}header,footer,nav,section,aside,article,figure,figcaption{display:block}body{font:12px/1 "Lucida Grande","Lucida Sans Unicode",Verdana,sans-serif;color:#000}input,button,textarea,select{font-family:inherit;font-size:99%;font-weight:inherit}pre,code{font-family:Monaco,monospace}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}h1{font-size:1.8333em}h2{font-size:1.6667em}h3{font-size:1.5em}h4{font-size:1.3333em}table{font-size:inherit}caption,th{font-weight:700}a{color:#00f}h1,h2,h3,h4,h5,h6{margin-top:1em}h1,h2,h3,h4,h5,h6,p,pre,blockquote,table,ol,ul,form{margin-bottom:12px}
/* ColorBox, (c) 2011 Jack Moore, MIT license */
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxWrapper{max-width:none}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic}.cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0}#colorbox,#cboxContent,#cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box}#cboxOverlay{background:#000;opacity:.9;filter:alpha(opacity = 90)}#colorbox{outline:0}#cboxContent{margin-top:20px;background:#000}.cboxIframe{background:#fff}#cboxError{padding:50px;border:1px solid #ccc}#cboxLoadedContent{border:5px solid #000;background:#fff}#cboxTitle{position:absolute;top:-20px;left:0;color:#ccc}#cboxCurrent{position:absolute;top:-20px;right:0;color:#ccc}#cboxLoadingGraphic{background:url("../../assets/jquery/colorbox/1.6.1/images/loading.gif") no-repeat center center}#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:0}#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active{outline:0}#cboxSlideshow{position:absolute;top:-20px;right:90px;color:#fff}#cboxPrevious{position:absolute;top:50%;left:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top left;width:28px;height:65px;text-indent:-9999px}#cboxPrevious:hover{background-position:bottom left}#cboxNext{position:absolute;top:50%;right:5px;margin-top:-32px;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top right;width:28px;height:65px;text-indent:-9999px}#cboxNext:hover{background-position:bottom right}#cboxClose{position:absolute;top:5px;right:5px;display:block;background:url("../../assets/jquery/colorbox/1.6.1/images/controls.png") no-repeat top center;width:38px;height:19px;text-indent:-9999px}#cboxClose:hover{background-position:bottom center}
@media screen{
/* layout.css */
html{overflow-y: scroll}body{background:#fff url("../../files/Museumshafen/Theme/images/bg.jpg") center top no-repeat;font-family:verdana,sans serif;background-attachment: fixed}#header{width:1000px;background-color:#fff;background-repeat:no-repeat;font-size:26px;line-height:1.7em;font-weight:bold;color:#fff}#container{}#main{width:930px;min-height:300px;margin:20px;padding:20px 15px;background-color:#ededed;border-radius:10px;font-size:1em;line-height:1.7em;behavior:url("assets/css3pie/1.0.0/PIE.htc")}#footer{width:1000px;background-color:#939393;color:#fff}ul{margin-bottom:1.5em;list-style-type:square}ol{margin-bottom:1.5em;list-style-type:decimal}li{margin-left:2em}#wrapper{width:1000px;margin:0 auto;background-color:#fff;-webkit-box-shadow:4px 4px 12px 4px rgba(30,30,30,.5);box-shadow:4px 4px 12px 4px rgba(30,30,30,.5);font-family:verdana;behavior:url("assets/css3pie/1.0.0/PIE.htc")}
}
@media screen{
/* inhalte.css */
#main a{color:#505050}#main h1{line-height:1}#main p{font:17px/23px Raleway,verdana,arial,sanserife}
}
/* navigation.css */

html	{background:#ffffff;}

* 																						{
																							-webkit-transition: all 200ms;
																							-moz-transition: all 200ms;
																							-o-transition: all 200ms;
																							-ms-transition: all 200ms;
																							transition: all 200ms;
																						}
																						
/*
@font-face																	{
																							font-family: 'PT Serif';
																							src: url("../../files/Museumshafen/Theme/css/PT Serif.eot");
																							src: local('PT Serif'), url("../../files/Museumshafen/Theme/css/PT Serif.woff") format('woff'), url("../../files/Museumshafen/Theme/css/PT Serif.ttf") format('truetype');
																						}
*/
																						
/* use this class to attach this font to any element i.e. <p class="fontsforweb_fontid_1095">Text with this font applied</p> */
/* .fontsforweb_fontid_1095										{ font-family: 'PT Serif' !important; } */

#CLEAR																			{ clear:both; }
#header h1																		{ font-family:PT Serif; color:#ffffff; font-size:30px; }
/*
#header #head-navi-teaser										{ font-size:20px;  }
#header #head-navi-teaser a									{ font-size:20px; line-height:20px; }
#header #head-navi-teaser .active						{ font-size:20px; line-height:20px; }
#header #head-navi-teaser .trail						{ font-size:20px; line-height:20px; }
*/

#container div																{ font:17px/23px Raleway,verdana,arial,sanserife; }
#container img																{	margin-left:4px;
																							-webkit-box-shadow:4px 4px 8px 4px rgba(80,80,80,.5);
																							-moz-box-shadow: 4px 4px 8px 4px rgba(80,80,80,.5);
																							box-shadow:4px 4px 8px 4px rgba(80,80,80,.5);
																						}
#container .mime_icon												{	-webkit-box-shadow: none;
																							-moz-box-shadow: none;
																							box-shadow: none;
																						}

#header #head-navi-teaser	li									{ 
																							float:left;
																							width:169px; 
																							list-style:none; 
																							padding:15px; 
																							background:#e7eaeb; 
																							color:#444444; 
																							margin-left:auto;
																							margin-right:1px; 
																							text-align:center;
																							font-size:21px; 
																							line-height:20px; 
																							font-family:'Lora', serif;
																							font-weight:normal;
																							border-bottom-left-radius:10px;
																							border-bottom-right-radius:10px;
																							text-shadow: 3px 3px 3px #dddddd;
																						}
#header #head-navi-teaser	li:hover						{ color:#de0d1d; background:#ffffff; font-family:'Lora', serif; font-size:23px; }
#header #head-navi-teaser	li.active					{ color:#de0d1d; background:#ffffff; font-family:'Lora', serif; font-size:23px; }
#header #head-navi-teaser	li.trail						{ color:#de0d1d; background:#ffffff; font-family:'Lora', serif; font-size:23px; }
#header #head-navi-teaser .first							{ margin-left:0px;  }
#header #head-navi-teaser .first:hover				{ margin-left:0px;  }
#header #head-navi-teaser .last							{ margin-right:0px;  }
#header #head-navi-teaser .last:hover				{ margin-right:0px;  }
#header #head-navi-teaser .trail.last				{ margin-right:0px;  }
#header #head-navi-teaser .active.last				{ margin-right:0px;  }


#header #head-navi-sub	li											{ 
																							float:left;
																							width:155px;
																							list-style:none; 
																							padding:5px; 
																							background:#ffffff; 
																							color:#444444; 
																							margin-left:auto;
																							margin-right:1px; 
																							text-align:center;
																							font-size:15px;
																							font-weight:normal;
																							line-height:15px; 
																							font-family:'Lora', serif;
																							border-bottom-left-radius:5px;
																							border-bottom-right-radius:5px;
																						}
#header #head-navi-sub	li:hover								{ color:#de0d1d; font-weight:bold; }
#header #head-navi-sub	li.active							{ color:#de0d1d; font-weight:bold; }
#header #head-navi-sub	li.trail								{ color:#de0d1d; }
#header #head-navi-sub .first								{ margin-left:0px;  }
#header #head-navi-sub .first:hover					{ margin-left:0px;  }
#header #head-navi-sub .last									{ width:160px; margin-right:0px;  }
#header #head-navi-sub .last:hover						{ margin-right:0px;  }
#header #head-navi-sub .trail.last						{ margin-right:0px;  }
#header #head-navi-sub .active.last					{ margin-right:0px;  }



#main																				{ font-family:'Raleway', verdana, arial, sanserife; }

#main h1																			{ font-family:'Lora'; font-size:30px; }
#main h2																			{ font-family:'Lora'; font-size:24px; }
#main h3																			{ font-family:'Lora'; font-size:17px; }
#main .inside																{ padding: 0px 0px 10px 10px; }
/* #smallarticle																{ padding: 0px 210px 10px 10px; } */
#ARTICLE																		{ padding: 20px 210px 0px 0px; }


#main	.tab_left															{ float:left; width:150px; }
#main	.tab_right														{ float:left; width:300px; }
#main	.tab_clear														{ clear:both; height:1px; } /* sonst wird das feste Leerzeichen vom Editor als normal hohe Zeile dart´getstell */


tr.ships	{ border-bottom:dashed 1px #555555: }













#footer .imprint															{ padding:20px 10px 20px 10px; }
#footer .imprint	a														{ color:#ffffff; text-decoration:none; }
#footer .imprint	a:hover											{ color:#cccccc; }

.mod_search input[type="search"]							{ width:150px; height:25px; background:#e6e6e6; border:solid 1px #ffffff; font-family:verdana, sans serif; font-size:12px; font-weight:normal; }
.mod_search input[type="submit"]							{ width:100px; height:25px; background:#e6e6e6; border:solid 1px #ffffff; font-family:verdana, sans serif; font-size:12px; font-weight:normal; }

#DATENBANK																	{ float:right; width:180px; height:125px; padding-top:20px; padding-right:5px; padding-left:5px; background:#d1ee34; font-size:20px; line-height:35px; color:#0c3155; font-family:PT Serif; text-align:center; }
#DATENBANK:hover														{ background:#ff8c03; color:#ffffff; }

/* kalender not in use */
.mod_calendar	table.minicalendar							{ width:190px; height:145px; border:solid 1px #0c3155; background:#ffffff; color:#0c3155; }
.mod_calendar .head													{ height:15px; text-align:center; font-size:13px; line-height:15px; }
.mod_calendar .head a												{ color:#ff8d00; font-weight:bold; text-decoration:none; }
.mod_calendar .label													{ height:20px; padding:2px; text-align:center; font-size:10px; line-height:20px; }
.mod_calendar	.days													{ padding:2px; border:solid 1px #0c3155; width:10px; height:10px; line-height:10px; text-align:center; font-size:9px; color:#505050; }
.mod_calendar	.days.empty										{ border:none; }
.mod_calendar	.days.today										{ color:#ffffff; font-weight:bold; }
.mod_calendar	.days.active									{ background:#ff8a03; font-weight:bold; }
.mod_calendar	.days		a											{ color:#505050; text-decoration:none; }

#kalender a,h2																{ font-family:Verdana; }
#kalender h1																	{ font-size:24px; }
#kalender h2																	{ font-size:17px; }
#kalender .cal_3															{ font-family:verdana, Sans Serif; padding:5px; margin-bottom:1px; border-bottom:solid 1px #cccccc; }
#kalender .header														{ font-size:24px; font-family:Lustria; margin-top:20px; }
#kalender a																	{ color:#505050; text-decoration:underline; }

.mod_login																	{ width:400px; mrgin-top:40px; }
.mod_login input[type="text"]									{ width:150px; height:25px; background:#ffffff; border:solid 1px #0c3155; font-family:verdana, sans serif; font-size:12px; font-weight:normal; }
.mod_login input[type="password"]							{ width:150px; height:25px; background:#ffffff; border:solid 1px #0c3155; font-family:verdana, sans serif; font-size:12px; font-weight:normal; }
.mod_login input[type="submit"]								{ width:100px; height:25px; background:#ffffff; border:solid 1px #0c3155; font-family:verdana, sans serif; font-size:12px; font-weight:normal; }
.mod_login input[type="text"]:hover						{ background:#0c3155; color:#ffffff; border:solid 1px #ffffff; }
.mod_login input[type="password"]:hover				{ background:#0c3155; color:#ffffff; border:solid 1px #ffffff; }
.mod_login input[type="submit"]:hover					{ background:#0c3155; color:#ffffff; border:solid 1px #ffffff; }
.mod_login .col_0														{ width:200px; padding-bottom:10px; }
.mod_login .col_1														{ width:300px; padding-bottom:10px; }
.mod_login .login_info												{ padding-bottom:10px; }

.dateiauswahl																{ width:300px; height:30px; background:#ffffff; border:solid 1px #0c3155; }
.dateiauswahl:hover													{ color:#ff8a03; }



.ce_accordion																{ width:580px; margin-top:20px; padding:0.25em 0.5em; }
.ce_accordion .toggler												{ cursor:pointer; background:#ffffff; padding:0.25em 0.5em; outline:none; background:#0c3155; color:#ffffff; font-family:PT Serif; font-size:17px; font-weight:bold; }
.1ce_accordion .accordion div									{ color:#00ff00; padding:0.75em 0.5em; }







#alertNo																			{ border:solid 5px #ff0033; font-size:13px; color:#ff0033; font-weight:bold; padding:5px; line-height:22px; background-color:#ffffff; }
#alertYa																			{ border:solid 5px #1CAD33; font-size:13px; color:#1CAD33; padding:5px; line-height:22px; background-color:#ffffff; }