/*  HELPFUL CLASSES
******************************************************************************/
.invisible{
display:none;
}

.float_left{
float: left;
}

.float_right{
float: right;
}


/*    BILDCONTAINER + BILDER, SUBTEXT
******************************************************************************/
div.image{
padding: 7px;
background-color:#fff; 
border:5px solid #e5e5e5;
}

div.image.float_right{
margin:5px 15px 5px 15px;
}

div.image.float_left{
margin:5px 15px 5px 15px;
}

div.image img{
border: none;
}

div.image p{
text-align: left;
font-size:1.1em;
color:black;
margin: 0;
padding: 0;
}



/*	undo
*******************************************************************************/

:link,:visited { 
	text-decoration: none;
}

ul,ol { 
}

h1,h2,h3,h4,h5,h6,pre,code { 
	font-size: 1em;
	font-weight: normal;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { 
	margin: 0;
	padding: 0;
}

img, a img,:link img,:visited img, fieldset { 
}

img { 
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

address { 
}

table { 
	border: none;
	padding: 0px;
	margin: 0px;
	border-spacing: 0px;
	font-size: 1em;
}

tr { 
	border: none;
	padding: 0px;
	margin: 0px;
}

td { 
	border: none;
	padding: 0px;
	margin: 0px;
	vertical-align: top;
	border-spacing: 0px;
}

legend { 
	display: none;
}

body, div,p,li { 
	background-repeat: no-repeat;
}

/*	reset some basic style
*******************************************************************************/
dl { 
	margin: 0 0 0 0;
}

dl dt { 
	margin: 0 0 0 0;
}

dl dd+dt { 
	margin-top: 0;
}

dl dd { 
	margin: 0 0 0 0;
}

ol { 
	list-style: none;
}

ol li { 
	margin: 0 0 0 0;
}

ol li ol { 
	margin: 0 0 0 0;
}

ol li ul { 
	margin: 0 0 0 0;
}

p { 
	margin-bottom: 0em;
}

ul { 
	list-style: none;
}

ul li { 
	margin: 0 0 0 0;
}

ul li ul { 
	margin: 0 0 0 0;
	list-style: none;
}

ul li ol { 
	margin: 0 0 0 0;
}

pre { 
	font-size: 1.2em;
}

a:hover { 
	text-decoration: none;
}

/*	html
*******************************************************************************/
html {
	min-height: 100%;
	margin-bottom: 1px;
}

/*	body
*******************************************************************************/
body {
	background-color: #c1c1c1;
	background: url(../page_bg.jpg) top repeat-x;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: xx-small;
	voice-family: "\"}\"";
	voice-family: inherit;
	font-size: 11px;
}

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear { 
	clear: both;
}

.flLeft { 
	float: left;
}

.flRight { 
	float: right;
}

.warning { 
	color: #f00;
}
div.hide{
visibility: hidden;
}
/*	website
*******************************************************************************/
#website {
	background-color: #fff;
	position:relative;
	display:block;
	margin:10px auto 0 auto;
	padding:0;
	min-height:650px;
  height:auto !important;
  height:650px;
	width:1026px;
	color:#000;
	text-align:left;
	border:1px solid #666;
}

/*	header
*******************************************************************************/
#header {
	position:relative;
	margin:0;
	padding:0;
	width:1026px;
	z-index:5;
}

/*	logo / breadcrumb
*******************************************************************************/
#logo {
	position:absolute;
	top:0px;
	left:0px;
}

#logo a {
	display:block;
	height:250px;
	width:300px;
	text-indent:300em;
	margin-left:360px;
}

/*	content
*******************************************************************************/


#content, #content2 {
	display:block;
	clear:both;
	position:relative;
	padding:10px 0 0 0;
	}


/* hide from IE/MAC \*/
* html #content, * html #content2 {
	height:1px;
}
/* end hide */


#content {}

#content2 {
	background-image:url();
	background-repeat:repeat-y;
}

#main {
	float:left;
	padding-left: 50px;
	padding-right: 50px;
	width:926px;
	}

#main-block {}

#main-block2 {
	padding:5px;
}

/*Navigation*/

/*******************************************************************************
        
        Horizontales Dropdown-Menu, CSS
        
        CSS-Grundlage:  Copyright by Stu Nicholls @ www.cssplay.co.uk
        Please see Copyright Notice @
        http://www.cssplay.co.uk/menus/final_drop.html
        
*******************************************************************************/
.menu {
  font-family: verdana, sans-serif; 
  width:1026px;                    /*  (1)  */
  position:relative; 
  font-size:1.2em;
  font-weight:bold;
  padding-bottom:0px;
  z-index:200;
  height:26px; 
  border:2px solid #666;          /* Border-color am besten = Hintergrundfarbe der Seite */
  border-width:0 0 2px 0; 
  background:#e5e5e5;
}

.menu ul {                        /* UL Ebene 1 */
  padding:0 0 0 30px; 
  margin:0;
  list-style-type: none;
}
.menu ul li {                     /* Listenelemente der Ebene 1 */
  float:left;
  position:relative;
}
.menu ul li a, 
.menu ul li a:visited {           /* Links der Listenelemente der Ebene 1 */
  display:block; 
  text-decoration:none; 
  color:#666; 
  padding:0px 14px 0px 14px; 
  line-height:26px;               /*  --> (2)  */
}


.menu ul li ul {
  display: none;
}

table {
  margin:-1px; 
  border-collapse:collapse;
  font-size:1.0em;
}

/* li:hover  für non-IE-Browser  ---  a:hover  für IE */
  .menu ul li:hover a,
  .menu ul li a:hover {
  color:#fff; 
  background:#666;
}

.menu ul li:hover ul,
.menu ul li a:hover ul {
  display:block; 
  position:absolute; 
  top:25px;                          /*  --> (2)  */
  margin-top:2px;
  margin-left:-29px; 
  
}
* html .menu ul li a:hover ul {
  margin-top:0;
  marg\in-top:1px;
}

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {
  visibility:hidden; 
  position:absolute; 
  height:0; 
  width:0;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {
  display:block; 
  background:#e5e5e5; 
  color:#666; 
  height:auto; 
  line-height:1.2em; 
   width:181px;
   padding:6px; 
}
* html .menu ul li a:hover ul li a {
  width:160px;
  w\idth:160px;
}

.menu ul li:hover ul li a.drop,       /* Ebene 2 mit  Subpunkten */
.menu ul li a:hover ul li a.drop {
  background:#9B9395 url(../../graphics/drop.gif) bottom right no-repeat;
}

.menu ul li:hover ul li a:hover,      /* Ebene 2 hover */
.menu ul li a:hover ul li a:hover {
  background:#666; 
  color:#fff;
}

.menu ul li:hover ul li:hover ul,     /* Ebene 3 */
.menu ul li a:hover ul li a:hover ul {
  visibility:visible; 
  position:absolute; 
  left:180px; 
  top:0;
  width:180px;
}

.menu ul li:hover ul li:hover ul.left,  /* Ebene 3  letztes Element */
.menu ul li a:hover ul li a:hover ul.left {
  left:-180px;
}


/*	Headlines
------------------------------------------------------------------------------*/

/* Headline 1 */
#main-block h1 {
	color:#000;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1.7em;
	font-weight:bold;
	line-height:1.8em;
}

#main-block .teaser h1 {
	font-size:1.4em;
}

/* Headline 2 */
#main-block h2 {
	color:#000;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
}
#main-block h3 {
	color:#000;
	font-family:arial, helvetica, verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height:1.4em;
}

/*	Paragraphs / Lists
------------------------------------------------------------------------------*/
#main-block p,
#main-block ul,
#main-block ol {
	margin-bottom:1.2em;
	font-size:1em;
	line-height:1.6em;
}
#main-block ul li ul,
#main-block ul li ol,
#main-block ol li ol,
#main-block ol li ul {
	font-size:1em;
}

#main-block ul {
	margin-left:14px;
	list-style-type:disc;
	line-height:1.2em;
}

#main-block ol {
	list-style-type:decimal-leading-zero;
}
#main-block p.quote {
	padding:5px;
	background-color:#f0f0f0;
	font-style: italic;
}

/*	Hyperlinks
------------------------------------------------------------------------------*/
#main-block a, #main-block a:link {
	color:#807F81;
	text-decoration:underline;
}

#main-block a:hover {
	color:#000;
}



/*	Images
------------------------------------------------------------------------------*/
#main-block div.image {
	margin-bottom:0;
}
#main-block div.image p {
	margin:0;
	font-size:0.9em;
}
#main-block div.flLeft {
	margin-right:14px;
}
#main-block div.flRight {
	margin-left:14px;
}


/*	footer
------------------------------------------------------------------------------*/
.footer {
	display:block;
	width:100%;
	width: 1026px;
	margin-left:auto; 
 	margin-right:auto; 
}
.footer2 {
	padding:0 14px;
}


/* form-module
*******************************************************************************/
#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
	width:520px;
	background-color:#f7f7f7;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}

#form-module fieldset {
	border:0px solid #fff;
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size:1em;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
	background-color:#f7f7f7;
	border-top:2px solid #fff;
}

#form-module label {
	display:block;
	float:left;
	padding:5px;
	width:120px;
	border-right:2px solid #fff;
}

#form-module label.checkbox {
	width:372px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin:5px;
	width:295px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
}

#form-module input.checkbox {
	width:120px;
	padding:0;
	border:none;
}

#form-module input.submit { 
	margin:5px 5px 5px 137px;
	padding:2px 5px;
	border:1px solid #333;
	background-color:#fff;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover { 
	background-color:#f7f7f7;
	color:#000;
}

#form-module label.textarea, 
#form-module textarea.textarea {
	height:96px;
}

#form-module-thanks {
	display:block;
	color:#666;
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:1.2em;
}


/* download
*******************************************************************************/
#main-block .download-hdl p, 
#main-block .download-file p, 
#main-block .download-desc p {
	margin:0;
}
#main-block .download-hdl p {
	padding:5px 7px;
	background-color:#393;
	font-weight:bold;
	color:#fff;
}

#main-block .download-file {
	padding:1.2em 7px;
	border-left:2px solid #393;
	border-right:2px solid #393;
}

#main-block .download-desc {
	margin-bottom:1.2em;
	padding:1.2em 7px;
	background-color:#e5ffe5;
	border-left:2px solid #393;
	border-right:2px solid #393;
	border-bottom:2px solid #393;
}

#main-block .download-without-desc {
	margin-bottom:1.2em;
	border-top:2px solid #393;
}

/* Beispiel CSS von Sven Jansen

im Feld "Block-Name" "zweier" für die Spaltenart "zweispaltig" und "dreier" für die Spaltenart "dreispaltig" angegeben *******************************************************************************/


/* 2+3 */

.zweier, .dreier {

 width: 100%;

}



/* 2 */

.zweier .spalte_1 {

 width: 48%;

 float: left;

}



.zweier .spalte_2 {

 width: 48%;

 float: right;

}





/* 3 */

.dreier .spalte_1 {

 width: 32%;

 float: left;

 margin-right: 10px;

}



.dreier .spalte_2 {

 width: 33%;

 float: left;

}



.dreier .spalte_3 {

 width: 32%;

 float: right;

}