/* override some defaults that are different from browser to browser anyway */
/***** Global Settings *****/


html, body, div {
	border:0;
	margin:0;
	padding:0;
}

body {
  color: #005492;
	font:80%/1.6 Arial, Helvetica, sans-serif;
	background-color: #5493BE;
}


body.print {
	color: #005492;
	font:80%/1.6 Arial, Helvetica, sans-serif;
	background-color: #fff !important;
	margin: 1em;
}


img {
  border: none;
}

/* default link styling */
a:link , a:visited,a:hover,a:active    {
  color: #990033;
  text-decoration: none; 
  background-color: transparent; 
}

ul {
  margin-bottom: 0px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4 {
  margin: 0px;
  padding: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}

h1,h2,h3,h4{
  font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
  font-weight: bold;
}


h1 {
  color: #005492;
  font-size: 1.6em;
  padding-top: 15px;
  
}

h2 {
  color: #005492;
  font-size: 1.2em;
  padding-top: 5px;
}

h3 {
  color: #005492;
  font-size: 1.2em;
}

h4, h4 a {
  color: #005492 !important;
  font-size: 1.0em;
  font-weight: bold;
}

p {
  padding-top: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;
}


h2.lead  { 
	margin-top: 0px; 
	padding-top: 10px; 
	margin-bottom: 1em; 
	font-size: 1.2em;
	font-family: Times New Roman, Serif;
}

.lead { 
  font-weight: bold; 
}

h2.list { 
  font-size: 1.2em; 
	color: #005492; 
  padding: 0px;
	margin-bottom: 5px;
}


h2.leadlist { 
  font-size: 1.1em; 
  padding: 0px;
  margin-bottom: 5px; 
  margin-top: 5px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
}


h2 a,h2 a:active,h2 a:link,h2 a:visited,a.listtitle { 
  color: #005492; 
}

blockquote		{ font-family: Times New Roman, serif; font-size: 1.2em; font-weight: bold; margin: 1.5em; color: #666; font-style: italic; }
strong			{ font-weight: bold; }
em,dfn			{ font-style: italic; }
dfn				{ font-weight: bold; }
sup, sub		{ line-height: 0; }

abbr, 
acronym			{ border-bottom: 1px dotted #666; }
address			{ margin: 0 0 1.5em; font-style: italic; }
del				{  }

pre				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt		{ font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol				{ margin:0 1.5em; }
ul, ol				{ margin: 0 1.5em 1.5em 1.5em; }

ul					{ list-style-type: disc; }
ol					{ list-style-type: decimal; }

dl					{ margin: 0 0 1.5em 0; }
dl dt				{ font-weight: bold; }
dd					{ margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table			{ margin-bottom: 1.4em; width:100%; border: 1px solid #005492; }
th				{ font-weight: bold; }
thead th		{ background: #e7eff8; }
th,td,caption	{ padding: 4px 10px 4px 5px; }
tr.even td		{ background: #f3f6f9; }
tfoot			{ font-style: italic; }
caption			{ background: #eee; }



ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  
}
ul.leiste li {
  padding-left: 0.5em;
  list-style-type: none;
  display: inline;
}

.clear {
  clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}



/*** Allgemeine Anordnung der Container und Hintergruende ***/

#wrapper {
  position: relative;
  left: 0;
  top: 0;
  width: 980px;
  margin: 20px auto 0px;
}

#head {
  width: 980px;
  height: 271px;
  position: relative;
  background: #FFFFFF url(bg_head.jpg) top right no-repeat;
}

h1.page-title { display: none; }

#head-logo{
  position: absolute;
  top: 35px;
  left: 20px;
}

#lang_deutsch{
  position: absolute;
  right: 3px;
  bottom: 66px;
}

#lang_francais{
  position: absolute;
  right: 48px;
  bottom: 66px;
}

#menu_line{
  position: absolute;
  top: 239px;
  left: 0px;
  width: 980px;
  height: 1px;
  background-color: #005492;
}

#wrapperinner {
  width: 980px;
}

#wrapperinner2 {
  width: 980px;
  padding-top: 5px;
  margin-bottom: 40px;
  background-color: #FFFFFF;
  position: relative;
}

#nav {
  float: left;
  width: 188px;
  margin-left:-716px;
}

#nav_breit {
  float: left;
  width: 188px;
  margin-left:-916px;
}

#content {
  position: relative;
  display: inline;
  margin-left: 21px;
  float: left;
  width: 680px;
  font-family:  Arial, Helvetica, sans-serif;  
  color: #005492;
}

.lead{
  font-family: TimesNewRoman;  
  color: #005492;
  font-weight: bold;
  font-size: 1.2em;
  padding: 0px !important;
  line-height: 1.1em;
}

#navi_title{
	font-size: 1.1em;
	color: #012C56;
	font-family: Trebuchet MS;
	padding-left: 2px;
	border-bottom: 1px solid #E7EFF8;
  margin-bottom: 20px;
}
#navi_title a{color: #333366;}


#box_start ul{
  list-style-type: none;
  margin: 0px;
  margin-top: 2em;
  padding: 0px;
}

#box_start ul li{
  width: 657px;
  background-color: #F5CCE0;
  margin-top: 11px;
  padding: 6px 12px 10px;
}

#box_start ul li h3{
  color: #662A7C;
  font-size: 1.3em;
  padding: 0px;
}

#box_start ul li p{
  font-family: Arial;
  font-size: 1.0em;
  line-height: 1.3em;
  padding: 0px;
  color: #005492;
}

#box_start ul li p a{
  text-decoration: underline;
  color: #005492;
  font-weight: bold;
  margin-left: 4px;
}

#content_breit {
  margin-left: 210px;
  float: left;
  width: 706px;
  line-height:1.6em;
  font-size: 90%;  
}

/* ------------- */
/* Rechte Spalte */
/* ------------- */
#right-col {
  width: 248px;
  margin-left: 724px;
  margin-right: 0%;
  padding-top: 2px;
  position: relative;
  left: 10px;
}
#right-col h2 {
	color: #fff;
	background: #0c5c97;
	padding: 0 8px;
}
#right-col .shadow {
	position: relative;
	top: 0;
	left: 0;
	background: transparent url(shadow.png) no-repeat bottom left;
	padding: 0 0 0 4px;
	width: 242px;
	margin-bottom: 1em;
}
#right-col .rc-box {
	position: relative;
	top: -5px;
	background: #e7eff8;
	width: 248px;
}
#right-col ul {
	list-style-type: none;
	margin: 8px;
	padding: 0;
}
#right-col h4 {
	padding: 0;
	margin: 0;
}






#news_breit {
  visibility: hidden;
}

#metanav2 {
  position: relative;
  left: 0px;
  height: 18px;
  width: 100%;
  text-align: right;
  line-height: 18px;
  font-size: 90%;  
}

#footer {
  position: relative;
  left: 0px;
  height: 58px;
  width: 100%;
  text-align: left;
  background-color: #FFFFFF;
  line-height: 22px;
  font-size: 90%;
}

#footer ul{
  width: 900px;
  padding-left: 80px;
}

#footer ul li{
  float: left;
  padding: 5px 0px 0px;
  width: 280px;
  display: block;
  text-align: center;
}

#footer a, #metanav a {
  color: #333 !important;
}




/* Bildformatierung */
img.right {
	float: right;
	margin: 0 0 1em 1em;
}
img.left {
	float: left;
	margin: 0 1em 1em 0;
}

/*
* Menu-Bereich
*/
#navi-head{
  position:absolute;
  margin: 0px;
  padding:0px;
  top: -16px;
  right: -5px;
  list-style-type: none;
}

#navi-head li{
  padding: 0px 5px;
  float: left;
  line-height: 11px;
  border-left: 1px solid #FFFFFF;
}

#navi-head li:first-child{
  border: 0px;
}

#navi-head li a{
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: .9em;
  font-family: Arial;
  vertical-align: top;
}
#main-navigation {
  position: absolute;
  top: 208px;
  left: 0px;
  width: 980px;
  height: 22px;
  padding-top: 10px;
  background: transparent url(nav-bg.png) repeat-x bottom right;
  z-index: 100;
}

#menu, #menu ul {padding:0; margin: 2px 0px 0px 9px; list-style:none; height:24px; background:transparent; z-index: 100;}
#menu {padding-left:20px; margin: 0 auto;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-2px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; }
#menu li a {white-space:nowrap; border-left: 1px solid #fff; display:block; float:left; height:16px; line-height:14px; font-size:1.2em; text-decoration:none; color:#fff; padding:0 9px;}
#menu li:first-child a, #menu li.first a { border: none; }
#menu ul li.first{
  border-top:1px solid #005492;
}

#menu li a.drop {  }
#menu li a:hover {position:relative;}
#menu li:hover {position:relative;}
#menu li:hover > a { }

#menu :hover ul {left:-1px; top:4px; width:140px; padding-top:11px; border-bottom:0;}
#menu :hover ul li { border: none; }
#menu :hover ul li a { 
  color:#005492; 
  background:#E7EFF8; 
  height:20px; 
  line-height:20px; 
  width:190px; 
  border:1px solid #005492; 
  border-top-width: 0; 
  font-size:12px;
  padding: 5px 4px;
}

#menu :hover ul li a:hover {
  background:#005492;
  color: #E7EFF8;
}

#menu :hover ul ul {left:-9999px; padding-top:0;}
#menu :hover ul li.fly a:hover { }
#menu :hover ul li.fly:hover > a { }
#menu :hover ul :hover ul {left:139px; top:-1px;}
#menu :hover ul :hover ul ul {left:-9999px;}




/* Bottom Menu */

#bottom-nav {
	clear: both;
	position: relative;
	top: 16px;
	left: 20px;
	padding-top: 1.5em;
}
#bottom-nav-shadow {
	width: 330px;
	height: 31px;
	padding: 0 0 0 4px;
	background: transparent url( shadow.png ) no-repeat bottom left;
}
#bottom-nav ul {
	position: relative;
	top:-5px;
	margin: 0;
	padding: 0;
	width: 324px;
	height: 18px;
	list-style-type: none;
	padding: 6px;
	background: #005492;
}
#bottom-nav ul li{
	display: inline;
}
#bottom-nav ul li a {
	padding: 0 6px;
	color: #fff;
	font-size: 1em;
	font-family: Trebuchet MS, Arial, sans-serif;
	border-left: 1px solid #fff;
}
#bottom-nav ul li.first a { border: none;}

/*
* Boxen
*/

/* Kopfbereiche der Boxen*/

div.boxhead {
  width: 208px;
  height: 22px;
  line-height: 22px;
  background-color: #FFCC00;
  font-weight: bold;
  padding: 0px 6px 0px 6px;
}

/* Box-Inhalts-Div */

div.box {
  background-color: #ffffcc;
  padding: 0px 6px 18px 6px;
  font-size: 0.87em;
  line-height: 1.3em;
  margin-bottom: 1em;
}

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#news div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
}

/* Banner */

ul.banner {
  margin: 2em 0em 1em 0em;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  display: inline;
}

/* USER */


#servicemenu ul {
  margin: 0px;
  padding: 4em 0em 0em 0em;
  list-style-type: none;
  border: 0px;
}

/* Ebene 1 */

#servicemenu ul li {
  padding: 2px 0px 1px 0px;  
}

#servicemenu ul li a img {
  padding-top: 0px;
  padding-bottom: 1px;
}

#servicemenu ul li a {
  color: #333 !important;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
  line-height: 2em;
  background-color: #ffe680 !important;
  padding-left: 5px;
}

#servicemenu ul li a:hover {
  background-color: #ffcc00 !important;
}

#servicemenu ul li.head {
  background-color: #ffcc00 !important;
  font-weight: bold !important;
}


/* Artikelwerks-Klassen */

/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { background-color: #FFFFCC; margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}


.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}
