@charset "UTF-8";
body {
	font-family:Verdana, Geneva, sans-serif;
	font:Verdana, Geneva, sans-serif;
	font-size:12px;
	background: #FFF;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
}

img {
	border:0px;
}

a,a:visited {
	text-decoration:none;
	color:#333;
	font-weight:bold;
}

a:hover {
	color:#900;
	font-weight:bold;
	}

h1 {
	font-size:16px;
	font-weight:100;
}

h2 {
	font-size:10px;
	font-weight:bold;
}

h3 {
	font-size:10px;
	font-style:italic;
	margin:5px 0px;
	font-weight:100;
}

p {
	font-size:10px;
	margin:5px 0px;
}

#start {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(images/startscreen.jpg);
	background-repeat:no-repeat;
	height:770px;
}

#startinhalt {
	width: 512px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	padding:210px 0px 0px 285px; /* the auto margins (in conjunction with a width) center the page */	
	height:540px;
}

#startinhalt h1{
	font-size:14px;
	color:#FFFFFF;
	font-weight:bold;
	margin:0;
	background-image:url(images/button.png);
	background-position:center;
	background-repeat:no-repeat;	
}

#startinhalt h2{
	font-size:10px;
	color:#FFFFFF;
	margin:0;
		
}

#startinhalt h3{
	font-size:10px;
	color:#FFFFFF;
	font-style:italic;	
	margin:0;
}

#startinhalt h4{
	font-size:10px;
	color:#FFFFFF;
	margin:0;
	font-weight:normal;
}

#startinhalt a{	
	color:#fff;		
}

#startinhalt a:hover{	
	color:#999;		
}

#container {
	width: 1000px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	background: #FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	/*border: 1px solid #000000;*/
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-image:url(images/bg_falldeslemming.jpg);
	background-repeat:no-repeat;
	min-height:650px;
}

#titel {
	text-align:center;
	
}

.menu {
	text-align:center;
	margin-right:25px;
}

.menu a, .menu a:visited {
	font-size:17px;
	font-variant:small-caps;
	font-weight:100;
}

.menu a:hover {
	color:#900;
	font-weight:100;
}

.menu2 {
	margin-top:20px;
	text-align:center;
}

.menu2 a, .menu2 a:visited {
	font-size:14px;
	font-variant:small-caps;
	font-weight:100;
}

.menu2 a:hover {
	color:#900;
	font-weight:100;
}

.menu2 img {
	margin-top:5px;
	}

#mainContent {
	margin: 10px 220px 0px 190px;; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	padding:5px 10px;
	border-left:1px solid #999;
	border-right:1px solid #999;
	text-align:justify;
}

.filmbilder {
	margin:20px 0px 0 28px;
}

.imgleft {
	margin:0px 10px 4px 0px;
	float:left;
}

.imgright {
	margin:0px 0px 4px 10px;
	float:right;
}