.csc-linkToTop {
background-image: url(http://aweb47.ws-a.arescontrol.de/fileadmin/user_upload/Bilder/Piktos/top.gif);
background-repeat: no-repeat;
width: 100px;
height: 10px;
}

.csc-linkToTop a{
margin-left: 20px;
}



label {
margin-left: 10px;
}

.csc-mailform-label {
padding-left: 20px;
}

.csc-mailform-label label{
margin-left: 0px;
}

.csc-mailform-check {
margin-top: -15px;
margin-left: 10px;
}



.form {
margin-left: 20px;
}


body {
    color: rgb(0,0,0);
    font: normal 75% verdana, helvetica, arial, sans-serif;
    line-height: 140%;
    margin: 0;
    padding: 1em 0;
    text-align: center;
  }

div#seite, div#kartenseite, div#contentseite  {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    color: #000;
    border: 1px solid #00888F;
}

 /*+++++++++++++++++++++ Header +++++++++++++++++++++++++*/

#header {
  color: #000;
  padding-top: 10px;
}

.pfeil {
  width: 8px;
  height: 8px;
  border: 0px;
  margin: 0px;
  padding: 0px;
}

div#logo {
  float: right;
}

 /* +++++++++++++++++++++++++ Content - Allgemein +++++++++++++++++++++++++++++ */

div#inhalt {
  padding: 0;
  margin: 0px 0px 0px 0px;
  width: 545px;
  float: left;
}

* html div#inhalt {
  width: 545px;
}



div#inhalt h1, h2, h3, h4, h5, p, table{
  margin: 5px 20px 0px 10px;
}

#inhalt .csc-header h1.csc-firstheader {
	margin:0px;
}

div#inhalt hr {
	color: #00888F;
	border: none;
	background-color: #00888F;
	height: 1px;
	width: 515px;
	margin: 15px 0px 0px 10px;
}

.csc-textpic {
	margin:0px;
}

.csc-textpic-intext-left {
  margin: 5px 0px 0px 10px;
}

.csc-textpic-intext-left p{
  margin: 5px 20px 0px 0px;
}

.csc-textpic-intext-right {
  margin: 5px 20px 0px 0px;
}

.csc-textpic-intext-right-nowrap {
  margin: 5px 20px 0px 0px;
}

.csc-textpic-intext-left-nowrap {
  margin: 5px 0px 0px 10px;
}

.csc-textpic-right {
  margin: 5px 20px 0px 0px;
}

.csc-textpic-right p {
  margin: 5px 0px 0px 10px;
}

.csc-textpic-left {
  margin: 5px 0px 0px 10px;
}

.csc-textpic-left p {
  margin: 5px 20px 0px 0px;
}

.csc-textpic-caption {
  font-size: 80%;
}

 /* +++++++++++++++++++++++++ Content - Startseite +++++++++++++++++++++++++++++ */

div.infobox {
  color: rgb(0,0,0);
  width: 250px;
  float: left;
  padding: 10px 10px 10px 10px;
  min-height: 403px;
}


 /* +++++++++++++++++++++++++ Inahlt Extranet +++++++++++++++++++++++++++++ */

#extranet_tab {
	width: 500px;
	line-height: 150%;
}

 /* +++++++++++++++++++++++++ Allgemeiner Textformatierung +++++++++++++++++++++++++++++ */

img {
  border: 0;
}

div, span, p, a {
  background-color: transparent;
  color: rgb(0,0,0);
}

h1 {
  background-color: transparent;
  font: bold 130% verdana, helvetica, arial, sans-serif;
  line-height: 130%
}

h2, h3 {
  font: bold 100% verdana, helvetica, arial, sans-serif;
  line-height: 130%;
}

h4 {
  font-size: 95%;
  margin: 5px 0px -10px 0px;
  padding: 0;
  width: 200px;
}

fieldset {
 border: none;
}

.csc-mailform-label {
 margin: 10px 10px 5px 10px;
}



 /* +++++++++++++++++++++++++  Tabellenlayout 1 +++++++++++++++++++++++++++++ */

.contenttable-1 {
	width: 515px;
	background-color: #FCF9EB;
	border-collapse: collapse;
}

.zentriert td{
       text-align: center;
       font-size: 90%;
}

.zentriert {
       font-size: 80%;
}

.contenttable-1 td, .contenttable-1 th {
	border: 1px solid #00888F;
	margin: 0;
	padding: 5px;
	border-collapse: collapse;
}
 /* +++++++++++++++++++++++++  Tabellenlayout 1 +++++++++++++++++++++++++++++ */

.contenttable-2 {
	width: 515px;
	border-collapse: collapse;
}


.contenttable-2 td, .contenttable-2 th {
	margin: 0;
	padding: 5px;
	background-color: #fff;
}
 /* +++++++++++++++++++++++++  rechte Spalte +++++++++++++++++++++++++++++ */

div#news {
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

div#news .csc-textpic-left {
	margin:0 0 0 10px;
}

div#news #news_inhalt p {
  margin: 0px 5px 0px 10px;
  color: #000;
  background-color: transparent;
}

div#news #news_inhalt h1, h2, h3, h4, h5 {
 margin: 10px 5px 0px 10px;
 color: #000;
 background-color: transparent;
}

#karte_klein {
	margin-bottom: -5px;
}

h3.headline_rechts {
  padding: 3px 3px 3px 10px;
  margin: 0px;
}

#news_inhalt p a {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

div#news a.internal-link {
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 10px;
}

/* +++++++++++++++++++++++++  Footer +++++++++++++++++++++++++++++ */

.logos {
position: relative;
top: -70px;
left: 0px;
margin-right: 0px;
}

/* ######################## Fuchs-Puzzle ######################### */

#tx-srpuzzle-pi1 {
	border: 2px solid #ee0000;
	background-color: #00888f;
	width: 400px;
	margin: 0 0 0 10px;
	height: 250px;
}

.tx-srpuzzle-pi1 {
	border: 0px solid #ee0000;
	margin: 0 0 0 10px;
	padding-top: 10px;
	background-color: #00888f;
	width: 500px;
}

.tx-srpuzzle-pi1-instructions {
	display:block;
	margin: 5px 0 0 10px;
}



.tx-srpuzzle-pi1-piece { position:absolute; width: 507px;  }

div.tx-srpuzzle-pi1 { text-align: left; margin-top: 5px; }

.puzzle {
	margin: 10px 0 0 10px;
}

.puzzle-optionen {
	margin-top: 10px;
}


.puzzle-optionen FORM{
	margin: 10px 0 0 10px;
}

.puzzle-optionen FORM INPUT{
	border: none;
	background-color: #fff8dc;
}

.puzzle-optionen A{
	padding: 3px;
	background-color: #CCCCCC;
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 0 10px;
	border: 1px solid #000000;
}
.puzzle-optionen A:HOVER{
	color: #000000;
}

.fuchs-form INPUT {
	margin: 0 0 3px 10px;
	border: 1px solid #333333;
}

.fuchs-form LABEL {
	float: left;
	width: 100px;
}

.fehlerfuchs {
	margin-left: 10px;
}

.fehlerfuchs LI{
	list-style-type: none;
	margin-left: 10px;
	color: #990000;
}

.fuchsinfo p {
	font-size: 75%;
	margin: 10px 10px 10px 10px;
}
