/*  (c) Bundesanstalt für Landwirtschaft und Ernährung (BLE) 2010

	Project: Fischbestände
	Author:  Marc Haunschild



- Contents  - - - - - - - - - - - -

	1. Resets and general rules
	2. The Layout
	3. Banner
	4. Main Navigation
	   4.1. Main Navi General Styles
		 4.2. First Navi Level
	5. Sub Navigation
	6. Article
	   6.1. Breadcrumb
		 6.2. Headlines
		 6.3. Forms
		 6.3.1. Contact
	7. Marginal

	- - - - - - - - - - - - - - - - -


-----------------------------------
  1. Resets and general rules
- - - - - - - - - - - - - - - - - -
*/


body {
	font-family: Verdana,Helvetica,Arial,Tahoma,sans-serif;
	color: #333;
	overflow: scroll;
	background-color: #fff
}
#skipNavi,
.sr-hint,
#navigation h2,
#marginal h2 {
	position: absolute;
	display: inline;
	left: -9999px;
	top: -9999px;
	height: 0;
	width: 0;
}
#skipNavi a:focus {
	position: absolute;
	display: block;
	left: 10249px;
	top: 10009px;
	height: auto;
	width: 20em;
	background-color: #ffa;
	border: .25em solid #004494;
	padding: .5em;
}
body, h1, img, p, ul, ol, li {
	margin: 0;
	padding: 0;
	border: 0;
}
hr {
	clear: both;
	visibility: hidden;
}
a {
	color:#195685;
}
a:active,
a:focus,
a:hover {
	text-decoration: none;
}

/* General font-sizes */
li li {
	font-size: 100%;
}

/*
-----------------------------------
  2. The Layout
- - - - - - - - - - - - - - - - - -
*/
body>* {
	margin:0 12px 16px;
	width:58.4375em;
}
#main {
	width:58.4375em;
}
ul#mainNavigation {
	margin: .5em 0 0 4px;
	border-bottom: 1em solid #d1dde7;
	padding:0;
	list-style-type: none; /* Just for IE 6 + 7, which do not understand display:inline-block; */
	color:#fff;
	background-color:#6991b0;
}
#subNavi {
	float:left;
	width: 15em;
	margin: 0 4px 4px 4px;
	padding: .5em 0 1em 0;
	color:#195685;
	background-color:#d1dde7;
}
#article {
	margin-left: 16em;
	padding: 1em;
	overflow: hidden;
	width:40.4375em;
}
.start #article {
	margin-right: 13.75em;
	width: 26.6875em;
}


/*
-----------------------------------
  3. Head
- - - - - - - - - - - - - - - - - -
*/

h1 {
	padding: .5em 0 .5em 12px;
	font-size: 1.5em;
	line-height: 1.5em;
	color:#195685;
	background-image: url(../img/head.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}


/*
-----------------------------------
  4. Main Navigation
- - - - - - - - - - - - - - - - - -

   4.1. Main Navi Styles - - - - */

ul#mainNavigation li {
	display:inline-block;
	vertical-align: top;
	border-left:2px solid #fff;
	background-color:#6991b0;
}

ul#mainNavigation li.on {
    color:#195685;
    background-color:#d1dde7;
}

ul#mainNavigation li.on a {
    display:block;
    padding: 8px 10px 6px 10px;
    border-top:4px solid #195685;
    text-align: center;
    text-decoration: none;
    color:#195685;
}

ul#mainNavigation li:first-child {
	border-left:none;
}
ul#mainNavigation li a,
ul#mainNavigation li strong {
	display:block;
	padding: 8px 10px 6px 10px;
	border-top:4px solid #6991b0;
	text-align: center;
	text-decoration: none;
	color: #fff;
}
ul#mainNavigation li a:active,
ul#mainNavigation li a:focus,
ul#mainNavigation li a:hover,
ul#mainNavigation li.current strong {
	color:#195685;
	background-color:#d1dde7;
	border-top:4px solid #195685;
}
/* Hacks for IE 6 + 7, which do not understand display:inline-block; */
* html ul#mainNavigation li { /* IE6 */
	display: inline;
}
*:first-child+html ul#mainNavigation li { /* IE7 */
	display: inline;
}
/* End: Hacks for IE 6 + 7 */


/*
-----------------------------------
  5. Sub Navigation
- - - - - - - - - - - - - - - - - -

   5.1. General Sub Navi Styles  */

#subNavi h3 {
	margin-top: 0;
	padding: .5em 8px 0 8px;
	font-size: .75em;
	color:#333;
}
#subNavi ul {
	position: relative;
	left:-4px;
	top:0;
	width:15.25em;
	list-style-type: none;
	margin-bottom: 2em;
	border-top: 1px solid #fff;
}
#subNavi ul li {
	border-bottom: 1px solid #fff;
}
#subNavi ul li strong,
#subNavi ul li a {
	display:block;
	border-left:4px solid #fff;
	padding: 6px 8px;
	font-size: .75em;
	line-height: 1.5em;
	color: #195685;
	text-decoration: none;
}
#subNavi ul li strong,
#subNavi ul li a:active,
#subNavi ul li a:focus,
#subNavi ul li a:hover {
	border-left:4px solid #195685;
	background-color: #fff;
}
#subNavi ul li strong {
	color: #195685;
}


/*
-----------------------------------
  6. Article
- - - - - - - - - - - - - - - - - -
*/

#article ul,
#article p {
    margin: 1em 0;
}
#article p,
#article dd,
#article dt,
#article li {
    font-size: .75em;
    line-height: 1.4545em;
}
#article ul {
    margin-left: 1em;
}
#article li {
    margin: .75em 0;
}
#article li li,
#article dl li,
#article dl li,
#article dl p,
#article dd li,
#article dd p,
#article dd p.description {
    font-size: 100%;
}
/*
   6.1. Breadcrumb - - - - - - -  */

#breadcrumb {
	list-style-type:none;
	margin-bottom:14px;
}
#breadcrumb li {
	display: inline;
	background-color:#FFFFFF;
	color:#195685;
	display:inline;
	font-size: .8125em;
	font-weight:normal;
	line-height: 1.4545em;
}
#breadcrumb li a {
	background-image:url("../img/breadcrumb.gif");
	background-position:right center;
	background-repeat:no-repeat;
	color:#195685;
	margin-right:8px;
	padding-right:12px;
}

/* 6.2. Headlines  - - - - - - -  */

#article h2 {
	width: 100%;
	color:#195685;
	clear:both;
	padding-right: 0;
}
/* 6.3. Forms  - - - - - - -  */

/* 6.3.1. Contact */

.error {
    display: block;
    padding: .5em;
    background-color: #eaa;
}
#contactForm {
    width: 26.25em;
    padding: 2em;
    background-color: #d1dde7;
}
#contactForm div {
    margin: 0 auto;
    width: 35em;
}
#contactForm div>* {
    font-size: .75em;
}
#contactForm button {
    width: 10em;
    height: 2em;
    padding: .25em;
    margin: 1em 0 0 0;
}
#contactForm label {
    display:block;
    margin: 16px 0 4px 0;
	font-weight: normal;
}
#contactForm input,
#contactForm textarea {
    width: 35em;
    border: 1px inset #333;
    padding: 5px;
    font-family: inherit;
    color: #666;
    border: none;
}

/* 7. Marginal - - - - - - - - - */

#marginal {
  float: left;
  margin: 2em 0 0 4px;
  padding: 0 0 1em 0;
  width:12em;
  padding-bottom: 2em;
  background-color: #d1dde7;
}
#marginal h2 {
  position: static;
  display: block;
  width: 192px;
  height: 2em;
  margin-top: 0;
  text-align: center;
  font-size: 1em;
  line-height: 2em;
  color: #fff;
  background-color: #c02c21;
}
#marginal ul {
  list-style-type: none;
}
#marginal li {
}
#marginal li a {
  display: block;
  padding: 5px;
  text-decoration: none;
  color: #195685;
  font-size: .75em;
}
#marginal li strong {
  display: block;
  padding: 5px;
  color: #000;
  font-size: .75em;
  background-color: #fff;
}
#marginal li a:active,
#marginal li a:focus,
#marginal li a:hover {
  background-color: #fff;
}

  text-decoration: underline;
}
erline;
}

}