@charset "utf-8";
/* CSS Document */

html, body, #wrapper {
	min-height			: 100%;
	width				: 100%;
	height				: 100%;
	overflow			: auto;
}

html>body, html>body #wrapper {
	height				: auto;
}

body {
	margin				: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
}

#wrapper {
	position			: absolute;
	top					: 0px;
	left				: 50%;
	width				: 900px;
	margin-left			: -450px;
	overflow			: hidden;
	background-image:url(../images/vivodame.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#footer {
	width				: 900px;
	height				: 21px;
	position			: absolute;
	bottom				: 0px;
	margin				: 0px 0px 0px 0px;
	padding				: 0px;
	line-height			: 21px;
	background-image	: url(../images/footer_red.jpg);
	background-position	: center;
	background-repeat	: no-repeat;
	text-align			: center;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 13px;
	font-weight			: 300;
	color				: #FFFFFF;
	clear				: left;
}

#footer {
    \width				: 900px;
    w\idth				: 900px;
}

#innerwrapper {
	margin				: 5px 0px 21px 0px;
	padding				: 0px;
	height				: auto;
}

#banner {
	width				: 900px;
	height				: 120px;
	margin				: 2px 0px 0px 0px;
	padding				: 0px;
}

#navbar {
	height				: 29px;
	margin				: 0px;
	padding				: 0px;
	background-image	: url(../images/navbar.gif);
	background-repeat	: no-repeat;
}

/* Spacer fuer das Figurinenbild */
#spacer {
	height				: 450px;
	width: 190px;
}

/* ---------------------Contentbereich Styles----------------------------------------------------- */
#content {
	width: 680px;
	float:right;
	margin				: 0px 0px 21px 20px;
	padding				: 0px;
	position:relative;
}

#content a {
	color: #871313;
	text-decoration:none;
}

#content a:hover {
	text-decoration:underline;
}

#content h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
}

#content h2 {
	font-size:16px;
	font-weight:bold;
}
/* ----------------------------------------------------------------------------------------------- */

/* -------------------Menustyles Linkes Hauptmenu------------------------------------------------- */
#leftmenu {
    width: 200px;
	float:left;
	position:relative;
	margin: 10px 0px 0px 0px;
	text-align:left;
}

#menutext {
	margin: 10px 0px 10px 20px;
	line-height: 20px;
	font-size:14px;
	color:#871313;
	font-family:Arial, Helvetica, sans-serif;
}

#menudivider {
	width				: 195px;
	height				: 22px;
	padding				: 0px 0px 0px 5px;
	background-image	:url(../images/menu_divider_red.jpg);
	background-position	:center;
	background-repeat	:no-repeat;
	text-align			: left;
	font-family			: Arial, Helvetica, sans-serif;
	font-size			: 14px;
	line-height			: 22px;
	font-weight			:800;
	color				: #FFFFFF;
}

#dividertext {
	padding: 0px 0px 0px 20px;
}

#leftmenu a {
	color:#871313;
	font-weight:normal;
	text-decoration:none;
}

#leftmenu a:hover {
	font-weight:bold;	
}
/* ------------------------------------------------------------------------------------------------- */
/* ---------------------------------- Bilderstyles ------------------------------------------------- */
#front {
	width: 550px;
	height: 357px;
	margin: 10px 10px 10px 10px;
	border:none;
}

#grundkurs {
	width: 300px;
	height: 452px;
	float:right;
	margin: 10px 10px 10px 10px;
	border:none;
}

#aenderungskurs {
	width: 400px;
	height: 300px;
	margin: 10px;
	border:none;
}

#thumb {
	margin: 10px;
	border: none;
}
/* ------------------------------------------------------------------------------------------------- */