* {
	padding: 0; 
	margin:  0;
}

body {
	font: normal 13px arial, verdana, sans-serif; 
	background: url(../_img/hp_bg.jpg);
}

a {
	text-decoration: none; 
	color: #007da3; 
	border-bottom: 1px dotted #007da3;
	font-weight: bold;
}

img {
	border: none;
}

#wrapper {
	margin: 2em 12.5%; 
	width: 943px; 
	position:absolute; 
	left:50%; 
	margin-left:-471px;
	background-color: #fff;  
	padding: 0.5em;
}


#wrapperNewsletter {
	padding-left: 10px;
}



#faux {
	background: url(../_img/faux.gif) repeat-y; 
	margin-bottom: 0px; 
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */ 
	width: 943px;
}

h3 {
	color: #FFFFFF; 
	padding-top: 8px;
	padding-right: 40px; 
	padding-bottom: 8px;
	padding-left: 20px; 
	background: url(../_img/thBg.jpg) no-repeat; 
	text-align: left; 
	height: 32px;  
	font-size: 13px;
}

h4, h5 {
	color: #000; 
	font-size: 14px; 
	font-weight: bold;
	
}

h4 {
	border-bottom: 3px dotted #ccc;
	margin-bottom: 8px;
}

h5 {
        text-align: center;
}


b {
	/*color: #007da3;*/
	color: #000;
}

h6 {
	font-size: 12px;
	font-weight: normal;

}

.small {
	font-size: 10px;
	color: #000;
	}

/***************************************************** Layout HP *******************************************************/

#header {
	color: #333333; 
	width: 943px;  
	height: 200px; 
	margin: 0px; 
	background: #fff url(../_img/2010/susiTim_2_2010.jpg) no-repeat right;
}

#path {
	width: 943px; 
	color: #333333; 
	padding: 5px 20px; 
	margin: 0.5em 0px -3px 0px; 
	background: url(../_img/path.jpg) no-repeat; 
	height: 28px;
}

* html #path {  
	/* CSS-Hack für IE6 und kleiner */   
	margin: 0.5em 0px 6px 0px; 
}

#path a {
	font-size: 11px;
}

#path a:link {
	text-decoration: underline;
}

#leftcolumn {
	display: inline; 
	width: 160px; 
	float: left; 
	color: #333333;
}

#leftcolumn a{
	border: none;
}

#content {

	float: left; 
	clear: none;
	margin: 35px 20px 20px 50px;
	background: #ffffff;
	padding: 0px 20px 10px 20px;
	border: 1px solid #ccc;
	width: 508px;
}




#content h1 {
	 	 
	font-size: 1.5em; 	
	background: url(../_img/h1BG.png);
	color: #fff;
	margin: -17px -20px 20px -20px;
	padding: 5px 15px;		
}

/* IE 7 */
* + html #content h1 {
   margin-top: 0px;
}

* html #content h1 { /*IE6 only*/
     margin-top: 0px;
  }

#content p {
	margin: 0 0 35px 0; 
	padding:0;  
	line-height: 1.3em;
}
#content img {
	float: right; 
	margin: 5px 0 5px 5px;
}

* html #content img {  
	/* CSS-Hack für IE6 und kleiner */   
	margin: 5px -5px 5px 5px; 
}


#content dd {
	color: #007da3; 
	font-weight: bold; 
	text-align: center; 
	font-size: 11px; 
	width: 80px;
}

#content table {
	width: 510px;
	background: #fff; 
	border: none; 
	font-size: 12px;  
	margin-bottom: 25px;
}

/* IE 6 */
* html #content table{
        
         width: 460px;
       
}

#content table p {
	margin: 0px;
}

#content th {
	color: #fff; 
	padding: 0px 40px 0px 20px; 
	/*background: url(../_img/20090526/thBgHalloween.jpg) no-repeat;*/ 
	text-align: left; 
	height: 32px;  
	font-size: 13px;
}

#content td {
	padding: 8px 20px 8px 20px; 
	vertical-align: top; 
	background: #ededed ; 
}

#content td img {
	padding-right: 10px;
	float: none;
}



.normal {
	background: url(../_img/thBg.jpg) no-repeat;
}

#content td.white {
	background: #fff;
}

#content ul {
	padding: 0px 20px;
}

li.circel {
        list-style: disc;
}

.country td {
	width: 50%;
}


#rightcolumn {
	overflow: hidden; 
	width: 160px; 
	margin: 0; 
	padding: 0; 
	float: right;   
	color: #333;  
}

*html #rightcolumn {  
	/* CSS-Hack für IE6 und kleiner */  
	overflow: visible; 
}

#rightcolumn img {
	margin: 0px 0px -10px -10px;
	border-bottom: 10px solid #FFF;
}

	
* html #rightcolumn img 
{ /*IE6 only*/
     margin-left: 0px;
  }

/* IE 7 */
* + html #rightcolumn img {
   margin: 0px 0px 0px -10px;
}

	

#rightcolumn a {
	border: none;
}

.clear {
	clear: both; 
	background: none; 
}

/***************************Newsletter*****************************/

#newsletterHeadline {
	color: #007da3;
	font-size: 22px;
	font-weight: bold;
}

.black {
	color: #000;
}

#rot {
	color: #d3001e;
	font-weight: bold;
	border-bottom: 1px dotted #d3001e;
}

/******************************************************** Navigation ******************************************************/

#mainnav {
	position: absolute; 
	top: 68px; 
	width: 450px;   

	margin-left: 500px;
}

#mainnav a {
	background: url(../_img/headerNavBg.jpg) repeat-x; 
	border: 1px solid #fff; 
	color: #000;  
	font: bold 0.9em arial, verdana, sans-serif;
        padding: 0 10px; 
        line-height: 34px; 
        text-align: center; 
        text-decoration: none; 
        float: left; 
}

#mainnav a:hover {
	background: url(../_img/headerNavBg_hover.jpg) repeat-x;
}


#subnav {
	margin: 0 0 20px 0; 
}



div.scrollbox {
        background-color: #fff;
        width: 500px;
        padding: 2em 0.5em 2.5em 0.5em;
        border: 1px solid #666;
        margin: -8px 0px 30px 0px;
}

/* IE 6 */
* html div.scrollbox{
         width: 450px;
}

table.scrollbox {
        width: 300px;
        }

div.scrollbox ul {
        list-style-type:none;
        margin:0px;
        padding:0px;
}

div.scrollbox ul li {
        margin:0px;
        padding:0px;
}



/* Navigation im Contentbereich */

#contentNav {
         margin-top: 25px;
}


#contentNav a {
         float: left;
         padding: 0 8px;
         height: 24px;
         font-size: 11px;
         text-align: center;
         line-height: 2.3em;
         color: #333;
         font-weight: bold;
         text-transform: uppercase;
         text-decoration: none;
}

#contentNav a {
         background: url(../_img/middlenav.jpg);
         border: 1px solid #ccc;
         border-top-color:#999;
         border-right-color:#666;
         border-bottom-color:#999;
         border-left-color:#666;
         }

#contentNav a:hover {
         background: url(../_img/middlenav_hover.jpg);
         }


#contentNav a:focus {
         /*background: url(../_img/middlenav_activ.jpg);*/
         background: #fff;
         color: #000;
         border-bottom: none;
         }




a:active, a:focus {outline: none;}



#content .csc-mailform-label {
        color: #007da3;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        line-height: 4em;
        }


div.success {
	background: url(../_img/blatt.png) no-repeat;
	padding: 10em 8em 10em 5em;
}


.impressumBottom {
	color: #999;
	border-bottom: none;
	margin-left: 230px;
	font-size: 11px;
}


/******************************************************* Box LeftColumn ************************************************/

#boxLeftOne {
	clear: left; 
	background: url(../_img/boxBG.jpg) repeat-x; 
	width: 186px;
	border: 1px solid #666; 
	margin-bottom: 10px;
}

#boxLeftOne h1 {
        margin: 0;
        background: url(../_img/box_h1.jpg) no-repeat;
        font: bold 14px arial, verdana, sans-serif;
        color: #fff;
        padding: 0.5em 0.5em;
        border-bottom: 1px solid #fff;
        }


#boxLeftOne p {
	padding: 0.3em 0.7em ; 
	color: #000; 
	font: normal 12px arial, verdana, sans-serif;
}

#boxLeftOne table {
	margin: 0.5em 0.2em; 
	font: normal 11px arial, verdana, sans-serif;
}

#boxLeftOne td {
	width: 60%; 
	font-weight: bold; 
	padding: 0;
}

#boxLeftOne fieldset {
        border: none;
        background: none;
        padding: 0.3em 0.7em ;
        }


#boxLeftOne label{
        font-weight: bold;
        font-size: 12px;
        color: #000;
        }

input#mailformAnmelden {
        float: none;
        }

#boxLeftOne input{
        margin-bottom: 0.5em;
        }





#boxLeftTwo {
	background: url(../_img/boxBG.jpg) repeat-x;
	width: 186px;
	padding: 0;  
	margin: 0; 
	line-height: 1.2em; 
	margin-bottom: 0.5em;
}

#boxLeftTwo h1 {
	margin: 0; 
	background: url(../_img/box_h1.jpg) no-repeat; 
	font: bold 14px arial, verdana, sans-serif; 
	color: #fff; 

	padding: 0.5em 0.5em; 
	border-bottom: 1px solid #fff;
}

#boxLeftTwo p {
	text-align: center; 
	padding: 0.3em 0.7em; 
	color: #000; 
	font: normal 12px arial, verdana, sans-serif;
}

#boxLeftTwo img {
	display: block; 
	margin:0 0.5em;

}






/***************************************************** Box RightColumn ***************************************************/



/***************************************************** Form ***************************************************/

.csc-mailform {
        width: 96%;
        border: none;

        }

#content input.csc-mailform-submit {
        margin-left: 190px;
        width: 140px;
        border: 1px solid #b5b4b4;
        margin-top: 30px;
        font-weight: bold;
        color: #007da3;
        }


#content label{
	font-weight: bold;
        float: left;
        display: block;
        width: 190px;
        }




#content input{
        width: 280px;
        border: 1px solid #b5b4b4;
        margin-bottom: 3px;

        }


#content .csc-mailform-check {
        border: none;
        }

#content textarea {

        width: 280px;
        border: 1px solid #b5b4b4;
        margin-bottom: 3px;

        }

#content select {
        width: 60px;
        border: 1px solid #b5b4b4;
        margin-bottom: 3px;
        }



/***************************************************** PowerMail ***************************************************/

legend {
        margin-bottom: 25px;
        width: 500px;
        }

#tx-powermail-pi1_fieldset_9{
        border: none;
        }

.tx_powermail_pi1_fieldwrap_html_checkbox_title {
        color: #007da3;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 15px;
        }

#powermaildiv_uid41 {
        border: none;
        }

#powermaildiv_uid41 input
        {border: none;}

#powermaildiv_uid42 {
        border: none;
        }

#powermaildiv_uid42 input
        {border: none;}

#powermaildiv_uid43 {
        border: none;
        margin-bottom: 10px;
        }

#powermaildiv_uid43 input
        {border: none;
        }

div.powermail_check_inner  {
         margin: 0px;
}

.powermail_submit{


}

/***************************************************** Footer and Meta ***************************************************/

/*#footer {
	margin-left: 15.75em; 
	margin-right: 11.75em;
	position: absolute;
	top: 450px;

}

#footer a {
	color: #0099cc; 
	padding-left: 0.75em;
}

#footer h2 {
	font-size: 11px; 
	display: inline;
}

#footer a:hover{
	text-decoration: underline;
}

#meta {
	padding-left: 0.5em; 
	margin: 25em 16em 0em 16em; 
	padding-bottom: 1em; 
	color: #0099cc;
}

#meta a {
	color: #0099cc;
}

#meta h2 {
	font-size: 12px; 
	display: inline; 
	margin-right: 5px; 
	text-align: justify;
}

#meta p {
	margin-top: 1em; 
	font-size: 12px; 
	text-align: justify;
}
*/

/***************************************************** Multimedia ***************************************************/


#bildschirm {
	background: url(../_img/20090526/bildschirm.png) no-repeat;
	width: 450px;
	height: 357px;
	padding: 30px 70px;
}

/* IE 6 */
* html #bildschirm{
         background: url(../_img/20090526/bildschirm_ie6.png) no-repeat;
}
 
embed {
	width: 360px; 
	height: 220px;
	
}

/* IE 6 */
* html embed{
         width: 300px;
         height:  183px;
}


/*************************************************** Neu **********************************************************/

.accordion_toggle {
         display: block;
         height: 35px;
         width: 400px;
         background: url(../_img/20090526/accordion_nav.jpg) no-repeat top left;
         padding: 0 10px 0 10px;
         line-height: 30px;
         color: #ffffff;
         font-weight: normal;
         text-decoration: none;
         outline: none;
         font-size: 1em;
         color: #FFF;
         cursor: pointer;
         margin: 0 0 0 0;
         border-bottom: 1px solid #fff;
}

.accordion_toggle_active {
        background: url(../_img/20090526/accordion_nav_active.jpg) no-repeat top left ;
         color: #ffffff;


}


.accordion_content {
        background-color: #fff;


         color: #444444;
         overflow: hidden;
         width: 398px;




         border: 1px solid #ccc;
}

.accordion_content h2 {
        margin: 15px 0 5px 10px;
         color: #333;

         font-size: 1em;



                        }

.accordion_content p {
        line-height: 150%;
         padding: 5px 15px 15px 15px;
         font-size: 1em;
}





#vertical_container {

         width: 400px;
}


/*************************************** Bild ******************************************/


.accordion_left {
        float: left;
         margin: 15px;

}

.accordion_right {
        float: right;
         margin: 15px;
}

#floatRight {

	float: right;
	color: #cc2914;
	border-color: #cc2914;
}


/************************************************* Fragebogen **************************************/


#frmPbSurvey input [type=submit] {
	background: #007da3;
	width: 30px;

}

/*div.tx-pbsurvey-pi1 {

	width: 300px;
	background: #ccc;
}*/

span.questionNumber{
	color: #fff;
	font-size: 16px;
	background: url(../_img/20090526/iconFragebogen.png)no-repeat;
	height: 35px;
	width: 35px;
	padding: 6px 15px 10px 10px;
	margin-left: -20px;

}

/*.questionComment {
	background: url(../_img/20090526/iconFragebogen.png)no-repeat;
	height: 10px;
	margin-top: -23px;
	margin-bottom: 10px;
}*/

.pagenumbering {
	font-size: 20px;
	background: url(../_img/20090526/fragebogenHeadline.jpg)no-repeat;
	height: 80px;
	text-indent: -99999px;
	margin-bottom: 25px;

}

.survey_item {

	border: none;
	margin-bottom: 25px;
	font-weight: bold;
	color: #000;
	line-height: 1.6em;
	background: url(../_img/20090526/legendBG.png) repeat-x;
	border: 1px solid #ccc;
	padding: 10px 20px;
}


.survey_item input {
	float: right;
	
}

.survey_item input[type=checkbox] {
	width: 30px;
}

legend.question {
	font-weight: bold;
	font-size: 13px;
	color: #333;
	margin-bottom: 5px;
	background: #fff;
	padding-right: 20px;
	width: 300px;
}


/* Halloween Special */

.red {
	color: #870100 ;
	font-weight: bold;
}

.redBig {
	color: #000 ;
	font-weight: bold;
	font-size: 15px;
	line-height: 1.3em;
	
} 
.halloween {
	background: url(../_img/20090526/thBgHalloween.jpg) no-repeat;
	
}


/* IE 6 */
* html .halloween{
         background: url(../_img/20090526/thBgHalloweenIE6.jpg) no-repeat;
         
         
}




.halloweenSpecialImage {
	background: url(../_img/20090526/halloweenContent.jpg) no-repeat;
	width: 527px;
        height: 158px;
        text-indent: -999999px;
        margin-bottom: 15px; 
}


/* IE 6 */
* html .halloweenSpecialImage{
         background: url(../_img/20090526/halloweenContentIE6.jpg) no-repeat;
         width: 450px;
        height: 135px;
        text-indent: -999999px;
        margin-bottom: 15px; 
}

/* Xmas */

#content th.xmas {
	background: url(../_img/20090526/thBgXmas.jpg) no-repeat;
	height: 50px;
	padding-top: 8px;
	
}


/* IE 6 */
* html .xmas{
         background: url(../_img/20090526/thBgXmasIE6.jpg) no-repeat;
         padding-top: 2px;
         
}

 .borderNone {
	border: none;
}


/* New Index */

.headline {
         font-size: 2.2em;
         font-weight: bold;
         color: #007da3;
         margin: 20px 15px 0px 0px;

}

.subline {
	font-weight: bold;
         color: #333;
         font-size: 16px;
         /*margin-bottom: 20px;*/
         border-bottom: 2px dotted #ccc;
         margin: 0px 15px -10px 0px;

}

/* Newsbereich */

#content th.news {
	background: url(../_img/20090526/thBgNews.jpg) no-repeat;
	width: 510px;
	height: 65px;
	text-indent: 58px; 
	color: #000;
	

}

/* Lichtblicke Aktion */

.lichtblicke {
	color: #474a37;
	border: none;
}