/* defaults für html-tags */

body {
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 100%;
  font: normal normal normal 11px/16px Arial, Helvetica, Sans-Serif;
  color: #333333;
  background-color: #ffffff;
  background-image:url(../images/dachmarkenseite/bg.gif);
}

html {
  width: 100%;
  height: 100%
}

img {
  display: inline;
  border: 0px;
}

a {
  text-decoration: none;
  color: #003f74;
  
}

table {
  padding: 0px;
  margin: 0px;
}

#balken {
  position: relative;
  top: 330px;
  left: 0px;
  height: 22px;
  width: auto;
  margin-left: 570px;
  background-color: #003f74;
}

/* outer div */

#outer {
  height: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
 
  background-repeat:no-repeat;
  background-position: bottom left;
  z-index:1;
}


/* content */

.content {
  width: 1005px;
  border: 0px solid red;
}


/* logo */

.logo {
  height: 100%;
  width: 208px;
  float: left;
}


/* select */

.select {
	position: relative;
	width: 359px;
	float: left;
	margin-top: 12px;
}

.select img {
  display: block;
}

.select .clickarea {
  position: absolute;
  z-index: 1;
}

.select .box { 
  position: relative;
  height: 122px;
  width: 176px;
  margin-bottom: 16px
}

.select .imagebox { 
  position: absolute;
  z-index: 0;
}

.select .box .imagebox .btn {
  background-color: #b7d2ed;
  width: 176px;
  height: 18px;
  color: #003f74;
  margin-bottom: 1px;
  font: normal normal normal 11px/19px Arial, Helvetica, Sans-Serif;
}

.select .box .imagebox .normal {
  background-repeat: no-repeat;
  background-position: right;
}

.select .box .imagebox .hover {
  background-image: url(../images/dachmarkenseite/pfeil_unten.gif);
  background-repeat: no-repeat;
  background-position: right;
}

.select .box .imagebox .btn .txt {
  padding-left: 10px;
}

.select .menu {
  visibility: hidden;
  position: absolute;
  top: 8px;
  left: 160px;
  z-index: 2;
  border-bottom: 1px solid #b9c1c8;
}

.select .menu .btn {
  background-image: url(../images/dachmarkenseite/pfeil_menu.gif);
  background-repeat: no-repeat;
  background-position: left;
  background-color: #e6ebf1;
  width: 180px;
  height: 20px;
  font: normal normal normal 11px/20px Arial, Helvetica, Sans-Serif;
  color: #003f74;
  border-right: 1px solid #b9c1c8;
  border-bottom: 1px solid #ffffff;
}

.select .menu .btn a {
  padding-left: 25px;
}

.select .menu .normal {
  background-color: #e6ebf1;
}

.select .menu .hover {
  background-color: #ffffff;
}

.select .menu .last {
  border-bottom: 0px;
}


/* willkommen */

.willkommen {
	position:relative;
	top:352px;
	width: 420px;
	float: left;
}

.text {
  padding-top: 42px;
}


.headline {
  font: normal normal bold 17px/19px Arial, Helvetica, Sans-Serif;
  color: #003f74;
  padding-bottom: 3px;
}

.subheadline {
  font: normal normal bold 13px/19px Arial, Helvetica, Sans-Serif;
  color: #003f74;
}

#willkommenimage {
  width:100%;
  position:absolute; 
  top:0px;
  z-index:0;
}

#willkommentable {
  width:100%;
}

#willkommentable .leftspace{
  width:569px;
  height:352px;
}

#willkommentable .imagespace{
  background-image: url('../images/dachmarkenseite/willkommen01.jpg');
}



/* links */

a:link { color: #003F74; text-decoration: underline; }
a:visited { color: #003F74; text-decoration: underline; }
a:active { color: #003F74; text-decoration: underline; }
a:hover { color: #003F74; text-decoration: none; }