html, body {
	height:100%;
	}

body {
background: #e1ddd9 url(grafix/bg9.jpg) left top fixed no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	color: #564B47;	
	font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
	font-size: 0.8em; 
  	padding: 0;
  	margin:0;
}
		
@media only all and (max-width: 1024px) and (max-height: 768px)
body {	
		-moz-background-size: 1024px 768px;
		background-size: 1024px 768px;
	}
	
	
a {color: #F66; text-decoration: none;}
a:visited {color:#F66}
a:hover {color: #000000;}
a:active { color:#000000;}
a:active, a:focus {outline: none}
	
p, pre {
line-height:18px;
margin: 0px 25px 15px;
padding:0px;
color:#564B47;
}
	
h1 {
font-family: Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
margin: 0px 25px 15px;
padding:0px;
font-size:1.5em;
font-weight:normal;
border-bottom: 1px dotted #564B47;
color:#564B47;
}


h2 {
	font-size: 1.7em;
	font-weight: normal;
}

h3 {
	font-size: 1em;
	font-weight: bold;
}

#space { 
	width:1px;
	height:50%;
	margin-bottom:-300px; /* die hälfte der inhals's höhe */
	float:left;
	}
	
#container {
        width: 825px;
        min-height:470px;
	background-color: #ffffff ;
        margin: 0 auto;
        position:relative; /* hebt den inhalt vor den space  */
	clear:left; /* hebt das float vom space auf  */
 
 border-radius: 10px; /* W3C Standard, Opera */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
    
      filter:alpha(opacity=90); /* für IE6 + */
  opacity: 0.9 /* CSS3 Standard */

	}

#logo{
 position:fixed;
}
/* ----------banner-------------- */
#banner {
	margin: 0;
	padding: 0;
	background-color: transparent;
}

/*main-navi
-------------------------------------- */
#mainnavi {
background-color: transparent;
border-top: 1px dotted red;
border-bottom: 1px dotted red;
/*
border-left: 1px dotted gray;
border-right: 1px dotted gray;
*/
margin: 25px;
padding: 2px 0px;
/*border-bottom: 1px dotted gray;*/
}


#mainnavi li { float: left;}

#mainnavi a { 
color: #564b47;
text-decoration: none; 
margin: 0px;
padding: 2px 25px;

  -moz-transition: background-color 1s ease;
  -webkit-transition: background-color 1s ease;
  -o-transition: all 1s ease;
  -ms-transition: all 1s ease;
  transition: all 1s ease;
}
#mainnavi a:visited {color: #333;}
#mainnavi a:hover {color: #000000; background-color: #ECECEC;}
#mainnavi a:active { color: #fff; }

#mainnavi a.selected {
background-color: #ECECEC;
color: #fff;
}
.navi_aktiv{
background-color: #F99;
color: #fff;

}

/* --------------Inhalt------------- */
#left {
background-color: #ffffff ;
	width: 580px;
 border-radius: 10px; /* W3C Standard, Opera */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
/*
border-left: 1px dotted gray;
border-right: 1px dotted gray;
*/
padding:30px 0px 10px ;

}
#left img {
padding:0px 0px 0px 25px;
}


/* -----------------rechts--------------------- */
#right {
	float: right;
	width: 220px;
/*	min-height:350px;*/
	background-color: transparent;
/*	border-right: 1px dotted gray;*/
padding:30px 25px 0 0;
	margin: 0;
}



/* -----------footer--------------------------- */
#footer {
	clear: right;
background-color: #fff;
padding:2px 30px;
	margin: 0 25px;

border-bottom: 1px dotted red;
	}
	
/*
#smallBox {
position:absolute;
left:0;
bottom:0;
height:50px;
width:100px;
padding:10px;
background:#ccc;
 border-radius: 10px; /* W3C Standard, Opera */
-moz-border-radius: 10px; /* Firefox */
-webkit-border-radius: 10px; /* Safari, Chrome */
    
      filter:alpha(opacity=80); /* für IE6 + */
  opacity: 0.8 /* CSS3 Standard */
}
*/
	
/* -------------------t3 ccc-----------------*/

/***************************/
/* General element styles: */
/***************************/


/*

FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }
P, TD, UL, OL { font-size: 12px; }
INPUT, TEXTAREA, SELECT { padding-left: 5px; font-size: 12px; }
*/


/********************************/
/* Frames, spacing, link-to-top */
/********************************/
P.csc-linkToTop { text-align: right; margin-right:5px; }
P.csc-linkToTop A { font-weight: normal; margin-right:5px; }

DIV.csc-frame { border: 0px; }
DIV.csc-frame-invisible {}
DIV.csc-frame-rulerBefore { border-top: 1px solid #333333; }
DIV.csc-frame-rulerAfter { border-bottom: 1px solid #333333; }
DIV.csc-frame-indent { padding-left: 100px; }
DIV.csc-frame-indent3366 { padding-left: 33%; }
DIV.csc-frame-indent6633 { padding-right: 33%; }
DIV.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 4px 4px; border: 1px solid #FFF; }
DIV.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 4px 4px; border: 1px solid #FFF; }

DIV.csc-frame-frame1 H1, DIV.csc-frame-frame1 H2, DIV.csc-frame-frame1 H3, DIV.csc-frame-frame1 H4, DIV.csc-frame-frame1 H5 { margin-top: 2px; }
DIV.csc-frame-frame2 H1, DIV.csc-frame-frame2 H2, DIV.csc-frame-frame2 H3, DIV.csc-frame-frame2 H4, DIV.csc-frame-frame2 H5 { margin-top: 2px; }
				



/*******************/
/* RTE / Bodytext: */
/*******************/




/* RTE / Bulletlists */
/*
UL { margin-top: 0px;  }
UL UL LI { font-size: 10px; }
OL { margin-top: 0px; }
LI { margin-top: 0px; margin-bottom: 0px; padding-top: 2px; }
*/

/* RTE / Table styling */
TABLE.contenttable { 
border: 0px #FFFFFF solid; 
margin: 10px 0px 10px 0px; 
width: 98%; 
}

TABLE.contenttable TR TD { padding: 5px 10px 5px 10px; }
TABLE.contenttable TR TD P.bodytext { font-size: 12px; }
TABLE.contenttable TR { background-color: #F5F5F5; }



/**********/
/* Images */
/**********/

.csc-textpic{ margin: 0px; }
.csc-textpic-left{margin: 5px; }
.csc-textpic-above{ margin: 5px;}
.csc-textpic-caption-l{ margin: 5px; font-size: 11px;}
.csc-textpic-imagewrap{ margin: 0px; }
.csc-textpic-image{ margin: 0px ;}
.csc-textpic-firstcol{ margin: 5px;}
.csc-textpic-lastcol{margin: 5px; }
.csc-textpic-caption{margin: 5px; }
.csc-textpic-text{ margin: 0px;}



/* Images / Captions */
P.csc-caption { font-size: 12px; font-style: normal; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 5px; }



/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 1px solid white; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }



/***************/
/* Bulletlists */
/***************/

/* Bulletlists, general */


/* Bulletlists, specifically */
csc-bulletlist csc-bulletlist-0{ color: #564b47; padding:0px 0px 0px 30px; list-style-position : inside; }
UL.csc-bulletlist-1 { color: #186900; list-style-type : decimal; }
UL.csc-bulletlist-2 { color: #10007B; list-style-position : inside; }
UL.csc-bulletlist-3 { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }



/*********************/
/* Tables, generally */
/*********************/
TABLE.contenttable P { font-size: 12px; }
TABLE.contenttable TR TD { vertical-align: top; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #564b47; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }



/************************/
/* Filelinks, generally */
/************************/
TABLE.csc-uploads { border: 0px; }
TABLE.csc-uploads TR TD P { background-color : transparent; font-size: 12px; }
TABLE.csc-uploads TR TD { vertical-align : top; }
TABLE.csc-uploads TR.tr-even { background-color: #EDEBF1; }
TABLE.csc-uploads TR.tr-odd { background-color: #D8D7DC; }
TABLE.csc-uploads TR TD.csc-uploads-icon { padding-left: 6px; padding-right: 6px; width: 1%; text-align: center; vertical-align: middle; }
TABLE.csc-uploads TR TD.csc-uploads-fileName { width: 80%; padding-left: 5px; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P A { font-weight: bold; }
TABLE.csc-uploads TR TD.csc-uploads-fileName P.csc-uploads-description { font-style: italic; }
TABLE.csc-uploads TR TD.csc-uploads-fileSize { white-space: nowrap; padding-left: 6px; padding-right: 6px; }

/* Filelinks, specifically */
TABLE.csc-uploads-1 { border-color: #186900; }

TABLE.csc-uploads-2 { border-color: #10007B; }

TABLE.csc-uploads-3 { border-color: #8A0020; }
TABLE.csc-uploads-3 TR TD { vertical-align: middle; }
TABLE.csc-uploads-3 TR.tr-even TD.csc-uploads-icon IMG { border: 2px solid #333333; }
TABLE.csc-uploads-3 TR.tr-odd TD.csc-uploads-icon IMG { border: 2px solid #333333; }
				


/*****************/
/* Various Forms */
/*****************/

/* Email, Login and Search forms generally: */
FORM TABLE TR TD 
FORM TABLE TR TD
.csc-form-labelcell
FORM TABLE TR TD
.csc-form-commentcell { background-color: #F5F5F5; border: 1px dotted white;  }
FORM TABLE TR TD
.csc-form-fieldcell { background-color: #F5F5F5; border: 1px dotted white;}

FORM TABLE TR TD

.csc-form-fieldcell INPUT, FORM TABLE TR TD { padding: 0px;}
.csc-form-fieldcell SELECT, FORM TABLE TR TD { padding: 0px;}
.csc-form-fieldcell TEXTAREA { padding: 0px;}

.csc-form-label{
margin:0px 15px;
padding:6px;}

FORM TABLE TR TD
.csc-form-labelcell P{font-size: 12px;}
.csc-form-label-req { 
font-weight: normal;
font-size: 12px;
margin:0px 15px;
padding:6px;
}

/* Email form, specifically */
.csc-mailform {
width: 80%;

border: 1px dotted #fff;
padding:5px;
margin: 0px 30px;
}

.csc-form-labelcell  {
padding: 2px;
margin: 5px;
font-size: 12px;
}

.csc-mailform-field{
padding:3px;
margin: 0px 20px;

}

.csc-form-commentcell{
font-size: 12px;
margin:5px;
}
.csc-mailform-radio{
border: 0px;
}

input{

display:block;

}
textarea{
display:block;

}
checkbox{
display:block;

}
radio{

display:block;
border: 0px;

}



input:focus, input:hover, textarea:focus, textarea:hover {
background-color: #FCC;
}	
input.rand:focus, input.rand:hover,textarea.rand:focus, textarea.rand:hover	{
background-color: #DAE7FF;
border-color: #555555;
}


/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed */
	background-color: red;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 150px;
	}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: none;
/*	margin-left: 20px;*/
		background-color: #FFF;
	padding: 5px;
	}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: normal;
	color: #CCC;
}
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 100px;
	float: left;
	clear: both;
	font-weight: normal;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 260px;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 20px 0 10px 0px;
	font-weight: normal;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
div.countryzone {
	margin: 10px 0 0 150px;
}
	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}
.tx-powermail-pi1{
margin-left:22px;
}
.tx-powermail-pi1_confirmation p{
	margin: 0;
	padding: 0;
	color: red;
}
.tx-powermail-pi1_thx p{
	margin: 0;
	padding: 0;
}

/* Powermail Ende */