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

html, body {
  width:100%;
}

body {
  font-family:Arial, Helvetica, sans-serif;
  font-size:10pt;
  background-color:#ffffff;
  color:#003D7E;
  background-image:url(/heroes/images/heroes-background.bmp);
  background-repeat:repeat-x;
}

p {
  margin-bottom:15px;
}

hr {
  color:#003D7E;
}

.nowrap { white-space:nowrap; }

#page {
  position:relative;
  width:1000px;
  margin:10px auto;
  text-align:left;
  background-color:#FFFFFF;
}

#heroesTopNavigation {
  position:absolute;
  right:50px;
  top:30px;
  z-index:200;
}

/* Navigation */ 
.navigation a { font-weight:bold; text-decoration:none; font-size:9pt; color:#003D7E; }
.navigation a:link { text-decoration:none; font-size:9pt; color:#003D7E; }
.navigation a:visited { text-decoration:none; font-size:9pt; color:#003D7E; }
.navigation a:hover { text-decoration:underline; font-size:9pt; color:#FCB035; }

/* Formulare */
.datafield { font-family : Arial, Helvetica, sans-serif; font-size : 8pt; font-weight: bold; }
.datainputfield { font-family : Arial, Helvetica, sans-serif; font-size : 8pt; width: 320px; }
.rotfett { color: #ff0000; font-weight: bold; }
.fett { font-weight: bold; }
input.checkbox{
	border-color:#FFFFFF; background-color:#FFFFFF;
}


#heroesBanner {
  position:relative;
  left:50px;
  top:0px;
  z-index:100;
}

#heroesContent {
  position:relative;
  left:50px;
  top:0px;
  width:900px;
}

#heroesMainContent {
  position:relative;
  width:500px;
  float:left;
  left:20px;
  margin-right:60px;
}

#heroesMainContent h1 {
  font-weight:bold;
  font-size:16pt;
  margin-bottom:10px;
}

#heroesMainContent h2 {
  font-weight:bold;
  font-size:11pt;
  margin-bottom:10px;
}

#heroesMainContentLeft {
  float:left;
  width:260px;
}

.itemHeader {
  font-weight:bold;
  padding-bottom:5px;
}

.itemContent {
  margin-left:26px;
  color:#028ECF;
}

#heroesMainContentRight {
  float:right;
  width:220px;
}

#heroesMainContentRight .header {
  font-weight:bold;
  font-size:16pt;
  margin-bottom:5px;
  color:#FDA536;
}

#heroesMainContentRight .content {
  font-size:11pt;
  font-weight:bold;
  color:#FDA536;
}

#heroesFeatures {
  width:340px;
  color:#028ECF;
  float:left;
}

#heroesFeatures h1 {
  font-weight:bold;
  font-size:12pt;
  margin-bottom:10px;
}

#heroesFeatures a {
  display:block;
  text-align:center;
  margin-top:15px;
  margin-bottom:15px;
}

#heroesFeatures img {
  border:none;
}

#heroesMainFeature {
}

#heroesMainFeatureContent {
  width:300px;
  margin-left:20px;
  margin-right:20px;
}

.heroesSecondaryFeature {
  background-color:#E5EBED;
}

.heroesSecondaryFeatureContent {
  width:300px;
  margin-left:20px;
  margin-right:20px;
}

.heroesOrange {
  color:#FDA536;
}

.heroesLightBlue {
  color:#028ECF;
}

#heroesBottomNavigation {
  text-align:center;
  font-size:8pt;
  margin-bottom:15px;
}

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