/* *********************** Grundinformationen *********************** */

/* Setzt alle Boxen und Rahmen standardmaessig auf 0 */
* {
	margin:		0;
	padding:	0;
}

body {
	text-align:	left;
	min-width:	760px;
	font-family:	verdana, arial, sans serif;
	font-size:		11px;
	padding: 10px 0px;
	background: #f0efe9 url(../images/template/bg_body.gif) no-repeat fixed left top;
}

h1 {
	width:				100%;
	margin-bottom: 		10px;		
	background-color:	#676266;
	text-align:			left;
	font-size:			12px;
	font-weight:		bold;
	line-height:		20px;
	text-indent:		5px;
	color:				#ffffff;
}

/* Breadcrumb im Content */
h1 a {
	color:				#ffffff;
}

h2 {
	font-size:			12px;
	color:#676266;
	margin: 8px 0px 4px 0px;
}
h3 {
	font-size:			12px;
}

img {
	border:				0px;	
}

/* Formulare */
form {
	display:			inline;	
}

fieldset {
	border:				1px solid #676266;
	background-color:	#cac7be;
	padding:			5px;
}

input {
	border:				1px solid #676266;
	background-color:	#FFF;
	font-size:			10px;
}

select {
	border:				1px solid #676266;
	background-color:	#FFF;
	font-size:			10px;
}

input.radio {
	border:				0px;
	background-color:	#ffffff;
	width:				15px;
}

/* *********************** Ende Grundinformationen *********************** */





/* *********************** Link Definitionen *********************** */

a, a:link, a:visited {
	text-decoration:	none;
	color:				#9C0577;
}

a:hover {color: #DC6DC1;}

/* Breadcrumb im Content */
h1 a,  h1 a:link, h1 a:visited {color:#FFF;}
h1 a:hover {color: #CCC;}


/* *********************** Grunddesign, Header, Footer, Content *********************** */

/* Kompletter Rahmen aussen */
#wrapper {
	width: 				984px;
	position: 			relative;
	left: 				50%;
	margin-left:		-492px;
	background-color:	#000; 
	/**/background-image: url(../images/template/bg_wrapper.gif);
	background-repeat: repeat-y;
	/*margin:				auto; */
}

#branding {
	position:			relative;
	width:				984px;
	height:				160px;
	border-bottom:		4px solid #f0efe9;
	margin-bottom:		0px;
	background-color:	#ffffff;
	background-image: url(../images/template/head_01.jpg);
}


/* selber Info Menupunkte */
#mainMenu {
	height: 20px;
	padding: 2px 0;
	border-bottom:				3px solid #676266;
	margin-bottom:		0px;
	background-color:	#cac7be;
}


/* Hauptnavigation oder leftBOX */
#mainNav {
	width:				200px;
	float:				left;
	
	background: transparent;
}

/* 2. Spalte mit optional 2 Spalten fuer Content und 2. Navigation */
#content {
	width:				784px;
	float: 				right;
	
	min-height:460px;
	height:expression(this.scrollHeight > 400 ? "auto":"460px"); 
	padding: 0 0 20px 0;
	
	background: transparent;
}

#mainContent {
	width:				575px;
	min-height:			10px;
	float:				left;
	border-left:		5px solid #f0efe9;
}

#secondaryContent {
	width:				200px;
	float:				right;
	background-color:	#AAA9A1;
	/*
	position: absolute;
	right: 0px;
	top: 192px;
	*/
	
}
/* Ende 2. Spalte mit optional 2 Spalten fuer Content und 2. Navigation */

#footer {
	width: 				984px;
	position: 			relative;
	left: 				50%;
	margin-left:		-492px;
	clear:				both;
	text-align:			center;
	height:				20px;
	padding-top:		2px;
	background-color:	#cac7be;
	border-top: 3px solid #f0efe9;
}
		
/******************* CMS *******************/

#CMSwrapper {
	width: 				890px;
	position: 			relative;
	left: 				50%;
	margin-left:		-430px;
	background-color:	#ffffff; 
	background-image: url(../images/template/cms_bg.gif);
	background-repeat: repeat-y;
}

#CMScontent {
	width:				720px;
	float: 				right;
}

#CMSmainContent {
	width:				710px;
	min-height:			10px;
	float:				left;
	border-left:		10px solid #ffffff;
}