/* Common styles for Ccntent, headers, links, tables etc.*/

/* Links */
a {
color: #000;
}
a:link    { color: #6e7371; text-decoration: underline;}
a:visited { color: #6e7371; text-decoration: underline;}
/* In Typo3 mit gleicher Farbe wie H1 ueberschreiben*/
a:focus, a:hover, a:active { color: #000000;text-decoration: none;}
a:focus { outline: none; }



#rootline a:visited,#rootline a:link{
color: #4C4C4C;
text-decoration: none;
}
#rootline a:hover{
text-decoration: underline;
}

.csc-textpic-caption{
	font-size:10px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	color:#6e7371;
	text-align: left;
}


#left_container{
width: 232px;
float: left;
min-height: 300px;
}

#content_container{
margin: 0px;
width: 540px;
margin-top: 30px;
padding-bottom: 20px;
margin-left: 20px;
float: left;
}

#border_container{
margin: 0px;
padding: 0px;
width: 180px;
float: right;
}

#border{
width: 180px;
text-align: left;
float: left;
}


#content_normal{
text-align: left;
width: 540px;
}

#content_normal_bg{
text-align: left;
width: 540px;
float: left;
background: url(../media/bg_pp.gif);
background-repeat: no-repeat;
min-height: 573px;
}

* html #content_normal_bg{
height: 573px;
}


#content_left{
float: left;
text-align: left;
}

#content_right{
float: right;
text-align: left;
}

.csc-breit{
width: 100%;
min-height: 20px;
float: left;
}

* html .csc-breit{
height: 20px;
}

.csc-breit p.bodytext{
padding-bottom: 5px;
}

.csc-2-3{
width: 340px;
float: left;
}

.csc-1-3{
width: 190px;
float: right;
}

.csc-2-3 p.bodytext, .csc-1-3 p.bodytext{
padding-bottom: 5px;
}


.csc-links{
width: 260px;
float: left;
}

.csc-rechts{
width: 260px;
float: right;
}

.csc-rechts p.bodytext, .csc-links p.bodytext{
padding-bottom: 5px;
}

.csc-kasten{
width: 536px;
float: left;
border: 2px solid #002355;
}

.csc-kasten p.bodytext {
padding: 5px;
}


#content_normal .csc-kasten ul{
list-style-position: outside;
margin: 0px;
padding: 0px;
padding-left:5px;
padding-bottom: 5px;
}

#content_normal .csc-kasten li{
margin: 0px;
padding-left: 10px;
color: #000000;
list-style: none;
background: url(../media/pointgelb.gif);
background-repeat: no-repeat;
}

.csc-links-rand{
float: left;
width: 220px;
margin-left: 10px;
margin-top: 30px;
}



/* Headers */
h1 {
color: #002355;
  font-size: 14px;
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  margin-bottom: 5px;
}

.csc-1-3 h2 {
color: #ffffff;
  font-size: 12px;
  margin: 0px;
  padding-left: 5px;
margin-bottom: 5px;
line-height: 20px;
  font-weight: normal;
background-color: #617c98;
}



h2 {
color: #000000;
  font-size: 13px;
  margin: 0px;
  padding: 0px;
background-color: #fef2cf;
line-height: 20px;
padding-left: 5px;

}

#border h2 {
color: #E3EAF1;
  font-size: 12px;
  margin: 0px;
  padding: 0px;
line-height: 20px;
padding-left: 10px;
background-color: #002355;
}

h3 {
color: #E3EAF1;
  font-size: 11px;
  margin: 0px;
  font-weight: bold;
}




/* Forms */
.csc-mailform{
border: 0px;
float: left;
width: 100%;
}

label {
clear:both;


  text-align: left;
}

label {
  display: block; /* damit auch die alten IEs das padding anwenden */
  font-size: 11px;
  font-weight: normal;
  margin-right: 10px;
}

form p {
  font-size: 12px;
  margin: 0px;
}

/* Achtung: nicht alle Browser stellen Sachen wie die border
von Eingabefeldern dar, in Safari z.B. laesst sich nur wenig
am Aussehen von Formularelementen aendern */

input,
textarea {
  width: 35em;
  border: 1px solid #ababab;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  margin-bottom:0.3em;
background-color: #ffffff;
color: #4e4e4e;
}

select{
  background: #FFFFFF;
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  border: 1px solid #89847e;
  margin-bottom:0.3em;
  color: #4e4e4e;

}

#mailform input.csc-mailform-submit{
width: 100px;
  margin-top: 5px;
border-color: #ababab;
background-color: #ffffff;

}

/* Die folgenden Anweisungen sorgen fuer schoene Effekte beim
Ausfuellen in standardkonformen Browsern, die IEs koennen
damit aber nix anfangen */

input:hover,
textarea:hover {
  background: #ffffff;
  border: 1px solid #ababab;
}

input:focus,
textarea:focus {
  background: #ffffff;
  border: 1px solid #ababab;
}

.align-left{
text-align: left;
}
.align-center{
text-align: center;
}
.align-right{
text-align: right;
}