
.navbar-toggle {
  position: relative;
  float: right;
  padding: 9px 10px;
  margin:10px;
  margin-top:50px;
  background-color: #002395;
  background-image: none;
  border: 1px solid #002395;
  border-radius: 4px;
}
.navbar-toggle:focus {
  outline: 0;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  border-radius: 1px;
  background: #fff;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}

@media (min-width: 1024px) {
  .navbar-toggle {
    display: none;
  }
}
.navbar-nav {
  margin: 7.5px -15px;
}
.navbar-nav > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 20px;
}
@media (max-width: 767px) {
  .navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    background-color: transparent;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .navbar-nav .open .dropdown-menu > li > a,
  .navbar-nav .open .dropdown-menu .dropdown-header {
    padding: 5px 15px 5px 25px;
  }
  .navbar-nav .open .dropdown-menu > li > a {
    line-height: 20px;
  }
  .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-nav .open .dropdown-menu > li > a:focus {
    background-image: none;
  }
}
@media (min-width: 1200px) {
  .navbar-nav {
    float: left;
    margin: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
.navbar-form {
  padding: 10px 15px;
  margin-top: 8px;
  margin-right: -15px;
  margin-bottom: 8px;
  margin-left: -15px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 1200px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group > .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 5px;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.navbar-btn {
  margin-top: 8px;
  margin-bottom: 8px;
}
.navbar-btn.btn-sm {
  margin-top: 10px;
  margin-bottom: 10px;
}
.navbar-btn.btn-xs {
  margin-top: 14px;
  margin-bottom: 14px;
}
.navbar-text {
  margin-top: 15px;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .navbar-text {
    float: left;
    margin-right: 15px;
    margin-left: 15px;
  }
}
@media (min-width: 1200px) {
  .navbar-left {
    float: left !important;
  }
  .navbar-right {
    float: right !important;
    margin-right: -15px;
  }
  .navbar-right ~ .navbar-right {
    margin-right: 0;
  }
}
.navbar-default {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
  color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #5e5e5e;
  background-color: transparent;
}
.navbar-default .navbar-text {
  color: #777;
}
.navbar-default .navbar-nav > li > a {
  color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-default .navbar-toggle {
  border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #555;
  background-color: #e7e7e7;
}
@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #777;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #e7e7e7;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-default .navbar-link {
  color: #777;
}
.navbar-default .navbar-link:hover {
  color: #333;
}
.navbar-default .btn-link {
  color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
  color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
  color: #ccc;
}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
}
.navbar-inverse .navbar-brand {
  color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
  color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #080808;
}
@media (max-width: 767px) {
  .navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
    border-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu .divider {
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
    color: #9d9d9d;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #fff;
    background-color: transparent;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #fff;
    background-color: #080808;
  }
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
  .navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #444;
    background-color: transparent;
  }
}
.navbar-inverse .navbar-link {
  color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.navbar-inverse .btn-link {
  color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
  color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
  color: #444;
}








.fleft{
	float:left;
}


.fright{
	float:right;
}


/* Responsive Styles ======================================================== */      

@media screen and (max-width: 750px) {


	.ifswc{
		margin-top:100px!important;
		display:block!important;
		height:20px;
	}

	.smm_a1{
		font-size:90%!important;
   		-moz-hyphens: auto;
	    -o-hyphens: auto;
	    -webkit-hyphens: auto;
	    -ms-hyphens: auto;
	    hyphens: auto; 
	}

	.smm_a1 img{
		width:140px!important;
		height:auto!important;
	}

	.smm_a1 .tdf{
		width:160px!important;
	}
	
	.smm_a1 .tlal{
		padding-right:10px!important;
		font-size:90%!important;
	}
	
	.smm_a1 .tlar{
		padding-left:10px!important;
		font-size:90%!important;
	}
	
	.xs-menu-wrapper{
		margin:10px!important;
		display:none;
	}
	
	.xs-menu-wrapper .item{
		color: #fff;
		list-style:none;
		background: transparent;
	}

	.xs-menu-wrapper a{
		color: lightblue!important;
		font-weight:900;
		line-height:22px;
	}

	.rosi{
		line-height:64px!important;
	}
	
	.mone{
		display:none!important;
	}
	

	.d_left{
		display:none!important;
	}
	
	.col_2 table td{
		width:0px!important;
		height:0px!important;
		padding:0px!important;
	}
	
	.xs-menu-wrapper .col_2{
		padding-bottom:5px!important;
		color:#fff;
		font-weight:400;
		margin:0px!important;
	}


	.hide-for-smartphones{
		display:none!important;
	}
	
	.document-title{
		font-size:22px!important;
		line-height:25px!important;
	}

	.btnPageUp{
		display:none!important;
	}


	#page-footer{      
		height:76px!important;
	}
	
	
	.mpage_tile{
		width:99%!important;
		padding:0px!important;
		background-size:100%!important;
		padding-top:10px!important;
		padding-left:10px!important;
		color:#fff!important;
		height:130px!important;
	}
	
	.tile_ra_home{
		width:48%!important;
		height:48%!important;
		
	}

	.tile_ra_home img{
		width:100%!important;
	}



	.fleft{
		clear:both!important;
		width:100%!important;
		margin:auto!important;
		text-align:center!important;
		font-size:11px!important;
	}

	.fright{
		padding-top:13px!important;
		clear:both!important;
		width:100%!important;
		margin:auto!important;
		text-align:center!important;
		font-size:10px!important;
	}
	
	.fright a{
		font-size:12px!important;
	}

	.page-footer-section-item{
		height:14px!important;
		border:0px!important;
		text-align:center!important;
		width:31%!important;
		margin:0px!important;
		padding:0px!important;
	}
	
	

	#mobile_layout_content_left{
		display:none;
	}
	

	#header-main-inner .logo{
		background-size:80px!important;
	    height:100px!important;
		width:100px!important;
		margin-top:1px!important;
	}
	



	.menuarea{
		display:none;
	}
	
	#mobile_layout_content_content{
		padding-left:10px!important;
		padding-right:10px!important;
	}
	


	.header-main-abc{
		background: url()!important;
		max-height:125px!important;

	-webkit-transition: all .8s all;
	-moz-transition: all .8s all;
	-ms-transition: all .8s all;
	-o-transition: all .8s all;
	transition: all .8s all;

	}

	.header-main-inner-abc{
		background: url()!important;
		max-height:125px!important;

	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;

	}
	
	.page-content-abc{
		position:relative;       
		width:100%!important;
		margin:auto;      
		font-size:12px!important;
		padding-bottom:30px!important;
		padding-top:115px!important;
		
	-webkit-transition: all .8s ease-in-out;
	-moz-transition: all .8s ease-in-out;
	-ms-transition: all .8s ease-in-out;
	-o-transition: all .8s ease-in-out;
	transition: all .8s ease-in-out;
		
		
	}


	#header-main{
/*		background:none!important; */
/*		background-size:cover!important; */
/*		height:120px!important; */

		background-size:contain!important;
		background-position: 50% 100px!important;
		height:260px!important;
	}

	#header-main-inner{
		width:100%!important;
		margin:5px!important;
		height:250px!important;
	}
	

	#header-main-inner-opacity-section{
	    opacity: .9!important;
	    -ms-filter: "alpha(opacity=100)"; /* IE 8 */
	    filter:alpha(opacity=100); /* IE4-7 */
		background: #fff;
		top:0px;
		lef:0px;
		width:100%;
		height:100px!important;
		z-index:993;
	}
	
	.page-content{
		position:relative;       
		width:100%!important;
		margin:auto;      
		font-size:12px!important;
		padding-bottom:30px!important;
		padding-top:225px!important;
	}
	
	#page-footer-inner{
		clear:both!important;
		width:90%!important;
		padding-left:6px!important;
		padding-right:6px!important;
	}

}




/* Global properties ======================================================== */      
html {width:100%;}           
a:active {  outline:none; }      
:focus {  -moz-outline-style: none; }     
a {color: #002395; text-decoration:none; outline:none;}      
a:hover {text-decoration:underline;}      
.clear {clear:both; width:100%; line-height:0; font-size:0;}     
textarea:focus,
select:focus,
input[type=submit]:focus,
input[type=button]:focus,
input[type=text]:focus,
input[type=password]:focus { outline: 0 none; }

body {
    font-family: 'Quattrocento', Arial, Helvetica, sans-serif;
	font-size:100%;
	color:#272727;
	padding:0 0px;
	font-size:12px;
	margin: 0 0px;
	height:100%;
	width:100%;
	cursor: default;
	background:#fff;
}


.btnPageUp{
	clear:both;
	width:51px;
	height:51px;
	background: url(../images/totop.png) 0px -51px no-repeat;
	position: fixed;
	right:20px;
	top:80%;
	display:none;
}

.btnPageUp:hover{
	background: url(../images/totop.png) 0px 0px no-repeat;
}

/* defaults *************************************************************************/
#header-main{
	width:100%; 	
	padding:0;
	position:relative;
	height:500px;
	position:fixed;
	z-index:990;
	background:#fff url(../../cms/image/skygrabber_new_launch_v1/hp1.jpg) 50% bottom no-repeat;
}


#header-main-inner-opacity-section{
    opacity: 0.88;
    -ms-filter: "alpha(opacity=88)"; /* IE 8 */
    filter:alpha(opacity=88); /* IE4-7 */
	background: #fff;
	top:0px;
	lef:0px;
	width:100%;
	height:170px;
	z-index:993;
	position:absolute;
}



#header-main-inner{
	width:950px;
	height:170px;
	margin:auto;
	position:relative;
	z-index:99999!important;
/*	border-bottom:15px solid #8295A5; */
}
#header-main-inner .logo{
	background: url(../images/logo-rechtsanwaelte-dr-herzog-und-partner-nuernberg.png) left top no-repeat;
	height:204px;
	width:200px;
	margin-top: 10px;
	float:left;
}
#header-main-inner .menuarea{
	float:right;
	height:25px;
	text-align: left;
	width:700px;
}

#header-selector-line{
	background: #8295A5;
	height:10px;
	width:100%;
	
}	


.ifswc{
	background: transparent url(../images/header-shader-float.png) left top repeat-x;
	height:50px;
	width:100%;
	position:fixed;
	margin-top:170px;
	z-index:120;
	display:none;
}


#page-content{      
	position:relative;       
	width:980px;
	margin:auto;      
	padding-top:510px;
	font-size:15px;
	padding-bottom:50px;
	background:transparent!important;
}            
.document-title{      
	font:31px 'Quattrocento';       
	color:#333;      
	margin-bottom:22px; 
	font-weight:700;
	line-height:42px;      
	letter-spacing: -1px;
}            

.document-content{      
	font:15px 'Quattrocento';       
	color:#333!important;      
	letter-spacing:0px!important;      
	line-height:22px!important;          
	margin-bottom:50px;
}            

.document-content a{      
	color:#002395;
	text-decoration:none;      
}            

.document-content a:hover{      
	color:#002395;
	text-decoration:underline;      
}

.defaultbutton {
	font:12px 'Lato';       
	color: #ffffff;
	font-weight:bold;
	padding: 3px;
	background:
		-moz-linear-gradient(
		top,
		#002395 0%,
		#002395 71%,
		#002395 8%,
		#002395);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#002395),
		color-stop(0.71, #002395),
		color-stop(0.8, #002395),
		to(#002395));
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 0 none;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	text-shadow:
		0px -2px 0px rgba(000,000,000,0),
		0px -2px 0px rgba(255,255,255,0);
}

.defaultbutton:hover {
	background: -moz-linear-gradient(
		top,
		 0%,
		#333333 71%,
		#333333 8%,
		#333333);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#333333),
		color-stop(0.71, #333333),
		color-stop(0.8, #333333),
		to(#333333));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 0px none;
	-moz-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	-webkit-box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	box-shadow:
		0px 1px 3px rgba(255,255,255,0.5),
	text-shadow:
		0px -2px 0px rgba(000,000,000,0),
		0px -2px 0px rgba(255,255,255,0);
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
}


/* sidebar *****************************************************************************************************************************************/

.sidebar-tile{
	font:16px 'Lato';       
	color:#666;      
	font-weight:normal;
	margin-bottom:3px;
	padding-bottom:1px;
}            

.sidebar-tile:hover{
	font:16px 'Lato';       
	color:#002395;      
	font-weight:normal;
	letter-spacing: 1px;
	padding-bottom:1px;
	background: url(../images/menu_arrow.png) 98% 51% no-repeat;
}            


.sidebar-tile-link{
	font:16px 'Lato';       
	color:#666;
	font-weight:normal;
	letter-spacing: 1px;
}            

.sidebar-tile-link:hover{
	font:16px 'Lato';       
	font-weight:normal;
	color:#002395;      
	letter-spacing: 1px;
	text-decoration:none!important;
}            


.sidebar-tile-link-selected{
	background: url(../images/menu_arrow.png) 98% 51% no-repeat;
}            
.sidebar-tile-link-selected:hover{
	text-decoration:none!important;
}            
.sidebar-tile-selected{
	font:16px 'Lato';       
	color:#002395!important;
	font-weight:normal;
	letter-spacing: 1px;
	margin-bottom:3px;
	padding-bottom:1px;
	background: url(../images/menu_arrow.png) 98% 51% no-repeat;
}            



	
/* footer *****************************************************************************************************************************************/
#page-footer{      
	font:13px 'Lato';
	width:100%;     
	height:30px;
	border-top:6px solid #677C8D;
	line-height:18px;      
	background: #8295A5;
	text-align:left;      
	padding-top:8px;
	padding-bottom:8px;
}


#page-footer-inner{      
	width:980px;
	font-weight:normal;
	margin:auto;      
	overflow: hidden;      
	color: #fff;
	overflow: auto;            
	display: table;            
	margin-top:4px;
}

#page-footer-inner a{
	text-decoration:none;
	color: #fff;
}

#page-footer-inner a:hover{
	text-decoration:underline;
}


.page-footer-section-item{
	min-width:5px;
	float:left;
	margin-left:7px;
	padding-right:7px;
	font:15px 'Lato';
	height:19px;
	border-right:2px solid #fff;
}

.page-footer-section-item-headline{}

.page-footer-section-item-headline a{
	text-decoration:none;
	color: #fff;
}

.page-footer-section-item-headline a:hover{
	text-decoration:underline;
}




.page-footer-section-item-headline a:hover{
	text-decoration:underline;
}

.page-footer-section-item-sublinks{
	margin-top:3px;
}

.page-footer-section-item-sublinks a{
	text-decoration:none;
	color: #fff;
}

.page-footer-section-item-sublinks a:hover{
	text-decoration:underline;
}

#page-absfooter{
	width:100%;
	height:82px;
}

#page-absfooter-inner{
}

#page-absfooter-inner a{
	color: #fff;
	text-decoration:none;
}

#page-absfooter-inner a:hover{
	text-decoration:underline;
}


/* menu *******************************************************************************************************/
.menu-line{
	clear:both;
}

#menu {
	list-style:none;
	background: transparent;
	float:right;
	text-transform:uppercase;
}

#menu li {
	color:#333;
	float:left;
	display:block;
	text-align:left;
	position:relative;
	height:23px;
	border-right:1px solid #333;
	margin-right:5px;
	padding-right:5px;
}

#menu li:last-child {
	color:#333;
	float:left;
	display:block;
	text-align:left;
	position:relative;
	height:23px;
	border-right:0 none!important;
	padding-right:0px!important;
	margin-right:0px!important;
}

#menu li a {
	font:18px 'Lato';
	font-weight: 300!important;
	color:#333;
	display:block;
	outline:0;
	border-bottom:3px solid transparent;
	text-decoration:none!important;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#menu li:hover a {
	color:#333;
	text-decoration:underline!none;
	border-bottom:3px solid #002395;
    -webkit-transition: all 0.2 linear;
    -o-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -kthtml-transition: all 0.2s linear;
    transition: all 0.2s linear;
}



#menu li .drop {
	padding-right:12px;
	background: url(../images/menu-arrow.png) 100% 3px no-repeat;
}
#menu li:hover .drop {
	background: url(../images/menu-arrow.png) 100% 4px no-repeat;
}

.dropdown_1column, 
.dropdown_2columns, 
.dropdown_3columns, 
.dropdown_4columns,
.dropdown_5columns {
	float:left;
	position:absolute;
	left:-999em; /* Hides the drop down */
	text-align:left;
	padding:10px 5px 10px 5px;
	border:1px solid silver; 
	border-top:none;
	background:#fff;
	-moz-border-radius: 0px 5px 5px 5px;
	-webkit-border-radius: 0px 5px 5px 5px;
	border-radius: 0px 5px 5px 5px;
}


.dropdown_1column  {width: 140px;}
.dropdown_2columns {width: 280px;}
.dropdown_3columns {width: 420px;}
.dropdown_4columns {width: 560px;}
.dropdown_5columns {width: 700px;}

#menu li:hover .dropdown_1column, 
#menu li:hover .dropdown_2columns, 
#menu li:hover .dropdown_3columns,
#menu li:hover .dropdown_4columns,
#menu li:hover .dropdown_5columns {
	left:-1px;
	top:auto;
}

.col_1,
.col_2,
.col_3,
.col_4,
.col_5 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 5px;
	margin-right: 5px;
    -webkit-transition: all 0.3 linear;
    -o-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -kthtml-transition: all 0.3s linear;
    transition: all 0.3s linear;
	color: #666;
}

.col_1 {width:130px;}
.col_2 {width:270px;}
.col_3 {width:410px;}
.col_4 {width:550px;}
.col_5 {width:690px;}


.col_1:hover,.col_2:hover,.col_3:hover,.col_4:hover,.col_5:hover {	
	color: #002395; 
    -webkit-transition: all 0.1 linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}


#menu .menu_right {
	float:right;
	margin-right:0px;
}
#menu li .align_right {
	/* Rounded Corners */
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
}

#menu li:hover .align_right {
	left:auto;
	right:-1px;
	top:auto;
}

#menu p, #menu h2, #menu h3, #menu ul li {
}

#menu h2 {
	font-size:15px;
	font-weight:bold;
	margin:6px 0 4px 0;
}
#menu h3 {
	font-size:13px;
	font-weight:400;
	padding-bottom:7px;
}
#menu p {
	line-height:18px;
	margin:0 0 10px 0;
}

#menu li:hover div a {
	font-size:12px;
	color:#666;
}
#menu li:hover div a:hover {
	color:#272727;
}


.strong {
	font-weight:bold;
}
.italic {
	font-style:italic;
}

.imgshadow { /* Better style on light background */
	background:#FFFFFF;
	padding:4px;
}
.img_left { /* Image sticks to the left */
	width:auto;
	float:left;
	margin:5px 15px 5px 5px;
	width:70px!important;
	height:70px!important;
}


.d_left {
	width:11px;
	float:left;
	background: #fff url(../images/bullet_csc_menu.png) no-repeat 50% 10px; 
}


#menu li .black_box {
	background-color:#fff;
	color: #eeeeee;
	text-shadow: 1px 1px 1px #000;
	padding:4px 6px 4px 6px;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	-webkit-box-shadow:inset 0 0 3px #000000;
	-moz-box-shadow:inset 0 0 3px #000000;
	box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
}
#menu li ul li {
	font-size:12px;
	line-height:24px;
	position:relative;
	text-shadow: 1px 1px 1px #ffffff;
	padding:0;
	margin:0;
	float:none;
	text-align:left;
	width:130px;
}
#menu li ul li:hover {
	background:none;
	border:none;
	padding:0;
	margin:0;
}

#menu li .greybox li {
	background:#F4F4F4;
/*	border:1px solid silver; */
	margin:0px 0px 4px 0px;
	padding:4px 6px 4px 6px;
	width:116px;

	/* Rounded Corners */
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

#menu li .greybox li:hover {
	background:#ffffff;
	border:1px solid #aaaaaa;
	padding:4px 6px 4px 6px;
	margin:0px 0px 4px 0px;
}

.header_quicklink_to_news{
	float:right;
	color: #fff;
	background: #002395 url(/collection/images/white-arrow-go-18x18.png) 93% 50% no-repeat;
	width:150px;
	font-size:15px;
	padding:5px;
	padding-left:10px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.header_quicklink_to_news:hover{
	background: #002395 url(/collection/images/white-arrow-go-18x18.png) 95% 50% no-repeat;
    -webkit-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    -kthtml-transition: all 0.1s linear;
    transition: all 0.1s linear;
}
.header_quicklink_to_news a{ color: #fff; }
.header_quicklink_to_news a:hover{ text-decoration:none!important; }



#header_search_and_newslink_section{
	float:right;
	margin-bottom:45px;
	margin-top:13px;
	text-align:right;
}

.page-search-field{
	border:1px solid #B0AFB1!important;
	width:150px;
	height:21px;
	background:#fff url(../images/s-glass.png) 5px 50% no-repeat;
	float:left;
	margin:3px;
}
#searchField{
	width:109px;
	margin-left:30px;
	height:19px;
	color: #666;
	border:0 none!important;
}


/* Wrapper for lightbox - image centering */
#lightwrap {
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-align:center;
    cursor:-webkit-zoom-out;
    cursor:-moz-zoom-out;
	cursor: url('lupe.cur'), pointer;
    z-index:9999!important;
}
/* overlay covering website */
#lightbg {
    position:fixed;
    display:none;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0, 0, 0, .77);
    z-index:9998!important;
}
#lightwrap img {
	position:absolute;
	display:none;
}

#lightzoomed {
	opacity:0.1;
}
#off-screen {
	position: fixed;
	right:100%;
	opacity: 0;
}
img[rel="zoom"]{
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
	cursor: url('lupeminus.cur'), pointer;
}


