body {
	padding: 0;
	margin: 0;
	color: #333333;
	background-color: #f3f3f3;
	background-image: url(./images/hint.gif);
	background-repeat: repeat-y;
}

body, input, select, h1, h2, h3, h4 {
    font-family: Verdana, Arial, sans-serif;
}

form {
    margin: 0;
}

h1, h2, h3, h4 {
    margin: 0;
    line-height: 120%;
    margin: 0 0 1em 0;
	
}
h3 {
    margin: 0 0 1em 0;
}

p {
    margin: 0 0 1.5em 0;
}

img {
    border: 0;
}
acronym,
abbr,
.abbr {
    cursor: help;
    border-bottom: 1px dotted black;
    font-style: normal;
}

em acronym,
em abbr,
em .abbr {
    font-style: oblique;
}

q {
    font-style: normal;
}

a {
    color: #003399;
    text-decoration: none;
}
a:visited {
    color: #003399;
}

a:hover {
    color: #003399;
    text-decoration: none;
}
a:active {
    color: #003399;
    text-decoration: none;
}
a:focus {
    color: #003399;
    text-decoration: none;
}

#breadcrumbblock a {
    color: #000000;
    text-decoration: none;
}
#breadcrumbblock a:visited {
    color: #000000;
}

#breadcrumbblock a:hover {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}
#breadcrumbblock a:active {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}
#breadcrumbblock a:focus {
    color: #000000;
    text-decoration: none;
    border-bottom: 1px solid #000000;
}
#servicenavblock a {
    color: #ffffff;
    text-decoration: none;
}
#servicenavblock a:visited {
    color: #ffffff;
}

#servicenavblock a:hover {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}
#servicenavblock a:active {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}
#servicenavblock a:focus {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #ffffff;
}

#marginal a {
    color: #003399;
    text-decoration: none;
}
#marginal a:visited {
    color: #003399;
}

#marginal a:hover {
    color: #003399;
    border-bottom: 1px solid #003399;
}
#marginal a:active {
    color: #003399;
    border-bottom: 1px solid #003399;
}
#marginal a:focus {
    color: #003399;
    border-bottom: 1px solid #003399;
}

#content a {
    color: #003399;
	text-decoration: none;
}
#content a:visited {
    color: #003399;
}

#content a:hover {
    color: #003399;
    border-bottom: 1px solid #003399;
}
#content a:active {
    color: #003399;
    border-bottom: 1px solid #003399;
}
#content a:focus{
    color: #003399;
    border-bottom: 1px solid #003399;
}
div.pageprint {
	margin-top: 12px;
}

div.pageprint a {
    color: #003399;
	text-decoration: none;
}
div.pageprint a:visited {
    color: #003399;
}
div.pageprint a:hover {
    color: #003399;
    border-bottom: 1px solid #003399;
}
div.pageprint a:active {
    color: #003399;
    border-bottom: 1px solid #003399;
}
div.pageprint a:focus{
    color: #003399;
    border-bottom: 1px solid #003399;
}

p.csc-linkToTop{
	text-align: right;
}

hr {
    display: none;
}

em,
strong {
    font-weight: bold;
    font-style: normal;
}

blockquote {
	font-style: oblique;
	margin-bottom: 0.5em;
	margin-left: 2em;
	font-weight: normal;
}

ol, ul {
    padding: 0;
    margin: 0;
}

ul {
    list-style: none;
}

ol {
    margin-left: 16px;
    list-style-position: outside;
}

/* Tables... */

table {
    padding: 0;
    margin: 0 0 1em 0;
}


body {
    font-size: 83%;
    line-height: 100%;
}

h1{
    font-size: 141%;
	color: #e60011;
}
h2,
div#content div.teaser h2,
div#content div.teaser h3,
div#content div.columns h2 {
	font-style: normal;
        font-size: 109%;
}
h3 {
    font-size: 102%;
}
h4 {
    font-size: 96%;
}
div.additional h3 {
	font-style: normal;
	font-weight: normal;
}
div#topnavblock 
div.additional h1,
div.additional h2,
div.contact h2,
div.additional h3 {
font-size: 90%;

}

form#search input#query,
div.formElement .SubmitButton,
div#footerblock,
div#breadcrumbblock,
div.pagefunction p,
div.pageprint p,
p.csc-linkToTop,
div.publisher p,
div.additional p,
div.additional ul,
div.contact p,
div.contact ul,
div#servicenavblock,
div.formSubmit input,
div#content table.contenttable-3,
legend {
    font-size: 85%;
}

.annotation,
input.SubmitButton,
form.linkselect select {
    font-size: 76% !important;
    line-height: 100%!important;
}

/**
 * ----------------------------------------------------------------------------
 * Layout
 *
 */

/* logo... */
div#sitelogo {
    position: absolute;
	height: 100px;
    z-index: 1;
}

div#sitelogo a {
    display: block;
}

p#skiplinks {
    display: none;
}

/* header... */
div#headerblock {
    height: 0px;
    overflow: visible;
	/*background-color: #EDEDED;*/
}
div#header {
    border-top: 8px solid #EDEDED;
    margin-left: 200px;
}

div.language {
  float: right;
}

div.language img {
  vertical-align: middle;
}

div#breadcrumbblock {
    color: #000000;
	margin-left: 200px;
	margin-right: 196px;
	padding: 40px 30px 2px 0px;
	height: 30px;
}

div#breadcrumbblock a,
div#breadcrumbblock a:visited {
    color: #000000;
}

div#breadcrumbblock a:hover,
div#breadcrumbblock a:focus,
div#breadcrumbblock a:active {
    color: #000000;
}

.SubmitButton,
div.formElement .SubmitButton {
    width: auto;
    padding: 1px 1px;
    border: 1px solid #F28E00;
    color: #000000;
    background-color: #eeeeee;
    font-weight: bold;
    line-height: 100%;
    cursor: pointer;
}

#servicenavblock {	
    position: absolute;
    top: 0px;
	right: 0px;
	left: 200px;
	text-align: right;
	color: #ffffff;
	background-color: #003399;
	margin: 0px;
}
#servicenavblock ul  {
	float:right;
	    margin-left: 0 ;
}	

#servicenavblock ul li {
    list-style: none;
    padding: 0px;
	float:left;
	padding: 4px 16px 4px 16px;
  }

/* Layout boxes */

/* IE Win code, fixes bug not showing background-color/-image, hide rules from IE Mac \*/
* html body ul#nav,
* html body div#content,
* html body div.additional h1,
* html body div.additional h2,
* html body div.additional h3,
* html body ul,
* html body form {
    position: relative;
}

/* End hack */

/* nav... */
div#navigation {
    line-height: 100%;
    position: absolute;
    top: 100px;
    left: 0px;
    width: 200px;
    margin: 0;
    padding: 0;
    }
div#navblock {
    border-top: 1px solid #003399;
	margin:0;
    padding: 0;
	background-color: #e60011;
    }
div#specialnavblock {
	padding-bottom: 1.5em;
    }

/* IE Win needs this ... \*/
* html body ul#nav li a {
    height: 1px;
}
/* End hack */
ul#nav a,
ul#nav a:visited {
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}
ul#nav a.firstchild,
ul#nav a.firstchild:visited {
	color: red;
	background-color: red;
	text-decoration: none;
	font-weight: bold;
}

ul#nav a,
ul#nav a:visited {
    border-left: 6px solid #003399;
	
}
ul#nav ul a,
ul#nav ul a:visited {
	color: #003399;
    border-left: 6px solid #003399;
	font-weight: normal;
	/*background: url(./images/icon_nav_blau.gif) no-repeat 20px 0.6em transparent;*/
}
ul#nav ul ul a,
ul#nav ul ul a:visited {
	color: #003399;
    border-left: 6px solid #003399;
	font-weight: normal;
}
ul#nav ul ul ul a,
ul#nav ul ul ul a:visited {
	color: #003399;
    border-left: 6px solid #003399;
	font-weight: normal;
}

ul#nav a:hover,
ul#nav a:active,
ul#nav a:focus {
    text-decoration: none;
    border-left: 6px solid #ffffff;
}
ul#nav ul a:hover,
ul#nav ul a:active,
ul#nav ul a:focus {
    text-decoration: none;
    border-left: 6px solid #ffffff;
}
ul#nav ul ul a:hover,
ul#nav ul ul a:active,
ul#nav ul ul a:focus {
    text-decoration: none;
    border-left: 6px solid #ffffff;
}
ul#nav ul ul ul a:hover,
ul#nav ul ul ul a:active,
ul#nav ul ul ul a:focus {
    text-decoration: none;
    border-left: 6px solid #ffffff;
}
ul#nav li {
    padding: 0;
    margin: 0;
    font-weight: normal;
}


ul#nav {
    margin-top: 0px;
    margin-left: 0px;
}

ul#nav,
ul#nav ul {
    padding-left: 0px;
}

ul#nav li.open {
    background-color: #ffffff;
    /*border-bottom: 1px solid #cccccc;*/
}
ul#nav li a {
    display: block;
    padding-top: 0.4em;
    padding-bottom: 0.4em;
    margin-right: 0;
	position: relative;
    border-bottom: 1px solid #ffffff;
}
ul#nav li li a {	
	/*border-top: 1px solid #ffffff;*/
}
ul#nav a {
    padding-left: 6px;
}
ul#nav ul a {
    padding-left: 6px;
	margin-top: 0px;
    border-bottom: none;
	
}
ul#nav ul ul a {
    padding-left: 6px;
}
ul#nav ul ul ul a {
    padding-left: 6px;
}

ul#nav a.active,
ul#nav a.active:visited,
ul#nav a.active:hover,
ul#nav a.active:active,
ul#nav a.active:focus {
    color: #e60011;
	/*padding-left: 6px;*/
    border-left: 6px solid #e60011;
	/*border-top: 1px solid red;
	border-bottom: 1px solid red;*/
}

ul#nav ul a.active,
ul#nav ul a.active:visited,
ul#nav ul a.active:hover,
ul#nav ul a.active:active,
ul#nav ul a.active:focus{
	/*padding-left: 6px;*/
    color: #e60011;
    border-left: 6px solid #e60011;
	/*border-top: 1px solid red;
	border-bottom: 1px solid red;*/
}
ul#nav ul ul a.active,
ul#nav ul ul a.active:visited,
ul#nav ul ul a.active:hover,
ul#nav ul ul a.active:active,
ul#nav ul ul a.active:focus{
	/*padding-left: 6px;*/
    color: #003399;
    border-left: 6px solid yellow;
}
ul#nav ul ul ul a.active,
ul#nav ul ul ul a.active:visited,
ul#nav ul ul ul a.active:hover,
ul#nav ul ul ul a.active:active,
ul#nav ul ul ul a.active:focus{
	/*padding-left: 6px;*/
    color: #003399;
    border-left: 6px solid yellow;
}

div.publisher {
	text-align: center;
	padding: 45px 6px 45px 6px;
}
/* content... */


div#content {
    line-height: 120%;
	border: 1px solid #cccccc;
	background-color: #ffffff;
    padding: 12px 12px 12px 12px;
}

#content .chapter_bulletlist ul {
	padding-left: 28px;
/*  background:  url(./images/icon_bullet_blau.gif) no-repeat 1px 0.4em; */
    list-style-image:url(./images/icon_bullet_blau.gif);
    list-style-position:outside;
}

div#content .chapter_bullet_headline h2,
div#content .chapter_bullet_headline h3 {
	padding-left: 12px;
    background:  url(./images/icon_bullet_blau.gif) no-repeat 1px 0.4em;
}
div#content .chapter_bullet_headline p {
	padding-left: 0px;
}

div#content .chapter_one_headline p {
  padding-top: 1em;
}
div#content .chapter_one_headline h2 {
  float: left;
  padding-right: 12px;
  padding-left: 12px;
  background:  url(./images/icon_bullet_blau.gif) no-repeat 1px 0.4em;
}

div#content div.teaser div.csc-textpicHeader,
div#content div.columns {
  background:  url(./images/icon_bullet_blau.gif) no-repeat 8px 0.5em;
}
div#content div.columns ul {
	padding: 0px 12px 0px  18px;
}

div#content div.teaser p,
div#content div.teaser h2,
div#content div.columns h2,
div#content div.columns ul  {
    margin: 0 0 1.5em 0;
}
div#content div.teaser p {
   font-weight: bold;
}

div#content div.teaser h2,
div#content div.columns h2 {
	margin: 12px 12px 0px 28px;
	padding: 2px 0px 2px 2px;
	background-color: #D3DEED;

}
div#content div.teaser img.teaser {
	margin-left: 0px;
	margin-bottom: 0.8em;
	float: left;
	width: 90px;
    height: 90px;
}


div.additional {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    background-color: #ffffff;
    line-height: 120%;
	margin-bottom: 12px;
}

div.additional h2 {
    padding: 12px 4px 0px 4px;
    margin: 0 0 0.5em 0;
    color: #e60011;
}
div.additional h3 {
    padding: 4px 4px 4px 4px;
    margin: 0.5em 0 0 0;
}
div.additional p {
    padding: 0px 4px 0px 4px;
    margin: 0 0 0.5em 0;
}
div.additional ul li {
    padding: 0px 4px 0px 4px;
    margin: 0.5em 0;
}
div.contact {
	margin-bottom: 24px;
    line-height: 120%;
}
div.contact h2 {
    padding: 12px 4px 0px 4px;
    margin: 0 0 0.5em 0;
    color: #e60011;
    line-height: 120%;
}
div.contact p {
    padding: 0px 4px 0px 4px;
    margin: 0;
}
div.pagefunction p {
	margin-bottom: 4px;
}

div.pagefunction {
    text-align: right;
	padding: 60px 4px 0px 4px;
}


div.page_divider {
    height: 1px;
    margin: 0;
    clear: left;
	background-image: url(./images/pagedivider.gif);
	background-repeat: repeat-x;
}

legend {
    padding: 0.2em 1.3em;
    margin: 0 0 0.8em 0;
    color: #FFFFFF;
    background-color: #446EC4;
    font-weight: bold;
    position: relative; /* Safari needs this */
    left: -20px;
}

div.formwrapper {
}

div.formSubmit {
    padding: 0.5em 1em;
    border: 1px solid #446EC4;
    background-color: #E7EDF5;
    margin: 0;
}
div.formSubmit input {
    padding: 2px 12px 2px 12px;
    border: 1px solid #446EC4;
    color: #FFFFFF;
    background-color: #446EC4;
    font-weight: normal;
    line-height: 100%;
    cursor: pointer;
}
div.formElement input,
div.formElementLarge input,
div.formElement select,
div.formElementLarge select,
div.formElement textarea,
div.formElementLarge textarea {
    border: 1px solid #446EC4;
}
fieldset {
    padding: 12px;
    border: 1px solid #446EC4; /* Opera needs this */
    margin: 0;
    margin-bottom: 12px;
    position: relative; /* Netspace 6 needs this */
}
div.spalten {
  margin-bottom: 0.5em;
}
.column1 {
  width: 8em;
  float: left;
	color: #446EC4;
	font-variant: small-caps;
	font-weight: bold;
	position:relative;
	display: block;
}
.column2 {
	padding-left: 8.2em;
	padding-bottom: 0.3em;
}

.box {
  border: 1px solid;
  border-color: #446EC4;
  background-color: #FFFFFF;
  padding: 8px;
}

table.contenttable-0 {
  border-top: 1px solid #003399;
  border-left: 1px solid #003399;
  border-right: 1px solid #003399;
  background-color: #ffffff;
}
table.contenttable-0 caption {
  color: #ffffff;
  font-weight: bold;
  background-color: #003399;
  padding: 4px;
  margin: 0;
  text-align: middle;
  vertical-align: top;
}
table.contenttable-0 td,
table.contenttable-0 th {
  padding: 4px;
  margin: 0;
  border-bottom: 1px solid #003399;
  text-align: left;
  vertical-align: top;
}

table.contenttable-1 caption {
  padding: 4px;
  margin: 0;
  text-align: middle;
  vertical-align: top;
}
table.contenttable-1 td,
table.contenttable-1 th {
  padding: 4px;
  margin: 0;
  border-bottom: 1px solid #003399;
  text-align: left;
  vertical-align: top;
}
table.contenttable-1 th {
  border-top: 1px solid #003399;
}
table.contenttable-1 td.td-0 {
  padding-left: 10px;
}

table.contenttable-2 {
	border: 1px solid #003399;
	background-color: #ffffff;
}
table.contenttable-2 caption {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #003399;
  padding: 4px;
  margin: 0;
  text-align: middle;
  vertical-align: top;
}
table.contenttable-2 td,
table.contenttable-2 th {
	font-size: 86%;
	line-height: 100%;
  border-top: 1px solid #003399;
  padding: 4px;
  vertical-align: top;
}
table.contenttable-2 td {
  text-align: center;
}
table.contenttable-2 th {
	text-align: left;
}

table.contenttable-4 {
  border: 1px solid #003399;
  background-color: #ffffff;
}
table.contenttable-4 caption {
  color: #FFFFFF;
  font-weight: bold;
  background-color: #003399;
  padding: 4px;
  margin: 0;
  text-align: middle;
  vertical-align: top;
}
table.contenttable-4 td,
table.contenttable-4 th {
  padding: 8px;
  margin: 0;
  text-align: left;
  vertical-align: top;
}
table.contenttable-4 th.td-0 {
  padding-left: 18px;
}

/* content... */
div#contentblock {
    margin: 0px 200px 20px 200px;
    padding: 0;
}


div#marginal {
    position: absolute;
    top: 100px;
    right: 0;
    z-index: 2;
    width: 200px;
    }

div#subnavblock {
    position: relative;
	/*display: block;
	float: right;
    right: 0;
    z-index: 2;
    margin-left: 180px;
	background-color: #003399;*/
	position: absolute;
    top: 0px;
	right: 0px;
	left: 180px;
	text-align: right;
	color: #ffffff;
	background-color: #7AB400;
	padding: 4px 10px 4px 0px;
	margin: 0px;

}

div#marginal * {
    margin-right: 0px;
}

div#marginal * * {
    margin-right: 0;
}




/* Content */

div#content p,
div#content ul,
div#content ol,
div#content form {
    margin-bottom: 1em;
}

div#content h1 {
}

div#content div.csi-text {
    /*padding-bottom: 1em;*/
}

div#content h2 {
    margin-bottom: 1em;
	margin-top: 1em;
}

div#content .chapter_nolist p {
  margin-left: 12px;
  margin-bottom: 1em;
}

div#content .chapter_numlist li {
  list-style-type: decimal;
  margin-left: 12px;
  margin-bottom: 1em;
}

div#content .chapter_numlist li li {
  margin-bottom: 0;
}
div#content .chapter_disclist ul {
margin-left: 36px;
}

div#content .chapter_disclist li {
  list-style-type: disc;
  margin-left: 12px;
  /*margin-bottom: 1em;*/
}

div#content .chapter_disclist li li {
  margin-bottom: 0;
}

div#content .chapter_bulletlist li {
    margin-bottom: 1em;
}

div#content .chapter_bulletlist li li {
    margin-bottom: 0;
    list-style-image:url(./images/icon_bullet_disc.gif);
}


div.divider {
    height: 1px;
    margin: 0;
    clear: left;
}
div.pageend {
    height: 1px;
    margin: 0;
    clear: left;
}
.teasertext {
	font-weight: bold;
}
/* Forms */
div.formLabel {
    width: 12em;
    float: left;
}
div.formLabel,
div.formElement {
    margin-bottom: 1ex;
}

fieldset br.clearer{
	display: block; /*for N6*/
	font-size: 1px; /*for IE Mac*/
}



div.formSubmit input {
    cursor: pointer;
}


div.formElement input,
div.formElement textarea {
    width: 15em;
}

div.formElement input.fourletters,
div.formElement textarea.fourletters {
    width: 4em;
}

div.formElementLarge input,
div.formElementLarge textarea {
    width: 94%;
}
.error{
	color: #cc0000;
}
input.error,
label.error {
	color: #ffffff;
	background-color:#cc0000;
	border: 1px solid #cc0000;
}

div.error p,
div.error li {
	padding: 0 0.5em;
	margin: 0;
	color: #cc0000;
}
/* Pictures */

.image_float_left {
    position: relative;
    clear: both;
    float: left;
    margin: 0 12px 12px 0;
    padding: 0;
	border: 1px solid #006b3a;
	}

.image_float_right {
    position: relative;
    clear: both;
    float: right;
    margin: 0 0 12px 12px;
    padding: 0;
	border: 1px solid red;
    }

/* Helper */

.rightalign {
    text-align: right !important;
}

.floatright {
	float: right;
}

.floatleft {
	float: left;
}

.hide {
    position: absolute;
    left: -1000em;
    width: 500em;
    line-height: 0px;
}

.clearer {
    height: 0px;
    clear: left;
    overflow: hidden;
    font-size: 0px;
    line-height: 0px;
}

.hidden{
display: none;
}

.grafikbullet {
	margin-right: 8px;
}

/* Sitemap */
.sitemap a,
.sitemap a:hover,
.sitemap a:focus,
.sitemap a:active {
  line-height: 100%;
  background: url(./images/icon_link_petrol.gif) no-repeat 1px 0.4em;
  padding-left: 12px;
}
.sitemap1 {
  padding-left: 30px;
}
.sitemap2 {
  padding-left: 30px;
}
.sitemap3 {
  padding-left: 30px;
}
.sitemap4 {
  padding-left: 30px;
}

DIV.csc-textpic-right DIV.csc-textpic-imagewrap { position:relative; }
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { position:relative; }
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { position:relative; }
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { position:relative; }
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { position:relative; }
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { position:relative; }

div#content li {
  list-style-type: square;
  margin-left: 14px;
}
