@charset "utf-8";
/* CSS Document */

html{
	overflow:-moz-scrollbars-vertical;
}
/* a:active, a:focus, select:focus, option:focus {
	outline-style: none; -moz-outline-style:none;
} */


textarea {
	overflow:auto;
}
.clear { clear: both; height: 1px; line-height: 1px; }

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #B4B4B4 url(images/body_bg.jpg) 50% 0 repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #000000;
}

#quicknavi { display: none; }

#outer {
	width: 1004px;
	background: url(images/outer_general.jpg) 0 0 repeat-y;
	margin: 0 auto; 
	text-align: center; 
}
#outertop {
	background: url(images/outer_top.jpg) 0 0 no-repeat;
	margin: 0; 
	height: 36px;
	margin: 0 auto; 
	width: 981px; 
}
#outerleft {
	background: url(images/outer_left.jpg) 0 0 no-repeat;
	margin: 0; 
}
#outerright {
	background: url(images/outer_right.jpg) 100% 0 no-repeat;
	margin: 0; 
}
#footer { 
	clear: both;
	height: 34px; 
	background: url(images/footer_bg.jpg) 0 0 no-repeat;
	text-align: left;
}
#footer div { padding: 5px 0 0 185px; color: #FFFFFF;  }
#footer div a { color: #E0E0E0; text-decoration: none; }

#container {
	min-height: 656px;
	width: 981px;  
	background: #FFFFFF;
	margin: 0 auto; 
	text-align: left; 
}
#header {
	position: relative;
	margin: 0;
	padding: 0;
	background: #FFFFFF url(images/header_bg.jpg) 50% 0 no-repeat;
	height: 147px;
	width: 981px;
}
#body_en #header {
	background-image: url(images/header_bg_en.jpg);
}
#body_es #header {
	background-image: url(images/header_bg_es.jpg);
}

#headercontent
{
	position: relative;
	padding: 0;
}

#headercontent a.homelink
{
	display: block; height: 104px; width: 800px;
	text-decoration:none;
	border: none !important;
}
#headeraddress { display: none; }

#contentArea {
	width: 972px;
	overflow: hidden;
	margin: 0 0 0 5px;
	padding: 5px 0 0 0;
	background: #FFFFFF url(images/wappen_bottom.jpg) 816px 0 no-repeat;
	z-index: 0;
	font-size: 1.2em;
}
#left { float: left; width: 164px; }
#middleright { float: right; width: 803px; }

#middlerighttop { margin-bottom: 5px; float: right; width: 803px; }
#topimage { float: left; width: 616px; height: 157px; margin: 0; overflow: hidden; }
#metanav { float: right; width: 181px; } 

#middlerightcontent { float: right; width: 803px; }
#middle { float: left; width: 616px; margin: 0; clear: both; padding-bottom: 25px; }
#right { float: right; width: 181px; }

#mainmenu { font-size: 1.4em; 
	width:903px; position: absolute; top: 0; left: 0; margin-top: 108px; z-index: 100;
}
 
#mainmenu ul { display:none; padding: 0; margin: 0; }
#mainmenu li { padding: 0; margin: 0; list-style: none; }
#mainmenu a { text-decoration: none; margin: 0; padding: 0;}
html>body #mainmenu a { width: auto; }

#mainmenu ul.level1 { display: block; float: left; width: 790px; margin:0 0 0 10px; padding: 0; } 

#mainmenu ul.level1 li.level1
{
	position: relative;
	float:left; 
  margin: 0;
  padding: 0;
	list-style: none; 
}

#mainmenu ul.level1 li.level1 a.level1 {
  display: block;
	padding: 0;
}
#mainmenu ul.level1 li.level1 a.level1:link span.level1 { color: #DDDDDD; text-decoration: none; } 
#mainmenu ul.level1 li.level1 a.level1:visited span.level1 { color: #DDDDDD; text-decoration: none; } 
#mainmenu ul.level1 li.level1:hover, 
#mainmenu ul.level1 li.level1 a.current { 
	background: transparent url(images/menuhover.gif) 50% 100% no-repeat; 
}
#mainmenu ul.level1 li.level1 a.current ul.level2 li.level2 a.level2 { background: none; }
#mainmenu ul.level1 li.level1 a.level1:hover span.level1 { color: #FFFFFF; }
#mainmenu ul.level1 li.level1 a.current span.level1 { color: #FFFFFF; }
#mainmenu ul.level1 li.level1 a.level1:active span.level1 { color: #DDDDDD; text-decoration: none; } 

#mainmenu ul.level1 li.level1 a.level1 span.level1 {
  display: block;
	padding: 10px 16px 5px 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1.2em; 
	line-height: 1.4em;
	background: transparent url(images/menuseparator.jpg) 0 0 no-repeat; 
}
#mainmenu ul.level1 li.first a.level1 span.level1 {
	background: none; 
}

#mainmenu ul.level2 { 
  position: absolute;
	top: 38px;
	left: 0;
  width: 190px;
  padding: 0;
  text-align: left;
  z-index: 200;
	background: #FFFFFF; 
	border-left:3px solid #B4B4B4;
	border-right:3px solid #B4B4B4;
	border-bottom:3px solid #B4B4B4;
}

#mainmenu li.level2 { 
  display: block;
  padding: 0;
  text-align: left;
  width: 190px !important;
	white-space: nowrap;
}

#mainmenu a.level2 {
  display: block; 
  padding: 0;
  color: #000000;
  text-align: left;
  width: 190px;
	background-image: none !important; 
	border-bottom: 1px solid #B8C2D3;
}

#mainmenu ul.level2 li.last a.level2 {
	border-bottom:none;
}

#mainmenu a.level2:hover {
  color: #FFFFFF;
	background: #585858; 
}

#mainmenu a.level2 span.level2 {
	display: block; 
	padding: 2px 5px ;
	color: #58585a;
}

#mainmenu a:hover.level2 span.level2 {
	color: #FFFFFF;
	background: #585858; 
}

#mainmenu ul.level1 li.level1:hover ul.level2 { 
  display: block; 
}

#contentArea a:link { color: #4E4F4E; text-decoration: underline; }
#contentArea a:visited { color: #4E4F4E; text-decoration: underline; }
#contentArea a:hover { color: #000000; text-decoration: underline; }
#contentArea a:active { color: #000000; text-decoration: none; }

#contentArea ul, #contentArea li { margin: 0; padding: 0; }
#contentArea li { margin-left: 17px; padding: 0; }
#middle ul { margin: 0; padding: 0 0 1.4em 0; }


#metanav { position: relative; height: 157px; }
#metanavbox { position: absolute; bottom: 0; left: 0; background: #D6D6D6; padding: 0; width: 180px; }

#metanavbox ul { margin:10px 0 10px 5px; padding: 0; overflow: hidden; } 
#metanavbox ul li
{
	position: relative;
	float:left; 
	margin: 0;
	padding: 0;
	list-style: none; 
}

#metanavbox ul li a {
	display: block;
	padding: 10px 4px 5px 2px;
	font-size: 0.9em;
}
#body_es #metanavbox ul li a {
	padding: 7px 15px 3px 2px;
}
#metanavbox a:link { color: #4E4F4E; text-decoration: none; }
#metanavbox a:visited { color: #4E4F4E; text-decoration: none; }
#metanavbox a:hover { color: #4E4F4E; text-decoration: underline; }
#metanavbox a:active { color: #000000; text-decoration: none; }

#submenu { background: #D6D6D6; border: 3px solid #B4B4B4; padding: 7px; margin: 0 0 5px 0; }
#submenu ul { margin: 0; padding: 0; }
#submenu ul li { list-style: none; margin: 0; padding: 0; }
#submenu ul li a { display: block; 
  background: transparent url(images/submenu_li.gif) 0 0.5em no-repeat;
}
#submenu ul li a span { display: block; padding: 2px 0 2px 12px; }
#submenu ul li a:link { color: #4E4F4E; text-decoration: none; }
#submenu ul li a:visited { color: #4E4F4E; text-decoration: none; }
#submenu ul li a:hover { color: #4E4F4E; text-decoration: underline; 
  background: transparent url(images/submenu_li_hover.gif) 0 0.5em no-repeat;
}
#submenu ul li a.current,
#submenu ul li a:active { color: #000000; text-decoration: none; 
  background: transparent url(images/submenu_li_hover.gif) 0 0.5em no-repeat;
}

#left div.image { text-align: right; }
#left div.image img { padding: 1em 0; }
#right div.image { text-align: left; }
#right div.image img { padding: 1em 0; }
dl { margin: 0 !important; }

div.box { color: #4E4F4E; background: #D6D6D6; padding: 0; margin: 0 0 5px 0; overflow: hidden; }
div.box div.csc-header h1 {
	color: #ADADAD; 
	font-size: 1.8em;
	font-weight: normal;
	text-transform: uppercase;
	text-align: center;
	background: url(images/box_header.gif) 0 0 no-repeat;
	padding: 3px 0 12px 0;
	margin: 0;
}
div.box p {
	padding: 0 10px 10px 10px;
}
#left div.box p.smalltext { font-size: 0.9em; }
div.box ul { padding: 10px 5px 10px 25px; margin: 0; }
div.box a:link { color: #4E4F4E; text-decoration: none; }
div.box a:visited { color: #4E4F4E; text-decoration: none; }
div.box a:hover { color: #4E4F4E; text-decoration: underline; }
div.box a:active { color: #000000; text-decoration: none; }

#middle { color: #333333; } 
#middle h1, #middle h2, #middle h3, #middle h4, #middle h5, #middle h6 { 
	padding-bottom: 0; 
	margin-bottom: 0.5em;
	overflow: hidden; 
	}
#middle h1 { font-size: 1.4em; padding-top: 1em;}
#middle h2 { font-size: 1.3em; }
#middle h3 { font-size: 1.2em; }
#middle div.csc-header-n1 h1.csc-firstHeader { 
	font-size: 1.6em; 
	overfow:hidden; 
	padding-top: 0; 
	padding-bottom: 1em; 
	margin-top: 0; 
	}
#middle p { 
	line-height: 1.4em;
	}
#middle p,
#middle ul,
#middle ol
{ 
	margin-top: 0.3em; margin-bottom: 1em; 
	}

#middle table td { padding: 0; margin: 0; vertical-align: top; 	
	border-collapse: collapse;
	border-spacing: 0 0.5em;
	} 
#middle table p.bodytext { padding: 0 0.5em 0 0; margin: 0; } 


#middle div.csc-textpic-imagewrap { overflow: hidden; }
#middle dl.csc-textpic-image { padding: 0 5px 10px 0; }
#middle dl.csc-textpic-firstcol { clear: both; }
#middle dd.csc-textpic-caption { font-size: 0.9em; }

#metanavbox div.tx-srlanguagemenu-pi1 { padding: 7px; clear: both; }
#sr_language_menu_select { border: 2px solid #FFFFFF; }
#metanavbox div.tx-srlanguagemenu-pi1 fieldset { border: none; }
#metanavbox div.tx-srlanguagemenu-pi1 fieldset legend { display: none; }
#metanavbox div.tx-srlanguagemenu-pi1 fieldset label { display: none; }

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

fieldset.csc-mailform { border: none; margin: 20px 0 0 0; }
div.csc-mailform-field { padding: 2px 0; }
div.csc-mailform-field div.normallabel { float: left; width: 170px; }
div.csc-mailform-field div.reqlabel { float: left; width: 170px; }

span.csc-mailform-radio fieldset { border: none; padding: 2px 0; margin: 0; }
span.csc-mailform-radio fieldset legend { display: none; }
span.csc-mailform-radio label { float: none; padding-bottom: 2px; margin-bottom: 10px; }

div.csc-header { clear: both; }