/* ---- * Resets default browser CSS. ---- */
/* CONIN Werbeagentur GmbH rockt           */
div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
/* remember to define focus styles! */
:focus{outline:0;}
ol,ul{list-style:none;}
/* tables still need 'cellspacing="0"' in the markup */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}
blockquote:before,blockquote:after,
q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
/* Tables still need 'cellspacing="0"' in the markup. */
table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:400;}
/* Remove possible quote marks (") from <q>,<blockquote>. */
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
a img{border:none;}
/* ---- */


td {
border-top:1px solid gray;
vertical-align:top;
}
.item-bold {
font-weight:bold;
vertical-align:middle;
margin-top:10px;
padding-left:0;
}

.item-normal {
font-weight:normal;
vertical-align:middle;
margin-top:0px;
}


/* ---- Basics. ---- */
body, html {
  margin: 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9.5pt;
  color: #000000;
  background: url(img/bg.jpg) repeat-x;
  background-color: #202020;
  text-align: center;
}
a, a:link, a:visited, a:active {
  color: #808183;
  text-decoration: none;
}
.active {
  font-weight:bold;
  }
  
a:hover {
  color: #808183;
  text-decoration: underline;
}
h1, h2 {
  font-weight: normal;
  color: #000000;
  padding-bottom: 8px;
}
h1 {  font-size: 19pt;
}
h2 {  font-size: 14pt;
}

h3, h4 {
  line-height:1em;
  padding-bottom:5px;
  font-size:1.2em;
  font-weight:bold;
  color:#6e6e6e;
}
strong {
  font-weight: bold;
}
/* ---- */

/* ---- Main Head. ---- */
#container {
  margin: 0 auto;
  width: 1050px;
  text-align: left;
}
#header {
  height: 120px;
/*  background: url(img/header_bg.jpg) repeat-x;*/
  background-color: #f2f7e9;
}
#logo {
  float: left;
  margin: 15px 0 0 8px;
}
#header ul {
  float: right;
  margin: 33px 10px;
  list-style: none;
}
#header ul li {
  float: left;
  padding-left: 10px;
}
#header ul li img {
  margin: 0;
  padding: 0;
}
#header p {
  clear: left;
  margin: 150px 0 0 0;
  width:1040px;
  padding-right: 10px;
  text-align: right;
  font-size: 8pt;
  color: #808183;
}
#header a, a:hover, a:link, a:visited, a:active {
  color: #808183;
}
#main_head {
  padding: 0px;
  height: 365px;
  background: url(img/main_head_bg.png) repeat-x;
}
#main_head .float {
  float: left;
  padding-right: 19px;
}
#main_head p {
  padding-right: 165px;
  padding-bottom: 15px;
  font-weight: normal;
  color: #000000;
}
#main_head #arrow {
  float: left;
  margin-top: -18px;
}
#main_head_content {
	float: left;
    width: 500px;
	height: 322px;
	margin-top: -5px;
	overflow: hidden;
}
.detail img {
  margin-top: -20px !important;
  margin-left: -17px !important;
}
.spacer {
  clear: left;
  margin: 0;
  height: 1px;
  border-top: 1px solid #606060;

}
/* ---- */

/* ---- Main Navigation. ---- */
#main_nav {
  height: 34px;
  padding_top:6px;
  background: url(img/navigation.png) repeat-x;
  clear: left;
}
#main_nav ul {
  float: left;
  list-style: none;
}
#main_nav li {
  display: inline;
  font-size: 11.5pt;
}
#main_nav li a {
  float: left;
  height: 0;
  padding: 12px 17px 22px 17px;
  overflow: hidden;
  background: url(img/navigation-new.jpg) no-repeat;
}
#main_nav li a {
  font-size:13px;
  background-position: right top;
}
#main_nav li a:hover {
  background-position: right -34px;
}
#main_nav li.active a {

  background-position: center bottom !important;
}
#main_nav li a, a:hover, a:link, a:visited, a:active {
  color: #202020;
}
/* ---- */

/* ---- Main Content. ---- */
.main_content {
  margin: 35px -24px 35px 0;
}
.col {
  float: left;
  height: 215px;
  overflow: hidden;
  width: 334px;
  margin: 0 24px 26px 0;
  background: url(img/col_bg.gif) bottom repeat-x;
  background-color: #ffffff;
  border-top: 1px solid #b9bfc7;
}
.col h3 {
  margin-bottom: 18px;
  padding: 8px 10px 7px 10px;
  font-weight: normal;
  font-size: 10pt;
  color: #333333;
  border-bottom: 1px solid #b9bfc7;
}
.col h3 img {
  float: right;
  margin: 0 0 0 7px;
  padding-top: 3px;
  border: none;
}
.col p {
  padding: 0 10px 18px 10px;
  color: #666666;
}
.col img {
  float: left;
  margin: 0 14px 14px 10px;
  border: 1px solid #cccccc;
}
.col .clear {
  clear: left;
}
#last_col1 h3 {
  margin-bottom: 0 !important;
  background-color: #99cccc;
  color: #122b4a;
}
#last_col2 h3 {
  margin-bottom: 0 !important;
  background-color: #336666;
  color: #b8bebe;
}
/* ---- */

/* ---- Column ul < Main Page < Main Content. ---- */
#main_page .col ul {
  float: left;
  width: 334px;
  height: 183px;
  overflow: hidden;
  background: url(img/col_ul_bg.jpg) repeat-y;
}
#main_page .col li {
  padding: 9px 11px 9px 11px;
  height: 27px;
  border-bottom: 1px solid #b8bec6;
  overflow: hidden;
}
#main_page .col li .btn {
  float: left;
  margin: 0 15px 0 0;
  padding: 0;
  height: 26px;
  width: 26px;
  background: url(img/col_ul_btn.jpg) no-repeat;
}
#main_page .col li b {
  display: block;
  color: #7c7d7d;
}
/* ---- */

/* ---- Column form < Main Page, Article Page < Main Content. ---- */
.col form {
  padding: 0 10px 18px 10px;
}
.col form input {
  padding: 6px;
  height: 14px;
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9.5pt;
  font-style: italic;
  border: 1px solid #cccccc;
  background-color: #ffffff;
}
.col form #btn {
  margin: 11px 0 0 0;
  padding: 0;
  height: 28px;
  width: 314px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-style: normal;
  color: #404040;
  background-color: #f2f2f3;
}
/* ---- */

/* ---- Sidebar < Article Page < Main Content. ---- */
#sidebar {
  float: left;
  width: 334px;
}
#article_page ul {
  float: left;
  width: 334px;
  background: #ffffff;
}
#article_page li {
  padding: 10px 11px 10px 25px;
  border-bottom: 1px solid #b8bec6;
}
#article_page li b {
  color: #7c7d7d;
}

#article input {

  padding:4px;
    height: 20px;
  width: 300px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9pt;
  border: 1px solid #404040;
  background-color: #f9f9f9;
  
}

#article h1, #article h3{padding: 0 15px 15px;}
#styled h3 {
  margin-bottom: 0 !important;
  background-color: #699228;
  color: #000000;
}
#styled ul li a {
color:#000000
}
/* ---- */

/* ---- Article < Article Page < Main Content. ---- */
#article {
  float: left;
  margin: 0 24px 30px 26px;
  padding-bottom: 25px;
  width: 690px;
  background: url(img/col_bg.gif) bottom repeat-x;
  background-color: #ffffff;
  border-top: 1px solid #b9bfc7;
}
#article h2 {
  margin-bottom: 20px;
  padding: 8px 15px 7px 15px;
  font-weight: Bold;
  font-size: 12pt;
  color: #ffffff;
  background-color:#699228;
  border-bottom: 1px solid #303030;
}
#article p {
  padding: 0 15px 15px;
  line-height: 20px;
}
#article a {
	color:#4f7909;
}

#article img {
  float: left;
  margin: 0 20px 20px 15px;
}
#article .clear {
  clear: left;
}
.download {
  float: left;
  margin: 5px 15px 40px 15px;
  padding: 30px 0 0 90px;
  height: 26px;
  width: 638px;
  font-size: 11.5pt;
  background: url(img/download_pdf.jpg) top left no-repeat;
}
/* ---- */

.error {
color:red;
text-decoration:blink;
}
/* ---- Footer. ---- */
#footer_nav {
  float: left;
  background-color:#404040;
  width:1050px;
  margin: 0;
  padding-top:30px;
}
#footer_nav ul {
  float: left;
  margin: 0 40px 40px 10px;
  list-style: none;
  color: #666666;
}
#footer_nav li {
  padding: 10px 0 10px 0;
  font-size: 9pt;
}
#footer_nav .cat {
  margin: 0 0 15px 0;
  font-weight: bold;
  font-size: 9.5pt;
}
#footer_nav a, a:hover, a:link, a:visited, a:active {
  color: #b0b0b0;
}
#footer {
  margin-bottom: 140px;
  padding: 12px 10px 12px 10px;
  border-bottom: 1px solid #404040;
  color: #666666;
  font-size: 8pt;
}
/* ---- */
/* das rockt */