/* Markenentwickler.se */
/* Hintergrundfarbe: #DF000E */
/* Textfarbe: #F3F3F3 */

* {
  padding: 0; 
  margin: 0;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  text-align: left;
  letter-spacing:0.1em;
  color: #4B4B4B;
}

body {
  width: 100%; 
  height: 100%; 
  position: absolute; 
  top: 0; 
  bottom: 0; 
  left: 0; 
  right: 0; 
  /*
  background-image:url(hintergrund2.png);
  */
}

html, table {
  width: 100%; 
  height: 95%;
  text-align:center;
  vertical-align: middle;
}

h1 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 2em;
}

td {
	text-align: center;
	vertical-align: middle;
}

div#inhalt {
  position: relative;
  width: 428px; 
  height: 270px; 
  border: 1px solid #4B4B4B;
  border-color: #707070 black black #707070;
  margin-left: auto;
  margin-right: auto;
  overflow: auto;
  color: #4B4B4B;
  background-color: #F3F3F3;
}

div#menue {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -335px;
	margin-top: -5em;
	text-align: right;
}


div#menue a {
	color: #ABABAB;	
	text-decoration: none;
}
div#menue a:hover, div#menue a:active {
	color: #ABABAB;	
	text-decoration: underline;
}

div#inhalt a:link,div#inhalt a:visited  {
	text-decoration: none;
}

div#inhalt a.unterstrichen:link,div#inhalt a.unterstrichen:visited  {
	text-decoration: underline;
}

div#inhalt a:hover,div#inhalt a:active, #linkliste a:hover, #linkliste a:active  {
  color: #000000;
  text-decoration: underline;
}

div#inhalt a.unterstrichen:hover,div#inhalt a.unterstrichen:active  {
  color: #000000;
}

p, h2 {
  padding: 0 10px 0.5em 10px;
}

h2 {
  font-weight: normal;
}

.fett {
  font-weight: bold;  
}

label {
  display: block;
  width: 70px;
  float: left;
  vertical-align: bottom;
  padding-left: 10px;
}

* html label { /* für IE */
  padding-left: 10px;
}

input, textarea {
	color:#4B4B4B;
	letter-spacing:0em;
	border: 1px solid #4B4B4B;
	width: 330px;
	margin-bottom: 2px;
	padding: 0px 2px 0px 2px;
	background-color: white;
}

* html input, * html textarea { /* für IE */
  width: 200px;
  font-size: 11px;
}

textarea {
  height: 115px;
  font-size: 11px;
}

input#Button {
  width: 336px;
  background-color: #F3F3F3;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #4B4B4B;
  text-align: center;
}
input#Button:hover {
  background-color: #4B4B4B;
  color: #F3F3F3;
}


* html input#Button { /* für IE */
  width: 330px;
}

a.antwortokay, a.antwortokay:link, a.antwortokay:visited, a.antwortokay:hover,  a.antwortokay:active {
  width: 100px;
  color: #F3F3F3;
  font-weight: bold;
  border: 1px solid #F3F3F3;
  cursor: pointer;
  text-decoration: none;
  display: block;
  margin: 10px auto 0px auto;
  text-align: center;
}

a.antwortokay:hover,  a.antwortokay:active {
  color: #F3F3F3;
  border: 1px solid #F3F3F3;
}

p#linkliste a, p#linkliste a:visited {
  text-decoration: none;
  color: #4B4B4B;
  }
  
div#menue a.aktiv {
  text-decoration: underline;
}