*
{
	margin: 0;
	padding: 0;
}

.bottom
{
	clear: both; 
}

body
{
	margin: 0;
	padding: 0;
	background: #ccc;
	color: #000;
	font: normal 80% Arial, "Lucida Grande", Verdana, Helvetica, Sans-Serif;
}

h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }
h1 { font-size: 24px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; line-height: inherit;}
h4, h5 { font-size: 14px; }
img
{
	border: 0;
}

blockquote
{
	border-left: 3px solid #656565;
	padding: 2em 3.6em;
	margin: 2.4em 4em 2.6em 0em ;
	font-size: 0.93em;
	line-height: 1.7em;
	background: #f7f9f8 url('images/layout/quotes.png') 94% 96% no-repeat; 
}

.quote { clear: both; width: 85%; padding: 0.1em 1em 0em; margin: 2em 0em; font-size: 0.9em; line-height: 2.2em; border-left: 3px solid #f8f8f8; background: white url('images/layout/cxd_quotes.png') 54% 100% no-repeat; }


code { font-family: Consolas, Monaco, Verdana, "Courier New"; font-size: .93em; }

abbr, acronym, cite { border-bottom: 1px dotted #333; cursor: help; }

ins, del
{ 
	padding-left: 18px; 
	background-repeat: no-repeat;
	background-position: left center; 
}

#topCont
{
	width: 100%;
	height: 250px;
	color: #fff;
}

#top
{
	margin: 0 auto;
	width: 900px;
	height: 50px;
	background: url('images/layout/bg.png') repeat-y; /*alt bg_top.png #003*/
	font-weight: bold;
}

#topleft
{
	float: left;
	width: 275px;
	height: 32px;
	font-size: 100%;
	padding: 18px 0 0 25px;
	color: #666;
	text-transform:uppercase;
	font-weight: bold;
}

#topleft a
{
	color: #fc0;
	text-decoration: none;
}

#topleft a:hover
{
	color: #FFF;
	text-decoration: none;
}

#topright
{
	float: left;
	width: 575px;
	height: 34px;
	padding: 16px 25px 0 0;
	text-align: right;
	font-size: 120%;
	color: #999;
}

#header
{
	margin: 0 auto;
	width: 900px;
	height: 200px;
	background: #000;
}

#headerleft
{
	float: left;
	width: 300px;
	height: 200px;
	background: #ccc;
}

#headerright
{
	float: left;
	width: 600px;
	height: 200px;
	background: #9296B1 url('images/layout/logo_blue.gif') 5% 42% no-repeat;/*fc6*/;
}

#headerright h1
{   font-family: times, arial, sans-serif;
	margin: 0;
	padding: 65px 30px 0 0;/*65 185 0 0*/
	font-weight: normal;
	font-size: 260%;
	letter-spacing: -2px;
	color: #fff;
	text-align: right;
        
}

#headerright h1 .sub
{   background: #1566c4; 
  	color: #FE0;
	font-style:italic;
}

#headerright h2
{
	margin: 0px;
	padding: 0 30px 0 0;/*0 185 0 0*/
	font-weight: normal;
	font-size: 170%;
	letter-spacing: -1px;
	color: #ccc;
	text-align: right;
}

#mainCont
{
	width: 100%;
}

#main
{
	margin: 0 auto;
	width: 900px;
	min-height: 565px !important;
	max-height: 1500px;
	background: #ccc url('images/layout/bg_669966.png') repeat-y; /*bg_e7cec5*/
}

#mainmenu
{
	float: left;
	width: 299px;
	padding: 0 0 0 0;
	font-size: 85%;
	font-weight: bold;
}

#mainmenu ul
{
	list-style-type: none;
	margin: 0 0 30px 0;
	text-transform: uppercase;
}

#mainmenu a
{
	display: block;
	padding: 7px 0 7px 20px;
	width: 280px;/*279*/
	text-decoration: none;
	color: #333;
}

#mainmenu a.active
{
	background: #ccc;
	color: #fff;
}

#mainmenu a:hover
{
	background-color: #ffb;/*fc6E7CEC5*/
	color: #333;
	letter-spacing: 0.5em;
}

#mainmenu p
{
	margin: 0 20px 15px 20px;
	color: #333;
	line-height: 160%;
	font-size: 110%;
}

#mainmenu p span
{
	color: black;
	font-size: 125%;
}

#mainmenu p span img 
{
	margin: 12px 0 0 55px;
	padding: 2px;
}

#mainmenu h6
{
	margin: 0px 20px 15px 20px;
	font-size: 300%;
	color: white;
	line-height: 400%;
	letter-spacing: 0.6em;
}

#mainmenu h6 span 
{	
	font: 140% "Times New Roman", Times, serif;
	color: #fe0;
	font-style: italic;}


table 
{ 
	width: 250px;
	margin: 0 0 0 18px;
    border: none;}

#maincontent
{
	float: left;
	width: 550px;
	padding: 15px 25px 0 25px;
	line-height: 160%;	background: url('images/layout/slogan_trsp.png') -299px bottom no-repeat;

}

#maincontent a { text-decoration: none; font-weight: bold; }
#maincontent a:link { color: #000; border-bottom-color: #000; } 
#maincontent a:visited { color: #666; border-bottom-color: #666; }
#maincontent a:hover, a:active { color: #9296B1; text-decoration: none; }

#maincontent table 
{ 	width: 95%; 
    border: none;
	margin: 3px;
	padding: 2px;
}
#maincontent td
{   vertical-align: top;
}

#maincontent p
{
	margin: 0 0 15px 0;
	padding: 0;	
/*	text-align: justify;*/

}

#maincontent h1
{
	margin: 0 0 15px 0;
	padding: 4px 0 0 0;
	font-weight: normal;
	font-size: 170%;
	color: #666;
}
#maincontent h2
{
	margin: 0 0 15px 0;
	padding: 0;
	font-weight: normal;
	font-size: 130%;
	color: #666;
}
#maincontent img
{
	float: right;
	margin: 0 0 12px 15px;
	padding: 4px;
	border: 1px solid #CCC;
}

#maincontent img.left
{
	float: left;
	margin: 0 0 15px 0;
	padding: 4px;
	border: 1px solid #ccc;
}

#maincontent img.no
{
	float:none;
	margin: 0;
	padding: 0px 5px 0px 0px; /* 0px 4px 4px 0px;*/
	border: 0px solid #ccc;
}

#maincontent ul
{
	margin: 0 0 15px 20px;
	list-style-type: square;
	color: #000;
}


#maincontent ul li span
{
	color: #339999;
	font-weight: bold;
}

#footerCont
{
	width: 100%;
}

#footer
{
	margin: 0 auto;
	width: 900px;
	height: 50px;
	color: #999;
	font-size: 85%;
	background: #FFF;
	background: #fff url('images/layout/slogan.png') left top repeat-y;
	border-top: 0px solid #CCC;
}

#footer a
{
	color: #666;
	text-decoration: none;
}

#footer a:hover
{
	color: #9296B1;
}

#footerleft
{
	float: left;
	width: 285px;
	padding: 15px 0 15px 25px; 
}

#footerright
{
	float: left;
	width: 560px;
	padding: 15px 25px 15px 0;
	text-align: right;
    border-top: 1px solid #CCC;
}

/***** other html *****/

.CollapsiblePanelTab {
	/*height:100%;*/ /*zerhackt die google scheisse auf IE6*/
	/*font: bold 0.7em sans-serif;*/
	/*background-color: #F0F0F0;*/		/*Kontrolle ob notwendig*/
	margin: 0px;
	padding:0px; 
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}
.CollapsiblePanel {
	margin: 0px;
	padding:0px;	/*weite hover bei splash*/
	background-color: #fff;
	width:auto;
}

* html .CollapsiblePanel {}

/* This is the selector for the CollapsiblePanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open or close the panel.
 *
 * The name of the class ("CollapsiblePanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * CollapsiblePanel panel tab container.
 */
.CollapsiblePanelTab {
	/*height:100%;*/ /*zerhackt die google scheisse auf IE6*/
	/*font: bold 0.7em sans-serif;*/
	/*background-color: #F0F0F0;*/		/*Kontrolle ob notwendig*/
	margin: 0px;
	padding:0px; 
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

* html .CollapsiblePanelTab { padding:0px; /*vorbereitet!*//*width:470px;*/}

/* This is the selector for a CollapsiblePanel's Content area. It's important to note that
 * you should never put any padding on the content area element if you plan to
 * use the CollapsiblePanel's open/close animations. Placing a non-zero padding on the content
 * element can cause the CollapsiblePanel to abruptly grow in height while the panels animate.
 *
 * The name of the class ("CollapsiblePanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style a
 * CollapsiblePanel content container.
 */
.CollapsiblePanelContent { margin: 0px;	padding: 0px;}

/***** Layout Form *****/

form{margin-top: 0px;}
div.row { clear: both; width: 41.6em; }
div.row span.formlabel { float: left; width: 15em; text-align: left;}
div.row span.forminput { float: left;  width: 26em; text-align: left;} 
div.spacer { clear: both; width: 7.8em; }
input, select { width: 14em; font-family: verdana, arial, sans-serif; border: 1px solid; padding: 0.1em; font-size: 100%; margin: 0.2em;}
input, textarea { width: 24em; font-family: verdana, arial, sans-serif; border: 1px solid; padding:0.2em; font-size: 100%; margin: 0.2em;}
input:focus, textarea:focus, input:hover, textarea:hover {background: transparent; border-color:#eee;}
.submit { font-family: verdana, arial, sans-serif; border: 1px solid; width: 6.5em; height: 2em; cursor: pointer; font-size: 100%;}