/* Layout-Grid */
body { 
	font-family: Tahoma, Arial;
	font-size: 11px;
	margin: 0;	
	padding: 0;	
	color: #303030;
	background-image: none; 
	background-color: #fff;	
}
.hideme { display: none; }
.mainframe { width: 320px; margin: 0px; border-left: 0px solid #fff;
	border-right: 0px solid #fff;
	box-shadow: 0px 0px 0px 0px #000;
	-moz-box-shadow: 0px 0px 0px 0px #000;
	-webkit-box-shadow: 0px 0px 0px 0px #000;}
#wrapper { width: 320px; }
.claimbox { position: absolute; top: 10px; left: 50px; }
.claimimage  { width: 80px; }

#header { clear: both; }
.headerimage { width: 320px; }
.headerimagebox { padding-bottom: 10px; }
#footer { width: 320px; background-color: #1e4387; }
.footerboxcenter ul { margin: 0; padding: 0; }
.footerboxcenter li { list-style: none; float: left; }
.footerboxcenter li.desktoplink { padding-left: 124px; padding-right: 20px; }
.footerboxcenter {width: 100%; text-align: left; float: none; padding-left: 10px; }

#contentmain
	{
	float: none;
	width: 320px;
	background: #fff;	
	padding: 0 2px 0 2px; 
}

#infocol
	{
	float: none;
	width: 320px;
	background: #fff;
	margin-top: 10px; 
	padding-top: 20px;
	border-top: 1px solid #e3e8f0;
}

.contentmainbox { padding: 0px 0px 0px 0px; width: 320px; }
#contentmainfull {width: 320px;} 
.teaserimg { float: left; margin-right: 10px; }
.teasertextimg { margin-left: 0;}
.textimg, .teaserboximg { width: 100px; }
.sliderimg { width: 45px; }
/*#submenu { display: none; }*/
.contentnavboxmobil { width: 158px; text-align: center; float: left; background-color: #e3e8f0; color: #1e4387; font-size: 12px; font-weight: bold; border: 1px solid #fff; padding: 4px 0px; }
.contentnavboxmobil_full { width: 318px; text-align: center; background-color: #e3e8f0; color: #1e4387; font-size: 12px; font-weight: bold; border: 1px solid #fff; padding: 4px 0px; clear: both; }
.contentnavboxmobil_full1 { width: 306px; text-align: left; background-color: #e3e8f0; color: #1e4387; font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 4px 0px; clear: both; padding-left: 12px; }
.contentnavboxmobil_full2 { width: 294px; text-align: left; background-color: #e9edf3; color: #1e4387; font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 4px 0px; clear: both; padding-left: 24px; }
.contentnavboxmobil_full3 { width: 282px; text-align: left; background-color: #e9edf3; color: #1e4387; font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 4px 0px; clear: both; padding-left: 36px; }
.contentnavboxmobil_full4 { width: 270px; text-align: left; background-color: #e9edf3; color: #1e4387; font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 4px 0px; clear: both; padding-left: 48px; }
.contentnavboxmobil_full5 { width: 258px; text-align: left; background-color: #e9edf3; color: #1e4387; font-size: 12px; font-weight: normal; border: 1px solid #fff; padding: 4px 0px; clear: both; padding-left: 60px; }
.contentnavboxmobil a, .contentnavboxmobil_full a, .contentnavboxmobil_full1 a,.contentnavboxmobil_full2 a,.contentnavboxmobil_full3 a,.contentnavboxmobil_full4 a,.contentnavboxmobil_full5 a { display: block; }
.contentboxwrapper { background-color: #e3e8f0; padding-top: auto; padding-bottom: auto;}
.full { width: 318px; }
.aktiv { background: #9e0000; }
.aktiv a { color: #fff; }
.aktiv a:hover { color: #fff; }

.aktiv1 { background: #9e0000; }
.aktiv1 a { color: #fff; }
.aktiv1 a:hover { color: #fff; }

.aktiv2 { background: #e9edf3; font-weight: normal; }
.aktiv2 a { color: #9e0000; }
.aktiv2 a:hover { color: #9e0000; }

.aktiv3 { background: #e9edf3; font-weight: normal; }
.aktiv3 a { color: #9e0000; }
.aktiv3 a:hover { color: #9e0000; }

.aktiv4 { background: #e9edf3; font-weight: normal; }
.aktiv4 a { color: #9e0000; }
.aktiv4 a:hover { color: #9e0000; }

.aktiv5 { background: #e9edf3; font-weight: normal; }
.aktiv5 a { color: #9e0000; }
.aktiv5 a:hover { color: #9e0000; }


a.navlevel1_aktiv, a.navlevel1_aktiv:hover { 
	text-decoration: none; color: #fff; margin: 0; height: 2.45em; display: block; padding-top: 6px; 
	font-weight: bold; 
	font-size: 10px;
	line-height: 1.1em;	
	padding-left: 1.5em; 
	padding-right: 1.5em;
	background: #9e0000;
	border-left: 1px solid #d8dfea; 
	border-right: 1px solid #546787; 
	border-bottom: 1px solid #7C0101;
 }
.interner_link, .teaserlink { display: inline-block; padding-left: 16px; background-image: url('/systemstatic/internet/img/icon_arrow_right.png'); background-position: 0px 1px; background-repeat: no-repeat; }
.externer_link { display: inline-block; padding-left: 16px; background-image: url('/systemstatic/internet/img/icon_externallink.png'); background-position: 0px 1px; background-repeat: no-repeat; }
.kontaktlink { font-size: 12px; font-family: Tahoma; }
.dachzeile { padding-top: 2px; }


.functionbox {
	display: none; 
}
#socialshareprivacy { display: none; }
form, fieldset, input, select, textarea { font-size: 11px; }

.jcarousel-skin-tango .jcarousel-container-horizontal {
    width: 220px;	
    padding: 10px 44px 10px 44px;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 20px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(/systemstatic/internet/img/next-horizontal.png) no-repeat 0 0;
	border: 1px solid #e3e8f0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal {
    left: 5px;
    right: auto;
    background-image: url(/systemstatic/internet/img/prev-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 20px;
    left: 1px;
    width: 32px;
    height: 32px;
    cursor: pointer;
	background: transparent url(/systemstatic/internet/img/prev-horizontal.png) no-repeat 0 0;
	border: 1px solid #e3e8f0;
}

.jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal {
    left: auto;
    right: 5px;
    background-image: url(/systemstatic/internet/img/next-horizontal.png);
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover, 
.jcarousel-skin-tango .jcarousel-prev-horizontal:focus {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

#mycarousel li { border: 1px solid #e3e8f0; padding-top: 2px; padding-bottom: 2px; text-align: center; height: 45px; }

/* Bildergalerie Einstieg */
.galerie_imagebox { width: 305px; text-align: center; height: 100%; margin-bottom: 1px; }
.galerie_teaserbox { width: 300px; height: 100%; }
.galerie_imageteaser { width: 80px; }
.galerie_imagedetail { width: 200px; }
#galerie li { list-style: none; float: left; vertical-align: top; text-align: center; border: 1px solid #e3e8f0; width: 7.5em; height: 7.5em; margin-right: 12px; margin-bottom: 2px; padding: 2px; overflow: hidden; }

.piccommentbox { width: 10em; }
.breadcrumbbox { width: 300px; padding-left: 10px; }
.contentleft { margin-top: 10px; }

/* Lighbox */
#outerImageContainer {
	margin: 0px auto; width: 270px; height: 320px; position: relative; min-width: 270px; background-color: rgb(255, 255, 255);
}
#imageContainer {
	padding: 10px; min-width: 270px; 
}
#imageDataContainer {
	font-family: Tahoma;	
	line-height: 1.15em;
 margin: 0px auto; min-width: 270px; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); padding-bottom: 8px;
}

#imageDetails {
	width: 100%; text-align: left; float: left; min-width: 250px; font-size: 0.875em; font-family: Tahoma, Geneva, Arial;
}

#imageDetails #downloadlink { background: url("/systemstatic/stadtmuseum/img/icon_galerie_download.gif") no-repeat 0px 1px; }


form textarea { width: 300px; }

form#calenderbox, form#branchensuche { background: #e3e8f0; padding: 0.5em 0.4em 0.5em 0.8em; margin-bottom: 0.8em; margin-top: 0.3em; width: 300px;  }
.labelbox { width: 100%; }

@media (min-width: 330px) {
.mainframe { width: 100%; max-width: 640px; margin: 0 auto; }
.headerboxbanner { height: auto; }
.headerimage { width: 100%; } 
.breadcrumbbox, #wrapper, .contentmainteaserbox, .contentmainbox, .mainframe, #contentmain, #infocol, #contentmainfull, #footer, .contentmainteaserbox  td { width: 100%; box-sizing: border-box; }
.contentnavboxmobil_full, .contentnavboxmobil_full1, .contentnavboxmobil_full2, .contentnavboxmobil_full3, .contentnavboxmobil_full4, .contentnavboxmobil_full5 { width: 100%; box-sizing: border-box; }
.submitbuttonbox_archiv { float: none; }
}
@media (max-width: 480px) {
.contentnavboxmobil { width: 50%; box-sizing: border-box; }
}

@media (min-width: 481px) and (max-width: 604px) {
.contentnavboxmobil { width: 33.3333%; box-sizing: border-box; }
}

@media (min-width: 605px) {
.contentnavboxmobil { width: 25%; box-sizing: border-box; }
}