/*

      Created by Keith Donegan of Code-Sucks.com

	  

	  E-Mail: Keithdonegan@gmail.com

	  

	  You can do whatever you want with these layouts,

	  but it would be greatly appreciated if you gave a link

	  back to http://www.code-sucks.com

	  

*/



* { padding: 0; margin: 0; }



body {

	font-family: Arial, Helvetica, sans-serif;

	font-size: 13px;

	background-color: #4243A0;

	background-repeat: repeat-x;

	background-image: url(../gfx/bg_body_oben.jpg);

}

p {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 12px;

	color: #333333;

	margin-bottom: 10px;

}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-image: none;
	margin-top: 7px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
	color: #4243A0;
	padding-top: 2px;
	padding-bottom: 3px;
	letter-spacing: 0.1em;
	font-variant: small-caps;

}




a:visited {
	color: #4243A0;
}

#wrapper {

	margin: 0 auto;

	width: 964px;

	background-image: url(../gfx/bg_wrapper.jpg);

	background-repeat: repeat-y;

	height: auto;

}

#header {

	color: #333;

	width: 948px;

	padding: 0px 0px 0px 0px;

	border: 0px solid #ccc;

	height: 262px;

	margin: 0px 0px 0px 0px;

	background-image: url(../gfx/bg_header_bottom.jpg);

	background-repeat: repeat-y;

}

#wrapper #header img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

#leftcolumn {

	color: #333;

	margin: 0px 0px 0px 0px;

	padding: 10px 0px 0px 16px;

	height: auto;

	width: 184px;

	float: left;



}

#wrapper #leftcolumn #navi {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	padding-top: 10px;

}

#content {
	float: left;
	color: #333;
	border: 0px solid #ccc;
	height: 400px;
	width: 524px;
	display: inline;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;

}

#rightcolumn {
	color: #333;
	margin: 150px 0px 0px 0px;
	padding: 10px 20px 10px 10px;
	height: auto;
	width: 160px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;



}

#wrapper #rightcolumn p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;

}
#apDiv1 {
	position:relative;
	width:511px;
	height:376px;
	z-index:1;
	left: 45px;
	top: -158px;
	overflow: hidden;
}


#footer {
	width: 944px;
	clear: both;
	color: #666666;
	border: 0px solid #ccc;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 8px 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: center;
	background-color: #FFFFFF;
	background-image: url(../gfx/bg_wrapper.jpg);
	height: 10px;

}
.titleindex {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4243A0;
	letter-spacing: 0.1em;
	font-variant: small-caps;
	font-weight: bold;
	padding-top: 15px;
}
