/*
 +----------------------------------------------+
 | MAIN CSS STYLE				|
 +----------------------------------------------+
 | CSS CODE WRITIN' BY MORE STYLE BERLIN	|
 | http://www.more-style.de/			|
 | info@more-style.de				|
 +----------------------------------------------+
*/





/*
	PRE DEFINITION [BEGIN]
*/

html, body, #backgroundcontent {
	min-height: 100%;
	width: 100%;
	height: 100%;
}

/*
 * The "height" above is a hack for IE5+/Win.  Below we adjust
 * it using the child selector to hide from IE5+/Win
 */

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

/*
 * Without this, Moz1.0 adds a vertical scrollbar
 */



html, head, body, div, span, p, h1, h2, h3, a, acronym, table, td, th, form, input, textarea, select, label, img {

	font-family			: Arial, Helvetica, Sans-Serif;

	margin				: 0px;
	padding				: 0px;
}

html, body {

	min-height			: 100%;
	height				: 100%;
}

body {
	
	font-size			: 12px;
	color				: #866345;
	
	background-image		: url(../grafiken/background-strips.gif);
	background-repeat		: repeat-x;
	background-position		: center top;	
   	cursor				: default;
}

hr {
	display				: none;
	
	visibility			: hidden;
}

img {

	border				: 0px;
}

a {

	text-decoration			: none;
	color				: #866345;
}

a:hover {

	color				: #333;
}
/*
input, select, textarea {

	font-size			: 11px;
	color				: #333;
}

input.input, textarea.textarea {

	width				: 262px;

	padding-top			: 1px;
	padding-left			: 2px;

	border				: 1px solid #866345;
	border-right			: 1px solid #F2DFCC;
	border-bottom			: 1px solid #F2DFCC;
}

input.input {

	height				: 15px;
}
*/
textarea {

	height				: 80px;
	width 				: 350px;
}

table {

	border-collapse			: collapse;
}

table td {

	vertical-align			: top;
	font-size			: 12px;
	color				: #666;
}

/*
	PRE DEFINITION [END]
*/
/* +-----------------------------------------+ */




/*
	GLOBAL USE CLASSES [BEGIN]
*/

.hidden {

	display				: none;
	
	visibility			: hidden;
}

.clearboth {

	font-size			: 1px;
	line-height			: 0px;

	clear				: both;
}

.alignleft {

	text-align			: left;
}

.alignright {

	text-align			: right;
}

.aligncenter {

	text-align			: center;
}

.valigntop {

	vertical-align			: top;
}

.valignbottom {

	vertical-align			: top;
}

.line {

	font-size			: 1px;
	line-height			: 0px;
	
	border-bottom			: 1px solid #F5F1ED;
}

.list {

	width				: 100%;
}

.list td {

	padding				: 0px 5px 0px 5px;
}

.list td.headtd {

	background-color		: #F0DCCB;
}

.list .darkrow td {

	background-color		: #FAF4EF;
}

.list .lightrow td {

	background-color		: #FDFBF9;
}

.form td {

	padding				: 0px 0px 6px 0px;
}

.warningbox {

	color				: #F00;

	padding				: 0px 4px 0px 4px;

	background-color		: #FFF;

	border				: 1px solid #F00;
}

.correctbox {

	padding				: 0px 4px 0px 4px;

	border				: 1px solid #CEE696;
	
	background-color		: #FFF;
}

.csc-sword { 
   background:#ffff88; 
   border: 1px #ccd solid; 
}

/*
	GLOBAL USE CLASSES [END]
*/
/* +-----------------------------------------+ */





/*
	MAINMENU [BEGIN]
*/


/*
	MAINMENU [END]
*/
/* +-----------------------------------------+ */






/*
	CONTENT [BEGIN]
*/

#backgroundcontent {

	position			: absolute;
	left				: 50%;
	
	width				: 820px;
	min-height			: 100%;
	
	margin-left			: -412px;

	background-image		: url(../grafiken/background-content.gif);
	background-repeat		: repeat-y;
}

#header {

	height				: 222px;
	font-size			: 1px;
	
	padding-left			: 10px;

	background-image		: url(../grafiken/header.gif);
	background-repeat		: no-repeat;
}

#headerlinks {

	text-align			: right;
	font-size			: 12px;
	
	height				: 13px;

	padding				: 12px 43px 4px 0px;
}

#headerlinks a.activ {

	color				: #333;
}

#content {

	margin-left			: 10px;
	margin-right			: 10px;
	padding-bottom			: 20px;
	min-height                     	: 100%;
	
	background-repeat		: repeat-y;
}

#mainlinks {


	font-size			: 12px;
	
	height				: 13px;

	padding				: 6px 0px 4px 33px;

	background-color		: #FFF;
}


#mainlinks a.activ {

	color				: #333;
}

#left {

	font-size			: 12px;
	line-height			: 18px;
	color				: #666;

	width				: 508px;	
	margin-left			: 33px;
	margin-right			: 33px;
	padding-top			: 16px;

	float				: left;
}

#left h1 {

	font-size			: 16px;
	font-weight			: normal;
	
	padding-bottom			: 14px;
}

#left h2 {

	font-size			: 12px;
	
	padding-bottom			: 14px;
}

#left img, #left img.img { 

	border				: 1px solid #E4C9AD;
	
	padding				: 1px;
	
	background-color		: #FFF;
}



#left img.spacer {

	margin-right			: 27px;
}


/*#left a img {

	border				: none;
	
	padding				: 0px;
}*/

#left a{

	text-decoration			: underline;
}


#right {

	font-size			: 12px;

	width				: 226px;

	float				: right;
}

#right a {

	height				: 100%;

	margin-left			: 6px;
	margin-right			: 6px;
	padding				: 6px 10px 5px 18px;
	
	border-bottom			: 1px solid #F3EDE8;

	background-image		: url(../grafiken/arrow.gif);
	background-repeat		: no-repeat;
	background-position		: 3% 5%;

	display				: block;
}
#right p {

        margin 	                        : 6px 10px 5px 10px;
        padding                         : 6px;
	border				: 1px solid #d2cdc8;
}

#right p a {
	display				: inline;
	border-bottom			: none;
	background-image		: none;
	height				: auto;
	text-decoration			: underline;
	margin				: 0px;
	padding				: 0px;
}

#right a#first {

	margin-top			: 31px;

	border-top			: 1px solid #F3EDE8;
}

#right a.subpoint {

	padding-left			: 31px;

	background-image		: url(../grafiken/arrow.gif);
	background-repeat		: no-repeat;
	background-position		: 9% 5%;
}

#right a:hover, #right a.activ {

	color				: #333;
	
	background-image		: url(../grafiken/arrow-hover.gif);
}

#right p a:hover, p #right a.activ {

	color				: #333;
	background-image		: none;
}

#right a.subpoint:hover, #right a.subpointactiv {

	color				: #333;
	
	padding-left			: 31px;

	background-image		: url(../grafiken/arrow-hover.gif);
	background-repeat		: no-repeat;
	background-position		: 9% 5%;	
}

#footer {
	position			: absolute;
	bottom				: 0;
	padding 			: 0 15%;

	width				: 67.55%;
	height				: 20px;
	
	margin				: 0px 10px 0px 10px;
	
	background-color		: #FAF4EF;
}

#searchform {

        margin 	                        : 6px 10px 5px 10px;
        padding                         : 6px;
	border				: 1px solid #d2cdc8;
}

#searchbx {
	width				: 130px;
	float				: left;
	border				: 1px solid #E4C9AD;
	height				: 18px;
}

#searchbtn {
	color				: #866345;
	background-color		: #FFFFFF;
	border				: 1px solid #E4C9AD;
	margin-left			: 5px;
	height				: 20px;
	width 				: 50px;
}
/*
	CONTENT [END]
*/
/* +-----------------------------------------+ */


.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
border: 1px solid #E4C9AD;
}


.mf-text {
color: #000000;
border: 1px solid #E4C9AD;
margin-bottom: 5px;
}

.mf-select {
color: #000000;
border: 1px solid #E4C9AD;
margin-bottom: 5px;
}

.mf-input {
border: 1px solid #E4C9AD;
margin-bottom: 5px;
}


.mf-submit {
color: #866345;
background-color: #FFFFFF;
border: 1px solid #E4C9AD;
}