﻿
@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

/* RESET */
* { margin:0; padding:0; border:0; line-height:1em; }

/* GLOBAL */
body 
{
	background: #9C9E9F; 
	text-align: center; 
	font-family: 'PT Sans', Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	color: #4D4D4D; 
}

/* TAGS */
h1 
{ 
	font-size: 18px; 
	font-weight: 600; 
	line-height: 28px; 
	color: #0A71B4; 
	margin: 0px;
   padding-bottom: 10px;
}

h2 { 
	font-size:14px; 
	font-weight:bold; 
	line-height:25px; 
	color:#0A71B4; 
	margin:0px 0px 0px 0px; 
}
h3 
{ 
	font-size:14px; 
	font-weight:normal; 
	line-height:21px; 
	color:#0A71B4; 
	margin:0px 0px 0px 0px; 
}

h4 { font-size:14px; font-weight:bold; line-height:21px; color:#333333; margin:0px 0px 10px 0px; }
h5 { font-size:12px; font-weight:bold; line-height:18px; color:#0A71B4; margin:0px 0px 10px 0px; }
h6 { }
p 
{ 
	line-height: 21px; 
	margin:0px 0px 10px 0px; 
}
a { color:#0A71B4; }
ul { list-style:inside; }
.content ul
{ 
	list-style: square outside; 
	line-height: 21px; 
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 5px; 
}
.content ul li
{
	margin-bottom: 10px;
}


/* LAYOUT */
.body 
{ 
	background:url(/fileadmin/templates/images/classBody.jpg) repeat; 
}
div.screen 
{ 
	background:url(/fileadmin/templates/images/classScreen.jpg) no-repeat center top; 
}
.headerWrap { background:#FFFFFF; }
.header { width:992px; text-align:left; margin:auto; height:170px; padding:0px 0px 0px 25px; }
#site 
{ 
	width: 1200px; 
	text-align:left; 
	margin:auto; 
	position:relative; 
	top:-25px; 
	z-index:10; 
}
#leftColumn, 
.rightColumn 
{ 
	background:#FFFFFF; 
	-webkit-border-radius:10px; 
	-khtml-border-radius:10px; 
	-moz-border-radius:10px; 
	border-radius:10px; 
	-webkit-box-shadow:0px 0px 5px #333333; 
	-moz-box-shadow:0px 0px 5px #333333; 
	box-shadow:0px 0px 5px #333333; 
}
#leftColumn 
{ 
	width: 975px; 
	float: left; 
	position: relative; 
}
.rightColumn { width:216px; float:right; position:relative; }
#leftLeftColumn 
{ 
	width: 250px; 
	float: left; 
}
#leftRightColumn 
{ 
	width: 710px; 
	float: right; 
}
.bottomBorder { height:25px; background:url(/fileadmin/templates/images/classBottomBorder.jpg) repeat-x; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }

/* MAINMENU */
div.mainMenu 
{ 
	height: 37px; 
	margin-bottom: 0px;
	margin-top: -12px;
	overflow: hidden;
}

.mainMenu ul 
{ 
	list-style: none; 
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 40px; 
}
.mainMenu li 
{ 
	float: left; 
	width: 140px;  
	height: auto; 
	margin: 0px 10px 0px 0px; 
}
.mainMenu a 
{ 
	display: block; 
	background: url(/fileadmin/templates/images/mainMenuBtn.png) no-repeat;
	background-size: 100% 100%; 
	padding: 7px 5px 5px 5px; 
	text-align: center; 
	color:#FFFFFF; 
	text-decoration: none; 
	height: 40px;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}
.mainMenu a.act, .mainMenu a:hover 
{ 
	background:url(/fileadmin/templates/images/mainMenuBtnAct.png) no-repeat;
	background-size: 100% 100%;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}

#mainMenu .level2,
#mainMenu .level3
{
   display: none;
}

#mainMenuMobile
{
}

#mainMenuMobile ul
{
   text-align: left;
}

#mainMenuMobile ul a
{
   text-decoration: none;
}

div.breadCrumb,
div.language
{
	background:#C5C5C5;
}
 /* BREADCRUMB */
div.breadCrumb 
{  
	height:40px; 
	margin-left: 0px;
   margin-top: 0px;
   margin-right: 0px;
   margin-bottom: 20px;
	padding-right: 15px;
   padding-top: 12px;
   padding-left: 0px;
   padding-bottom: 12px;
   text-align: right;
   
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px; 
	-khtml-border-top-left-radius:10px; 
	-khtml-border-top-right-radius:10px; 
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	border-top-left-radius:10px; 
	border-top-right-radius:10px; 
}
.breadCrumb p 
{
   display: inline-block;
	margin: 0px;
   line-height: normal;
}
.breadCrumb ul 
{
   display: inline-block;
	margin-left: 10px;
	margin-top: 2px;
	list-style: none; 
}
.breadCrumb li 
{
   display: inline-block;
   margin:0px 4px 0px 0px; 
   color:#0A71B4; 
}
.breadCrumb a { text-decoration:none; }
.breadCrumb a:hover { text-decoration:underline; } 

/* SUBMENU */
.subMenu 
{ 
	margin:0px 0px 20px 17px; 
	width:225px; 
}
.subMenu ul { list-style:none; }
.subMenu li { height:30px; }
.subMenu a 
{ 
	display: block; 
	background: url(/fileadmin/templates/images/subMenu.png) no-repeat;
	background-size: 100% 100%;
	font-weight: bold; 
	color: #333333; 
	padding: 8px 0px 8px 20px; 
	text-decoration: none;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}
.subMenu a.act, .subMenu a:hover 
{ 
	background:url(/fileadmin/templates/images/subMenuAct.png) no-repeat; 
	background-size: 100% 100%;
	color: #FFFFFF;
   
   -moz-transition: all 1s;
   -webkit-transition: all 1s;
   transition: all 1s;
}

/* INFOBOX1 */
.infoBox1 
{ 
	margin: 0px 0px 20px 18px; 
	width: 220px;
   max-width: 95%;
	background: url(/fileadmin/templates/images/headQuadersBody.png) repeat-y;
	background-size: 100% auto;
}
.infoBox1Bottom 
{ 
	background: url(/fileadmin/templates/images/headQuadersBottom.png) no-repeat; 
	background-size: 100% auto;
	height:4px; 
	margin: 20px 0px 0px 0px; 
}
.infoBox1 h1,
.infoBox1 h2,
.infoBox2 h3
{
	padding-left: 12px;
}
.infoBox1 p { font-size:12px; line-height:19px; padding:0px 12px 0px 12px; }
.infoBox1 h4 { color:#0A71B4; font-weight:bold; margin:0px 0px 0px 12px; line-height:19px; }
.infoBox1 ul { margin:0px 0px 0px 20px; }
.infoBox1 li { margin:2px 0px; margin-block: 10px; }
.infoBoxHeadGrey, 
.infoBoxHeadBlue 
{ 
	background:url(/fileadmin/templates/images/infoBoxHeadGrey.png) no-repeat;
	background-size: 100% 100%;
	color:#FFFFFF; 
	padding:6px 0px 6px 12px; 
	font-size:14px; 
	font-weight:normal; 
	margin:0px 0px 20px 0px; 
	line-height:1em; 
	height:13px; 
}
.infoBoxHeadBlue 
{ 
	background: url(/fileadmin/templates/images/infoBoxHeadBlue.png) no-repeat;
	background-size: 100% 100%;
}
.infoBox1 a { color:#333333; }
/* INFOBOX2 */
.infoBox2 
{ 
	background:url(/fileadmin/templates/images/infoBox2.png) repeat-y;
	background-size: 100% auto;
	width: 220px; 
	margin: 0px 0px 0px 18px; 
}
div.sidebarInfo
{
   padding-left: 10px;
   padding-right: 10px;
	font-size: 14px;
}
div.sidebarInfo .bodytext
{
	line-height: 1.8;
}
.rightColumn .infoBox2
{
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.infoBox2Head 
{ 
	background:url(/fileadmin/templates/images/infoBox2HeadGrey.png) no-repeat;
	background-size: 100% auto;
	height: 6px; 
	margin: 0px 0px 10px 0px 
}
.infoBox2Bottom 
{ 
	background: url(/fileadmin/templates/images/infoBox2Bottom.png) no-repeat;
	background-size: 100% auto;
	height:12px; 
	margin:5px 0px 0px 0px; 
}
.infoBox2 ul 
{ 
	list-style:none; 
	margin:0px 0px 0px 5px; 
}
.infoBox2 li { margin:2px 0px; }
.infoBox2 a { color:#333333; text-decoration:none; padding:0px 0px 0px 10px; }
.infoBox2 a.act, .infoBox2 a:hover { font-weight:bold; background:url(/fileadmin/templates/images/blueRectangle.png) no-repeat center left; }

/* CONTENT */
.content { padding: 0px 20px 0px 20px; }

/* BOUNCE */
div.bounce { padding:0px 20px 0px 20px; margin:30px 0px 0px 0px; }
div.bounce div 
{ 
	background:url(/fileadmin/templates/images/bounceBg.png) repeat-y;
	background-size: 100% auto; 
	width: 660px;
	max-width: 100%;
	padding-left: 10px;
	padding-top: 2px;
	height: auto;
}
div.bounce div div
{
	background: none;
	width: auto;
	padding-left: 3px;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
}
h2.bounceItem,
h3.bounceItem,
h4.bounceItem 
{ 
	background:url(/fileadmin/templates/images/bounceHeader.png) no-repeat;
	background-size: 100% 100%; 
	padding:4px 0px 5px 25px; 
	margin:0;
   cursor: pointer;
}
.bounceItem h5 { padding:10px 0px 0px 25px; }
div.bounce h2.ui-state-active,
div.bounce h3.ui-state-active,
div.bounce h4.ui-state-active,
h2.bounceItem:hover,
h3.bounceItem:hover,
h4.bounceItem:hover 
{ 
	background:url(/fileadmin/templates/images/bounceHeaderAct.png) no-repeat;
	background-size: 100% 100%;
	color:#FFFFFF; 
}
.bounceItem ol { list-style:decimal; margin:0px 10px 0px 40px; padding:0px 0px 10px 0px; }
.bounceItem li { font-size:12px; margin:2px 0px; line-height:18px; }

/* MICSTABLE */
.miscTable { padding:0px 20px; margin:20px 0px; }
.miscTableItem { border-left:1px solid #CCCCCC; width:151px; float:left; padding:2px 7px; }
.miscTableItem h4 { font-size:12px; font-weight:bold; color:#0A71B4;  margin:0px 0px 5px 0px; }
.miscTableItem p { font-size:12px; margin:0px; line-height:18px; }

/* FOOTERMENU */
.footerMenu { margin:0px 20px; border-top:1px solid #CCCCCC; padding:10px 20px 20px 20px; text-align:center; }
.footerMenu ul { list-style:none; display:inline }
.footerMenu li { margin:0px 2px 0px 0px; text-align:center; display:inline; line-height:18px; font-size:12px; color:#333333; }
.footerMenu a { color:#333333; text-decoration:none; }
.footerMenu a.act, .footerMenu a:hover { text-decoration:underline; }

/* LANGUAGE */
.language 
{  
	height: 65px; 
	margin: 0px 0px 20px 0px; 
	text-align:right; 
	-webkit-border-top-left-radius:10px; 
	-webkit-border-top-right-radius:10px; 
	-khtml-border-top-left-radius:10px; 
	-khtml-border-top-right-radius:10px; 
	-moz-border-radius-topleft:10px; 
	-moz-border-radius-topright:10px; 
	border-top-left-radius:10px; 
	border-top-right-radius:10px; 
}
.language p {  margin:0px; }
.language ul { list-style:none; margin:0px 0px 0px 131px; }
.language li { float:left; margin:0px 4px 0px 0px; }

div#otherLangLinkWrapper
{
   position: relative;
   max-height: 100%;
   margin-right: 20px;
}

#otherLangLinkWrapper a
{
   position: relative;
   display: inline-block;
   height: 100%;
}

#otherLangLinkWrapper img
{
   max-height: 30px;
   width: auto;
   margin-top: 20px;
}

/* CONTACTBOX */
.contactBox { margin:0px 8px 20px 8px; padding:10px; border:1px solid #CCCCCC; background:#F2F2F2 }
.phone { display:block; color:#0A71B4; font-size:19px; }

/* INFOBOX2 RIGHT COLUMN */
.rightColumn .infoBox2 { margin:0px 0px 20px 8px; }

/* INFOBOX1 RIGHT COLUMN */
.rightColumn .infoBox1 { margin:0px 0px 20px 8px; }

/* COPYRIGHT */
.copyright { text-align:center; padding:5px 0px 0px 0px; }
.copyright p { color:#FFFFFF; }

/* Pages menu */
.pagesMenu div.menuItem
{
   display: inline-block;
   width: 33%;
   margin-bottom: 20px;
   vertical-align: top;
}

.pagesMenu .menuItem div.menuItemInner
{
   width: 92%;
   margin-left: auto;
   margin-right: auto;
   margin-top: 10px;
   margin-bottom: 10px;
   background: #F9F9F9;
   border: 2px #FFF solid;
   overflow: hidden;
}

.pagesMenu .menuItem div.menuItemInner:hover
{
   background: #F0F0F0;
   border: 2px #EEE outset;
}

.pagesMenu .menuItem .menuItemInner a,
.pagesMenu .menuItem .menuItemInner a:visited
{
   text-decoration: none;
   color: inherit;
}

.pagesMenu .menuItem div.menuItemImage
{
   height: 140px;
   margin-bottom: 10px;
   text-align: center;
   overflow: hidden;
}

.pagesMenu .menuItem .menuItemImage img.pagesImage
{
   width: auto;
   min-width: 100%;
   height: 100%;
}

.pagesMenu .menuItem div.pagesItemContent
{
   height: 100px;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 10px;
   overflow: hidden;
}

.pagesMenu .menuItem .pagesItemHeader
{
   font-size: 16px;
   padding-bottom: 10px;
}

.pagesMenu .menuItem div.pagesItemText
{
   line-height: 16px;
}

/* MISC */
.clear { clear:both; }

.print-icon
{
}

div.print-icon
{
	padding-top: 2px; 
	padding-left: 10px;
	padding-right: 5px;
	margin-top: 0px; 
	margin-right: 0px;
	float: right;
}

.print-icon img
{
}

.print-button
{
}

.print
{
	text-align: left;
}

div.print
{
	width: 90%
}

.print-header
{
}

div.print-header
{
	clear: both;
}

.print-logo
{
}

div.print-logo
{
	float: left;
}

div.print-button
{
	width: 100px;
	float: right;
	text-align: right;
}

.print-content
{
}

div.print-content
{
	clear: both;
}

.print-footer
{
}

div.print-footer
{
}

form.inhalt input
{
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #202020;
	background-color: #F0F0F0;
}

form.inhalt textarea,
form.inhalt input.submit
{
	border-bottom-width: 2px;
	border-bottom-style: groove;
	border-bottom-color: #808080;
	border-top-width: 2px;
	border-top-style: ridge;
	border-top-color: #808080;
	border-left-width: 2px;
	border-left-style: ridge;
	border-left-color: #808080;
	border-right-width: 2px;
	border-right-style: groove;
	border-right-color: #808080;
	padding: 2px 10px 2px 10px;
}

dl.csc-menu-4 dt h3 a,
dl.csc-menu-4 dt h3 a:visited,
div.csc-sitemap h3
{
	text-decoration: none;
	color: #3E3E3E;
	font-weight: bold;
}

dl.csc-menu-4 dt h3 a:hover
{
	text-decoration: underline;
}

dl.csc-menu-4 dd
{
	padding-top: 2px;
	padding-bottom: 8px;
	padding-left: 5px;
}

div.csc-sitemap ul
{
	list-style: none;
	margin-bottom: 5px;
	margin-left: 5px;
}

.sitemap-level2 li
{
	padding-left: 5px;
	padding-bottom: 2px;
}

div.fsnd_rss_item
{
	clear: both;
	float: none;
	text-align: left;
}

.fsnd_rss_item p.date
{
	width: 62px;
	font-size: 11px;
	font-style: italic;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 10px;
	padding-bottom: 0px;
	display: block;
	float: right;
	position: relative;
	text-align: right;
	line-height: normal;
	color: #000;
}

.fsnd_rss_item h2,
.fsnd_rss_item h3
{
	width: 425px;
	margin-top: 5px;
	margin-bottom: 0px;
	padding-top: 0px;
	font-weight: bold;
}

.fsnd_rss_item h2
{
	font-size: 14px;
}

.fsnd_rss_item h2 a
{
	text-decoration: none;
	color: #3E3E3E;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.fsnd_rss_item h2 a:hover
{
	text-decoration: underline;
	color: #000;
}

.entry-content h1
{
	font-size: 12px;
}

div.entry-content,
.fsnd_rss_item hr
{
	float: none;
	clear: both;
}

div.entry-content
{
	margin-top: 3px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.fsnd_rss_item hr
{
}

.entry-content p img
{
	display: block;
	float: left;
	margin-right: 10px;
}

a.more-link
{
	display: none;
}

div.feedMoreLink
{
	text-align: right;
	margin-bottom: 10px;
	margin-right: 20px;
	padding-bottom: 5px;
}

div.newsImage
{
	float: left;
	width: 150px;
}
div.csc-textpic-intext-left .csc-textpic-imagewrap
{
	max-width: 50%;
}

div.csc-textpic-intext-left .csc-textpic-imagewrap img
{
	max-width: 100%;
	height: auto;
}

div#mainMenuMobileDesk
{
	display: none;
}

/*********  Powermail *******************/
div.tx-powermail
{
	max-width: 100%;
   margin-top: 20px;
}
.tx-powermail h3,
.tx-powermail .powermail_fieldset legend
{
	display: none;
}

.tx-powermail .powermail_fieldset
{
	max-width: 90%;
	margin-left:  auto;
	margin-right:  auto;
}

.tx-powermail .layout3 .powermail_fieldset
{
   display: inline-block;
	max-width: 100%;
}

.tx-powermail .layout3 div.powermail_fieldwrap
{
   margin-bottom: 15px;
}

.tx-powermail .layout3 .layout1 label.powermail_label
{
   display: inline-block;
   width: 120px;
   vertical-align: top;
}

.tx-powermail .powermail_fieldset .powermail_field
{
	max-width: 80%;
}

.tx-powermail .layout3 .layout1 div.powermail_field
{
   display: inline-block;
   width: 260px;
}

.tx-powermail .layout3 .layout1 input.powermail_input,
.tx-powermail .layout3 .layout1 textarea.powermail_textarea
{
   width: 98%;
   padding-bottom: 4px;
   padding-top: 3px;
   padding-left: 2px;
   padding-right: 2px;
   background-color: #F9F9F8;
}

.tx-powermail .layout3 .layout1 input.powermail_input
{
   border-bottom: 1px #3E3E3E solid;
}
.tx-powermail .layout3 .layout1 textarea.powermail_textarea
{
   border-bottom: 1px #3E3E3E solid;
   border-right: 1px #3E3E3E solid;
   border-left: 1px #E3E3E3 solid;
   border-top: 1px #E3E3E3 solid;
}

.tx-powermail .layout3 div.powermail_fieldwrap.powermail_fieldwrap_type_submit
{
   padding-left: 120px;
   text-align: right;
}

.tx-powermail .layout3 .layout1 input.powermail_submit
{
   width: 100%;
   padding-top: 10px;
   padding-bottom: 10px;
   color: #0A71B4;
   background-color: #F9F9F8;
   text-align: center;
   border: #E3E3E3 1px outset;
   cursor: pointer;
   
   transition: all 1s;
}

.tx-powermail .layout3 .layout1 input.powermail_submit:hover
{
   border-color: #3E3E3E;
   transition: all 1s;
}

@media only screen and (max-width: 1250px) 
{
	#site
	{
		width: 1150px;
	}
	#leftColumn
	{
		width: 925px;
	}
	#leftRightColumn
	{
		width: 675px;
	}
}
@media only screen and (max-width: 1200px) 
{
	#site
	{
		width: 1100px;
	}
	#leftColumn
	{
		width: 875px;
	}
	#leftRightColumn
	{
		width: 625px;
	}
}
@media only screen and (max-width: 1100px) 
{
	#site
	{
		width: 1050px;
	}
	#leftColumn
	{
		width: 825px;
	}
	#leftRightColumn
	{
		width: 575px;
		max-width: 75%;
	}
	#leftLeftColumn
	{
		max-width: 24.5%;
	}
}

@media only screen and (max-width: 1020px) 
{
	
	#site
	{
		width: 100%;
	}
	
	#leftColumn
	{
		max-width: 78%;	
	}
	.subMenu,
	.infoBox1,
	.infoBox2
	{
		max-width: 99%;
	}
	.rightColumn
	{
		width: 20%;	
	}
	
	.header
	{
		padding: 0;	
		height: 99px;
	}
	
	.header img
	{
		width: 100%;
		height: auto;
	}

	.header
	{
		width: 95%;
		margin: 0 auto;
		float: none;
	}
}

@media only screen and (max-width: 800px) 
{
	#leftColumn
	{
		float: none;
		max-width: 95%;
		margin-left: auto;
		margin-right: auto;
	}
	#rightColumn
	{
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	#leftRightColumn div.contactBox
	{
		width: 75%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	#locations
	{
		display: inline-block;
		max-width: 99%;
		vertical-align: top;
	}
	.rightColumn
	{
		width: auto;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
   
   .pagesMenu div.menuItem
   {
      width: 49.5%;
   }
}

@media only screen and (max-width: 620px) 
{
	#site
	{
		width: 100%;
	}
	#leftLeftColumn
	{	
		display: none;
	}
	
	.header
	{
		padding: 0;	
		height: 99px;
	}
	
	.header img
	{
		width: 100%;
		height: auto;
	}
	
	#leftColumn,
	.header,
	#leftRightColumn
	{
		width: auto;
      max-width: 100%;
		margin: 0 auto;
		float: none;
	}
	
	.rightColumn
	{
		display: none;
		float: none;
		margin: 0 auto;
		position: relative;
		width: 95%;
	}
	.rightColumn .infoBox2
	{
		margin: 0 auto;	
	}
	
	.infoBox1
	{
		width: 95%;
		margin: 0 auto;
		background: none;
	}
	
	.contactBox
	{
		margin-top: 15px;	
	}
	
	.infoBoxHeadGrey, .infoBoxHeadBlue,
	.infoBox1Bottom
	{
		background: none;	
		color: black;
	}
	
	.content
	{
		max-width: 98%;
		margin: 0 auto;
		padding: 0;	
	}
	div.mainMenu
	{
		display: none;	
	}
	div.bounce
   {
      padding-left: 0px;
      padding-right: 0px;
   }
	div.bounce div
	{
		width: auto;	
		max-width: 495px;
	}
	
	#mainMenuMobile
	{
		z-index: 11;
	}
	
	#mainMenuMobile ul
	{
		list-style: none;
	}
	.tx-powermail .powermail_fieldset .powermail_field
	{
		float: none;
	}
   div.breadCrumb
   {
      font-size: 10px;
      height: auto;
      padding-top: 8px;
      padding-bottom: 8px;
      white-space: nowrap;
   }
}

@media only screen and (max-width: 420px)
{
   .pagesMenu div.menuItem
   {
      display: block;
      width: auto;
   }
}