/* CSS Document */

/*	PAGE	**************************************/
/*	GLOBAL	*/
*	{	
	margin: 			0px;
	padding: 			0px;

	color: 				#000033;
	font-family: 		Arial, Helvetica, sans-serif;
	font-size: 			12px;
	font-style: 		normal;
	font-weight: 		normal;
	text-align: 		left;
	vertical-align:		 top;
	line-height: 		14px;
	}

/*	HTML TAGS */
body {
	background-color: 	#FAFAFA;
	background-image:	url(../images/design/footer.gif);
	background-repeat:	no-repeat;
	background-position: bottom left;
	}

img {
	display:			block;
	}

a	{
	color:				#003399;
	text-decoration:	none;
	}

a:hover	{
	color:				#006600;
	}


/*	LAYOUT	****************************************/
/*	GENERAL	*/
#canvas	{
	width:				100%;
	height:				auto;
	}

#header	{
	position:			relative;
	width:				940px;
	height:				80px;
	}

#logo	{
	position:			absolute;
	right:				0px;
	top:				12px;
	height:				53px;
	width:				371px;
	}

#address	{
	display:			none;
	visibility:			hidden;
	}

#bean	{
	height:				200px;
	width:				100%;
	}

#main	{
	position:			relative;
	height:				100%;
	width:				190px;
	float:				left;
	}

#picture	{
	height:				100%;
	width:				450px;
	float:				left;
	}

#meta	{
	position:			relative;
	height:				100%;
	width:				300px;
	float:				left;
	}

#sub	{
	position:			relative;
	height:				200px;
	width:				190px;
	float:				left;
	clear:				left;
	}

#content	{
	height:				auto;
	width:				450px;
	float:				left;
	padding-bottom:		40px;
	}

#slogan	{
	height:				auto;
	width:				420px;
	float:				left;
	padding:			16px 0;
	}

#issue	{
	clear:				both;
	margin-top:			32px;
	padding-left:		12px;
	}

#copyright	{
	height:				auto;
	width:				300px;
	float:				left;
	text-align:			right;
	color: 				#999999;
	}

#copyright a	{
	font-size:			10px;
	color: 				#999999;
	}

/*	COLORS	*/
.blue	{
	background-color:	#003366;
	}

.orange	{
	background-color:	#FF9900;
	}

.green	{
	background-color:	#669933;
	}

/*	POSITION	*/
/*	SPACES	*/
.normal {
	}

.indent	{
	padding-left:		12px;
	}

/*	NAVIGATION	****************************************/
/*	GENERAL	*/
ul.navi li {
	list-style-type: 	none;
	}

/*	MAIN */
#main ul	{
	position:			absolute;
	bottom:				12px;
	right:				12px;
	width: 				160px;
	}

#main ul li	{
	width:				100%;
	margin-top:			4px;
	text-align:			right;
	}

#main ul li a	{	
	color:				#FFFFFF;
	width:				100%;
	text-align:			right;
	}

#main ul li a:hover,
#main ul li a.active	{
	color:				#F7A118;
	font-weight:		normal;
	}
	
/*	SUB */
#sub ul	{
	position:			absolute;
	top:				16px;
	right:				12px;
	width: 				130px;
	z-index:			200;
	}

#sub ul li	{
	width:				130px;
	margin-bottom:		4px;
	color:				#002D6F;
	text-align:			right;
	}

#sub ul li a	{	
	color:				#002D6F;
	font-weight:		normal;
	}

#sub ul li a:hover,
#sub ul li.active	{
	color:				#F7A118;
	}

/*	META */
#meta ul	{
	position:			absolute;
	left:				8px;
	bottom:				8px;
	width: 				auto;
	z-index:			300;
	}

#meta ul li	{
	width:				auto;
	float:				left;
	padding:			0 5px;
	color:				#FFFFFF;
	font-size:			11px;
	border-right: 		1px solid #000033;
	}

#meta ul li a	{	
	color:				#FFFFFF;
	}

#meta ul li a:hover,
#meta ul li a.active	{
	color:				#F7A118;
	}


/*	CONTENT	****************************************/
/*	LIST	*/
#content li {
	margin-bottom:		4px;
	list-style-position: outside;
	list-style-image: url(../images/design/listenpunkt.gif);
	}

/*	TABLE	*/
.normal table {
	width:				420px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}

.normal td {
	padding:			2px;	
	}

/*	HEADERS */
h1	{
	font-weight:		bold;
	font-size: 			14px;
	color: 				#339900;	
	}

h2	{
	padding-bottom:		5px;
	font-weight:		bold;
	color: 				#339900;	
	}
	
h3	{
	padding-bottom:		5px;
	font-weight:		bold;
	color: 				#000033;	
	}

/*	TEXT	*/
p	{
	padding-bottom:		10px;

	}

b, strong {
	font-weight: 		bold;
	}

.greenbold{
	font-weight:		bold;
	color:				#59A034;

	}

/*	TABLE	*/
table.standard {
	width:				420px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	}

table.standard td {
	padding-top: 2px;
	padding-bottom: 2px;	
	}

/*	FORM	*/
table.form {
	width:				460px;
	height:				auto;
	text-align: 		left;
	vertical-align: 	top;
	background:			#FF00FF;
	}
	
table.form td{
	padding-top: 2px;
	padding-bottom: 2px;	
	}

table.form input.text{
	height: 18px;
	width: 200px;
	
	}
	
table.form input.checkbox{
	height: 18px;
	width: 18px;	
	}
	
table.form input.submit{
	height: auto;
	width: auto;	
	}