@charset "utf-8";
body {
  margin: 0;
  padding: 0;
  background: white;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 85%; /*85%*/
  line-height: 1.4;
  font-size-adjust: none;
  font-stretch: normal;
  text-align: center; /*centers the container in IE*/
}

/*Change default margin/padding*/
* {
margin: 0;
padding: 0;
}

h2 {
font-size: 150%;
}

h3 {
font-size: 110%;
font-weight: bold;
margin: 20px 0px 20px 0px;
}

h4 {
font-size: 100%;
font-weight: bold;
margin: 15px 0px 10px 0px;
}

 /* this selector removes the default blue border displayed in some browsers around an image when it is surrounded by a link */
a img {
  margin-top: auto;
  margin-right: auto;
  margin-left: auto;
  border: none;
}

/* ~~ this container surrounds all other divs giving them their percentage-based width ~~ */
.container {
	width: 1000px;
	min-height: 500px;
	background: #FFFFFF; /* the auto value on the sides, coupled with the width, centers the layout. It is not needed if you set the .container's width to 100%. */
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	text-align: left; /*corrects for the center text-align from the body*/
}

/* ~~ the header is fixed to the width and height of the title image - otherwise there seems to be extra padding that cannot be removed ~~ */
.header {
	background: #FFFFFF;
	width: 1000px;
	height: 250px;
}

/* ~~ This is the box behind the main columns for decoration ~~ */
.decobox {
	/*position: absolute;*/
	background: #93AFBD; /*008CFF;*/
	width: 1000px;
	height: 250px;
	margin: 10px 0px 0px 0px;
}

/* ~~ the navbox is the first column on the left under the header ~~ */
.navbox {
  background: #DB7474; /* ffdd73;*/
  position: absolute;
  float: left;
  margin: -310px 0px 0px 10px;
  width:140px !important; /*moz width*/
  width:170px; /*IE width*/
  /*140px*/
  height: 540px !important; /*moz height*/
  height: 600px; /*IE height*/
  padding: 30px 10px 30px 10px;
  border: 5px solid white;
  color: white;
  overflow: hidden; /*fixes IE width handling */
}

.navbox a:link, .navbox a:visited{
  color: white;
  text-decoration: none;
}

.navbox a:hover, .navbox a:focus{
  color: black;
  text-decoration: none;
}

/* ~~ the content box is the centre column under the header ~~ */
.content {
  background: #ffdd73;
  position: absolute;
  /*float: left;*/
  margin: -240px 0px 0px 190px !important; /* Moz and other browsers */
  margin: -240px 0px 0px 187px; /*IE hack*/
  width:440px !important; /*moz width*/
  width:540px; /*IE width*/
  height: auto !important; /*moz height - 700px*/
  height: auto; /*IE height-740px*/
  padding: 20px 40px 20px 50px;
  border: 5px solid white;
  color: #330033;
}

/* ~~ the kursangebot is the rightmost column under the header ~~ */
.kursangebot {
  border: 5px solid white;
  background: #9FD3ED;
  position: relative;
  float: right;
  width:180px !important; /*moz width*/
  width:250px; /*IE width*/
  height: auto !important; /*moz height - 400px*/
  height: auto; /*IE height - 440px*/
  margin: -240px 10px 0px 0px;
  padding: 20px 30px 20px 30px;
}

.footer {
  width: 1000px;
  margin: 20px 0px 0px 0px;
  text-align: center;
}