* {margin:0; padding:0;}  /*args*/
/*html, body, p, ul, dl, dd, dt, a, h1, h2, h3, h4, 
#header, #header h1, #footer2 *, TextBox1 *, TextBox2 * {
	margin:0; padding:0;
}

*/

img { 
	border: 0px solid black; 
	padding-right: 5px;
} 

html, body {
  margin-top: 15px;
  color: black;
  font-family: Arial, Helvetica, sans-serif;
  font-size:100.01%;
  height: 100%;
}
body {
  background: #253B53 top center url("../img/kasten_ganz3.gif") no-repeat; 
}
a, h3{
  text-decoration: none;
  color: #4d4db2;
}
a:hover {
	text-decoration: underline;
}
strong, em, #Textbox2 dd {
  color: #4d4db2;
  font-weight: bold;
}

#mysite { 
    margin:35px auto;
    margin-top:28px !important;
    margin-top:15px ;
    width:778px !important;
    width:779px;
    background: white;
    border-top:solid black 2px;
}
#TextBox1 {
  height:421px;
}
#header h1 {
    background: url(../img/banner_logo.gif) no-repeat;
    height: 106px;
    border-top: solid #4d4db2 2px; 
}
h1 span{
  display: none;
}


/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; banner ;;;;;; */
#Angebot{
  height:112px;
  display:block;
  text-align: right;
  padding-right: 304px;
}
#Angebot h2{
  color: #B2B2DE;
  font-size: 2em;
  padding: 4px 4px 4px 0;
}
#Angebot span{
  display:block;
  padding: 0 4px 4px 0;
  font-size: 1em;
  font-weight: bold
}

/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; links ;;;;;; */
#TextBox1 {
  border-right: dashed #b9bab9 2px; 
  float:left;
  font-size:0.8em;
  width:475px;
}
#TextBox1 ul, #TextBox1 dl, #TextBox1 span {
  padding: 0 0 10px 24px;
}

#TextBox1 li {
  color: black;
  padding: 2px 10px 2px 0;
  
}
#TextBox1 ul  {
  list-style: circle inside;
}
#TextBox1 ul a {
  text-decoration: none;
  font-weight: bold;
}
#TextBox1 ul a:hover {
  text-decoration: underline;
  font-weight: bold;
}
#TextBox1 h2 {
  font-size: 1em;
  color: white;
  background: #42566E;
  padding:2px 0 2px 22px;
}
#TextBox1 p,  #TextBox1 div, #TextBox1 h3, #TextBox1 form  {
  padding: 10px 18px 10px 22px;
}

/* JF:mind to do color stuff in page specific css file */
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; rechts ;;;;;; */
#TextBox2 {
 /* border-left: dashed #b9bab9 2px; */
  font-size:0.75em;
  margin-left:477px;

}
#TextBox2 h2, #TextBox2 ul {
  padding: 2px 0 2px 18px;
}
#TextBox2 h2 {
  font-size:1em;
  color: white;
  background: #4D4DB2; /* global */
}
#TextBox2 li {
  padding-top: 2px;
  padding-bottom: 2px;
  list-style: circle inside;
}
#TextBox2 p, #TextBox2 dd {
  padding: 6px 6px 6px 18px;
}
#TextBox2 dt a, #TextBox2 li a, #TextBox2 dt {
  color: white; /* global */
}
#TextBox2 div, #TextBox2 dl{
  padding: 0px;
  padding-bottom:10px;
}
#TextBox2 dt {
  font-size:1em;
  font-weight: bold;
  padding-left: 7px;
}
#TextBox2 div, #TextBox2 dl, #TextBox2 dl a {
  font-weight: normal;
  margin: 0px;
}
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; misc ;;;;;; */
.ende {
/* border-bottom: dashed #b9bab9 2px; */
}
#TextBox2 #telefon {
  margin: 5px;
  padding: 15px 10px 10px 13px;
  background: url(../img/telefon.gif) no-repeat;
}
/* ids must not be used more than once per side, so at least for refernce 
 * page we need this as class - changed all to class, as this is sane*/
a.external {
  padding-right:12px;  
  background: url(external.png) no-repeat right ;
  
}

#footer {
  float: none;
}
/* ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;; Footer ;;;;;; */
#footer2 {
  height: 25px;
  clear:both;
  line-height: 24px;
  text-align: left;
  background-color:#D7D7D7;
  font-size:0.6em;
  background: url(footer_bg.png);
}
#footer2 ul {
  position:relative;top:0px!important;top:4px;
}
#footer2 ul li { 
  display:inline;
  padding-left:22px;
}
#footer2 a {
  display:inline;
  text-decoration: none;
  font-weight: bold;
  color: #4d4db2 ;
  font-size:inherit;
}
#footer2 a:hover{
  text-decoration: underline;
}
#footer2 a img{
  height: 15px;
  vertical-align: middle;
  border:none;
  padding-bottom:3px!important;padding-top:0px;
  padding-left:75px;
}