@import url("quicklogin.css") screen;
@import url("header.css") screen;
@import url("intern.css") screen;
@import url("footer.css") screen;
@import url("print.css") print; /* actually not implemented */
@import url("mobile.css") handheld; /* "handheld" badly supported by mobile-browsers, actually not implemented  */
@import url("Forum.css");

@media screen

{
	
	
	
	
	
	
/* ----------------------------------------------------- General settings */

   *{ /* All set '0'! */ /*!!!All content styles are broken if this class is used!!!*/
   /* margin: 0;
    padding: 0;*/
   }
   

   html{ /* Enforce vertical scrollbar for Gecko-Browsers */
	margin:0px;
	padding:0px;
    height: 101%;
   } 
	
/* ----------------------------------------------------------------------------------- General structure */
	
	body {
	color: #282828;
	font: 12px  arial, tahoma, verdana,'Lucida Sans Unicode', sans-serif;
	min-height: 101%;
	background:#FFF;
	margin-left: 30px;
	}
	
	#header,
	#headermenu,
	#banner,
	#breadcrumbs,
	#content
	{
	width: 940px;
	}
	
	#headermenu,  #headermenu table,  #headermenu ul,  #headermenu li
   {
	padding: 0;
	margin: 0;
   }
   
    

        
    #footer
    {
        background-image: url(../images/footer_bg.gif);
        background-repeat: no-repeat;
        background-position: bottom;
        display: table;
    }
    
	#footer,
	#footermenu {
    width:940px;
	clear: both;
	}

	#footermargin {
	width: 940px;
	height: 200px;
	}

	#header { /* */
	height:140px;
	margin-top: -20px;
	}

	#headermenu {
	height:auto;
	}	

	#banner {
	height:auto;
	font-size: 1px;/*IE7 bug fix*/
	}
	
	#funktional {
	height: 40px;
	}
	
	#content {
	background:#FFF;
	margin-top: 1px;
	min-height: 150px;
	}
	
    #footer {
    height: auto;
	}

    #footermenu {
    width: 940px;
    height:20px;
	bottom: 0;
	}
  
   #footercopyright{
    font: 11px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
    text-align: right;
    color: #999;
    width: 940px;
    height:20px;
 	padding: 4px 0;
 	margin-top: -20px;
   } 


.imageleft
{
	float: left;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
}

.imageright
{
	float: right;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 5px;
}

  .centeredImage
    {
    text-align:center;
    margin-top:0px;
    margin-bottom:0px;
    padding:0px;
    }

 



/* ----------------------------------------------------------------------------------- Header settings */

	#header .wjd-logo{
	position: absolute;
	left: 40px;
	top: 30px;
	}

	#header .wjd-motto{
	position: absolute;
	left: 840px;
	top: 30px;
	}

	#header ul{ /* Changed 20.08.09 */
	width: 300px;
	position: absolute;
	left: 480px;
	top: 25px;
	border-right: dotted 1px #999999;
	padding: 5px 30px 5px 0;
	}

    #header ul li{  /* Changed 20.08.09 */
    display:block;
    height:12px;
    line-height: 10px;
    padding: 0 5px;
   	color: #999;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	text-align: right;
    } 

    #header ul li a{
    width: auto;
    display:block;
   	color: #999;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	border: 0;
    }

    #header ul li.last{
	border: solid 0px #999;
    } 

	.search
	{
		
	}

	.search_text_box
	{
		height: 15px;
		width: 136px;
		border: solid 1px #999;
		padding: 0px 2px 0px 2px;
		text-align: left;
		font-size: 11px;
	}
    
	.search_button
	{
		width: 60px;
		height: 17px;
		border: solid 1px #999;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 3px;
		background-color: #FFF;
		text-align: center;
		font-weight: normal;
		cursor:pointer;
		color: #334f93;
		text-transform:uppercase;
		font-size: 9px;
		display: inline-block;
	}
	
	
	
	.general_button:hover
	{	    
	width: 150px;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	background-color: #a6ce39;
	padding: 1px 1px 1px 1px;
	border: 1px solid #a6ce39;
	margin: 5px 0px 0px 0px;
	height: 20px;
	font-family: Arial;
	}
	
	.general_button
	{	    
	width: 150px;
	color:#79a500;
	font-size: 11px;
	font-weight: bold;
	background-color: #f5ffda;
	padding: 1px 1px 1px 1px;
	border: 1px solid #a6ce39;
	margin: 5px 0px 0px 0px;
	height: 20px;
	font-family: Arial;
	}
	

	.general_button_blue:hover
	{	    
	width: 150px;
	color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	background-color: #6698FF;
	padding: 1px 1px 1px 1px;
	border: 1px solid #6698FF;
	margin: 15px 0px 0px 0px;
	height: 20px;
	font-family: Arial;
	}
	
	.general_button_blue
	{	    
	width: 150px;
	color:#2554C7;
	font-size: 11px;
	font-weight: bold;
	background-color: #CDE0F6;
	padding: 1px 1px 1px 1px;
	border: 1px solid #6698FF;
	margin: 15px 0px 0px 0px;
	height: 20px;
	font-family: Arial;
	}

	
	.general_button_blue_fat:hover
	{	    
	width: 150px;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #6698FF;
	padding: 1px 1px 1px 1px;
	border: 1px solid #6698FF;
	margin: 5px 0px 0px 10px;
	height: 25px;
	font-family: Arial;
	float:right;
	}
	
	.general_button_blue_fat
	{	    
	width: 150px;
	color:#2554C7;
	font-size: 12px;
	font-weight: bold;
	background-color: #CDE0F6;
	padding: 1px 1px 1px 1px;
	border: 1px solid #6698FF;
	margin: 5px 0px 0px 10px;
	height: 25px;
	font-family: Arial;
	float:right;
	}
	
	
	.small_button
	{
		width: 50px;
		color:#050;
		font: bold 90% 'trebuchet ms',helvetica,sans-serif;  
		background-color: #DFF7FE;
		border: 1px solid;
		border-color: #696 #363 #363 #696;
		margin: 4px 0px 0px 0px;
		filter:progid:DXImageTransform.Microsoft.Gradient
		(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffADD8E6');	
	}	
	
	.textbox_dropdown, select
	{
		 width: 200px;	
	}
	
		.textbox_dropdown, select
	{
		 padding-top: 0px !important;	
	}

#progress-wrapper {
  border: solid 1px #5f95d2;  
  background-color: transparent;
  width: 100px;
  height: 17px;
  margin-left: 93px;
  margin-top: 16px; 
}
#progress_value {
  background-color: #acacac;
  /**background: #ebebeb url(../images/progress_bar.gif) repeat-x;**/
  height: 17px;
}

/* ----------------------------------------------------------------------------------- Headermenu settings */

	#headermenu img{ /* */
	display: block;
	}
	
	#headermenu div{ /* Changes 20.08.09 */
	height:50px;	
	background:#FFF url(../images/bgr_hmenu.gif) repeat-x scroll center top; /* ../ */
	margin: 0 0 1px 0;
	position:relative;
	}	

    #headermenu div ul{ /* Changes 20.08.09 */
	position:relative;
	margin: 0 0 0 0px;
    } 

    #headermenu div ul li a{ /* Changes 20.08.09 */
    height:45px;
    width: 122px;
    display:block;
   	color: #464646;
	font: 9px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	text-transform: none;
	padding:5px 10px 0 10px;
    } 

    #headermenu div ul li a:hover{ /* Changes 20.08.09 */
   	color: #FFF;
    } 

    #headermenu div ul li{ /* Changes 20.08.09 */
    float:left;
   	color: #464646;
	font: 9px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
    } 

    #headermenu div ul li:hover{ /* Changes 20.08.09 */
   	color: #FFF;
    } 

    #headermenu div ul li.navi_green_inactive{
	background-image: url(../images/bgr_green_off.gif);
	}

    #headermenu div ul li.navi_green_inactive:hover{
	background-image: url(../images/bgr_green_on.gif);
    padding:0 0 0 1px;
    margin-left: -1px;
    }

    #headermenu div ul li.navi_green_active{
	background-image: url(../images/bgr_green_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 10px;
	}

    #headermenu div ul li.navi_blue_inactive{
	background-image: url(../images/bgr_blue_off.gif);
	}

    #headermenu div ul li.navi_blue_inactive:hover{
	background-image: url(../images/bgr_blue_on.gif);
	padding: 0 0 0 1px;
    margin-left: -1px;
	}

    #headermenu div ul li.navi_blue_active{
	background-image: url(../images/bgr_blue_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 11px;
    margin-left: -1px;
	}

    #headermenu div ul li.navi_orange_inactive{
	background-image: url(../images/bgr_orange_off.gif);
	}

    #headermenu div ul li.navi_orange_inactive:hover{
	background-image: url(../images/bgr_orange_on.gif);
    padding:0 0 0 1px;
    margin-left: -1px;
    }

    #headermenu div ul li.navi_orange_active{
	background-image: url(../images/bgr_orange_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 11px;
    margin-left: -1px;
	}

    #headermenu div ul li.navi_red_inactive{ /* Added 20.08.09 */
	background-image: url(../images/bgr_red_off.gif);
	}

    #headermenu div ul li.navi_red_inactive:hover{ /* Added 20.08.09 */
	background-image: url(../images/bgr_red_on.gif);
    padding:0 0 0 1px;
    margin-left: -1px;
    }

    #headermenu div ul li.navi_red_active{ /* Added 20.08.09 */
	background-image: url(../images/bgr_red_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 11px;
    margin-left: -1px;
	}

    #headermenu div ul li.navi_black_inactive{ /* Added 20.08.09 */
	background-image: url(../images/bgr_black_off.gif);
	}

    #headermenu div ul li.navi_black_inactive:hover{ /* Added 20.08.09 */
	background-image: url(../images/bgr_black_on.gif);
    padding:0 0 0 1px;
    margin-left: -1px;
    }

    #headermenu div ul li.navi_black_active{ /* Added 20.08.09 */
	background-image: url(../images/bgr_black_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 11px;
    margin-left: -1px;
	}

    #headermenu div.search{ /* Added 20.08.09 */
	background-image: url(../images/bgr_search_off.gif);
	background-repeat: repeat-x;
	width: 220px;
	padding: 14px 0px 0px 10px;
	margin: 0px;
	height:36px;
	}

    /*#headermenu div ul li.search:hover{ 
	background-image: url(../images/bgr_search_on.gif);
    padding:0 0 0 1px;
    margin-left: -1px;
    }

    #headermenu div ul li.search_active{  
	background-image: url(../images/bgr_search_on.gif);
	color: #FFF;
	height:45px;
    width: 122px;
    padding:5px 10px 0 11px;
    margin-left: -1px;
	}*/

    #headermenu div ul li a span,
    #headermenu div ul li span{
    display:block;
    font-size: 12px;
    text-transform:uppercase;
    }
    
/* ----------------------------------------------------------------------------------- Breadcrumbs settings */


	#service { /* */
	width: 109px;
	margin:0 1px 0 0;
	float:left;
	background-color: #a6ce39;
	}

	#service ul{ /* */
	margin: 0;
	}

    #service ul li.sitemap{
    display:block;
    float:left;
    padding: 5px 15px 5px 40px;
   	color: #FFF;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	background: transparent url(../images/bgr_sitemap.gif) no-repeat scroll left center;
	vertical-align: middle;
    } 

    #service ul li a{
    width: auto;
    display:block;
   	color: #FFF;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	line-height:10px;
	vertical-align: middle;
	border: 0;
    }

   /* #breadcrumbs ul li a:hover{
   	color: #F00000;
    }*/

/* ----------------------------------------------------------------------------------- Breadcrumbs settings */

	#breadcrumbs { /* Changed 20.08.09 */
	width: 830px;
	margin:0px;
	float:left;
	border-top: solid 1px #b9b9b9;
	border-bottom: solid 1px #b9b9b9;
	}

	#breadcrumbs ul{ /* Changed 20.08.09 */
	margin: 0;
	}

    #breadcrumbs ul li{ /* Changed 20.08.09 */
    display:block;
    float:left;
    padding: 4px 20px 4px 10px;
   	color: #999;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	background: transparent url(../images/bgr_crumbsarrow.gif) no-repeat scroll right center;
	line-height:10px;
	vertical-align: middle;
    } 

    #breadcrumbs ul li a{
    width: auto;
    display:block;
   	color: #999;
	font: 10px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	line-height:10px;
	vertical-align: middle;
	border: 0;
    }

   /* #breadcrumbs ul li a:hover{
   	color: #F00000;
    }*/

    #breadcrumbs ul li.first{
  	color: #999;
  	text-align:center;
	background-image:none;
	padding-right: 10px;
    } 

    #breadcrumbs ul li.last{
	background-image:none;
    } 

/* ----------------------------------------------------------------------------------- Footer settings */

	#footer .fot_a { /* Changed 20.08.09 */
	width: 109px;
	height: 100%;
	margin: 15px 1px 0px 0;
	padding: 25px 0 5px 0;
	float: left;
	text-align:center;
	border-top: solid 2px #a6ce39;
	/*border-bottom: solid 2px #a6ce39;*/
	}

	#footer .fot_b { /* Changed 20.08.09 */
	width: 830px;
	/*height: 65px;*/
	margin: 15px 0px 0px 0px;
	padding: 10px 0px 15px 0px;
	float: left;
	text-align: left;	
	border-top: solid 2px #b9b9b9;
	/*border-bottom: solid 2px #b9b9b9;*/
	}

	#footer .fot_b img{
	display: inline-block;
	margin: 5px 10px;
	}

	/*#footer .fot_c {  Deleted 20.08.09 
	width: 250px;
	height: 180px;
	margin: 15px 15px 15px 10px;
	background: transparent url(../images/bgr_rotator3.gif) no-repeat scroll center center;
	float: left;
	text-align: left;	
	}*/



/* ----------------------------------------------------------------------------------- Footermenu settings */
	#footermenu
	{
		display: block;
		height: 25px;
		width: 940px;
		padding: 10px 0px;
	}

    #footermenu a {
    padding: 0 7px;
   	color: #999;
	font: 11px tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;
	border-right: solid 1px #999;
    } 


 /*   #header ul li a:hover{
   	color: #999;
    }*/

    #footermenu a.last{
	border: solid 0px #FFF;
    } 



/* ----------------------------------------------------------------------------------- Notes */
	
	.important {
	display:block;
	border: solid 1px #5f95d2;
	background: #E1F0FF;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	}

	.important b.signify {
	color:#CC0000;
	}


	.error2 {
	display:block;
	border: solid 1px #CC0000;
	background: #FFE1E1;
	margin: 10px 0;
	padding: 5px;
	}

	.success {
	display:block;
	border: solid 1px #669900;
	background:  #E7FF9D;
	margin: 10px 0;
	padding: 5px;
	}

	.success span,
	.error span {
	display:block;
	}
/* ----------------------------------------------------------------------------------- Forms */
	.form {
	display: block;
	border: solid 1px #5f95d2;
	background: #E1F0FF;
	margin: 10px 0 10px 0;
	padding: 5px 10px 5px 5px;
	}

	.form input[type=text],
	.form select,
	.form textarea{
	width:180px;
	padding: 2px 0px 0px 0px;
	}

	.form input[type=radio],
	.form input[type=checkbox]{
	margin: 2px 10px 0px 0px;
	}

	.form b.must {
	color:#CC0000;
	}


	.form table td span.radio,
	.form table td span.check {
	display:inline-block;
	margin: 2px 20px 0 0;
	color: #666666;
	}

	.form table{
	width: 100%;
	}

	/*.form table td{
 	padding: 7px 10px;
	}*/

	.form table td span{
	display:block;
	margin-bottom: 2px;
	margin-top: 4px;
	/*white-space:nowrap;*/
	}
	.form table span.number{
	font-size: 18px;
	font-weight:bold;
	}

	.form table.col2 td{
	width: 50%;
	}
	
	.form .col2 img
	{
		margin: 2px 2px 2px 5px !important;
	}
	
	
/* ------------------------------ Formular "Send", "Submit", "Next", etc. */

	.formbutton {
	display: block;
	margin: 10px 0 20px 0;
	padding: 2px;
	}
	
	.formbutton .next{
	display: block;
	margin: 0 0 0 10px;
	padding: 2px;	
	float: right;
	
	font-family: Arial;
	color:#2554C7;
	font-size: 12px;
	font-weight: bold;
	background-color: #CDE0F6;
	border: 1px solid #6698FF;	
	height: 25px;
	}
	
	.formbutton .next:hover{
	display: block;
	margin: 0 0 0 10px;
	padding: 2px;
	float: right;
	
	font-family: Arial;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #6698FF;	
	border: 1px solid #6698FF;	
	height: 25px;
	}		    
	
	.formbutton .prev{
	display: block;
	margin: 0 10px 0 0;
	padding: 2px;
	float:left;
	
	font-family: Arial;
	color:#2554C7;
	font-size: 12px;
	font-weight: bold;
	background-color: #CDE0F6;
	border: 1px solid #6698FF;
	height: 25px;
	}
	
	.formbutton .prev:hover{
	display: block;
	margin: 0 10px 0 0;
	padding: 2px;
	float:left;
	
	font-family: Arial;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #6698FF;	
	border: 1px solid #6698FF;	
	height: 25px;
	}
	
	
	.formbutton .action{
	display: block;
	margin: 0 0 0 10px;
	padding: 2px;
	float:right;
	
	font-family: Arial;
	color:#2554C7;
	font-size: 12px;
	font-weight: bold;
	background-color: #CDE0F6;
	border: 1px solid #6698FF;
	height: 25px;
	}
	

	.formbutton .action:hover{
	display: block;
	margin: 0 0 0 10px;
	padding: 2px;
	float:right;
	
	font-family: Arial;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #6698FF;	
	border: 1px solid #6698FF;	
	height: 25px;
}

.formbutton .delete {
	display: block;
	margin: 0 10px 0 0;
	padding: 2px;
	float:left;
	
	font-family: Arial;
	color:#2554C7;
	font-size: 12px;
	font-weight: bold;
	background-color: #CDE0F6;
	border: 1px solid #6698FF;
	height: 25px;
	}
	

.formbutton .delete:hover{
	display: block;
	margin: 0 10px 0 0;
	padding: 2px;
	float:left;
	
	font-family: Arial;
	color:#ffffff;
	font-size: 12px;
	font-weight: bold;
	background-color: #6698FF;	
	border: 1px solid #6698FF;	
	height: 25px;
}

/* ----------------------------------------------------------------------------------- Content: "con_a" */

	#content .con_a {
	width: 220px;	
	min-height: 100px;
	margin: 15px 25px 15px 0px;
	padding: 15px 0;
	float: left;
	background-color: transparent;
	}

/* ----------------------------------------------------------------------------------- Content: "con_b" */

	#content .con_b {
	width: 450px;
	min-height: 100px;
	margin: 15px 25px 15px 0px;
	float: left;
	background-color: transparent;
	}

	#content .con_b img {
	float:left;
	margin: 10px;
	}

/* ----------------------------------------------------------------------------------- Content: "con_c" */

	#content .con_c {
	width: 220px;
	min-height: 100px;
	margin: 15px 0px 15px 0px;
	float: left;
	background-color: transparent;
	}

	#content .con_c .contact {
	width:100%;
	min-height: 100px;
	float: left;
	background-color: transparent;
	border: solid 0px #CCCCCC;	
	}

	#content .con_c .contact b{
	display:block;
	}

/* ----------------------------------------------------------------------------------- Content: "con_d" */

	#content .con_d {
	width: 335px;
	min-height: 100px;
	margin: 15px 25px 15px 0px;
	padding: 15px 0;
	float: left;
	background-color: transparent;	
	}

	#content .con_d img {
	float:left;
	margin: 10px;
	}

/* ----------------------------------------------------------------------------------- Content: "con_e" */

	#content .con_e {
	width: 335px;
	min-height: 100px;
	margin: 15px 0px 15px 0px;
	padding: 15px 0;
	float: left;
	background-color: transparent;
	}

	#content .con_e img {
	float:left;
	margin: 10px;
	}
	
/* ----------------------------------------------------------------------------------- Content: "con_f" */

	#content .con_f {
	width: 695px;
	min-height: 100px;
	margin: 15px 0px 15px 0px;
	padding: 15px 0;
	float: left;
	background-color: transparent;
	}

	#content .con_f img {
	float:left;
	margin: 10px;
	}

/* ----------------------------------------------------------------------------------- Content: "con_g" */

	#content .con_g {
	width: 220px;
	min-height: 100px;
	margin: 15px 25px 15px 0px;
	float: left;
	background-color: transparent;
	}

	#content .con_g img {
	float:left;
	margin: 10px;
	}

/* ----------------------------------------------------------------------------------- Content: "con_h" */

	#content .con_h {
	width: 450px;
	min-height: 100px;
	margin: 15px 0px 15px 0px;
	float: left;
	background-color: transparent;
	}

	#content .con_h .contact {
	width:100%;
	min-height: 100px;
	float: left;
	background-color: transparent;
	border: solid 0px #CCCCCC;	
	}

	#content .con_h .contact b{
	display:block;
	}



/* ----------------------------------------------------------------------------------- Targetgroups: "grp_a" */

	#targetgroups { /* Changed 20.08.09 */
	width: 940px;
	height: 270px;
	padding: 0;
	text-align:center;
	color: black;
	}

/* ----------------------------------------------------------------------------------- Targetgroups: "grp_a" */

	
	#targetgroups .grp_a { /* Changed 20.08.09 */
	width: 186px;
	height: 100px;
	margin: 0 2px 0 0;
	float: left;
	}


/* ----------------------------------------------------------------------------------- Targetgroups: "grp_b" */

	#targetgroups .grp_b { /* Changed 20.08.09 */
	width: 186px;
	min-height: 100px;
	margin: 0 2px 0 0;
	float: left;
	}

/* ----------------------------------------------------------------------------------- Targetgroups: "grp_c" */

	#targetgroups .grp_c { /* Changed 20.08.09 > Attention: This Container is different from the others: width 188px !!!Important for Images placed in this one!!! */
	width: 188px;
	min-height: 100px;
	margin: 0 2px 0 0;
	float: left;
	}

/* ----------------------------------------------------------------------------------- Targetgroups: "grp_d" */

	#targetgroups .grp_d { /* Changed 20.08.09 */
	width: 186px;
	min-height: 100px;
	margin: 0 2px 0 0;
	float: left;
	}

/* ----------------------------------------------------------------------------------- Targetgroups: "grp_e" */

	#targetgroups .grp_e { /* Changed 20.08.09 */
	width: 186px;
	min-height: 100px;
	margin: 0;
	float: left;
	background-color: gray;
	}


/* ----------------------------------------------------------------------------------- Content: "con_e" */
/*
	#content .con_et {
	width: 320px;
	min-height: 100px;
	margin: 15px 10px 15px 15px;
	padding: 15px 0;
	float: left;
	background-color: transparent;
	}

	
	#content .con_e .linkbox {
	width:auto;
	    border: solid 5px #eeeeee;
    background-color:#CCC;
    padding:1px;
    margin-bottom: 20px;

	}

	#content .con_e .linkbox .header {
	width:auto;
	height: auto;
    border: solid 0px #eeeeee;
    background-color:#eee;
    padding: 5px 20px;
	}

	#content .con_e .linkbox h5 {
	height: auto;
    background:#eee url(../images/bgr_listbox-hdr.png) repeat-x scroll center top;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    color: #FFF;
    font-size: 12px;
	}

	#content .con_e .linkbox h5 span {
	height: auto;
    padding:3px;
	}


	#content .con_e .linkbox ul {
    overflow:hidden;
	margin: 0;
	}

	#content .con_e .linkbox ul li {
    display:block;
	background-color: #FFF;
	}

	#content .con_e .linkbox ul li.selected {
    display:block;
    color: #000;
    text-decoration: none;
    background-color: #F5F5F5;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 10px 20px;
    margin: 0;

	}

	#content .con_e .linkbox ul li.selected span {
    display:block;
    color: #999;
	}

	#content .con_e .linkbox ul li.selected b {
    display:block;
    font-weight: bold;
    color:#000;
	}



	#content .con_e .linkbox a span {
    display:block;
    color: #999;
	}

	#content .con_e .linkbox a b {
    display:block;
    font-weight: bold;
    color:#000;
	}

	#content .con_e .linkbox a {
    display:block;
    background-color: #FFF;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 10px 10px;
    margin-top: -0px;
    margin: 0 10px;
    color: #000;
    text-decoration: none;
	}
	
	#content .con_e .linkbox a:active,
	#content .con_e .linkbox a:focus {
    color: #000;
    text-decoration: none;
    border: 0;
    border-top: 1px dashed #CCC;
	}

	#content .con_e .linkbox a:hover 

{
    color: #000;
    text-decoration: none;
    background-color: #ebf6fb;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 10px 20px;
    margin: 0;
}

.linklistselected 
{
    background-color: #6aaae1;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 10px 20px;
    margin-top: -0px;
    color: #FFF;
}




/*


/* ----------------------------------------------------------------------------------- Content: "con_e" & "con_c & con_h" */


	#content .con_et { /* Changes 24.08.09 */
	width: 320px;
	min-height: 100px;
	margin:  15px 10px 15px 15px;
	padding: 15px 0;
	float: left;
	background-color: transparent;
	}

	
	#content .con_e .linkbox,
	#content .con_h .linkbox,
	#content .con_c .linkbox { /* Changes 24.08.09 */
	width:auto;
	border-bottom: solid 1px #b8bdc0;
	border-left: solid 1px #b8bdc0;
	border-right: solid 1px #b8bdc0;
	border-top: solid 1px #b8bdc0;
    padding:1px;
    margin-bottom: 20px;
	}

	#content .con_e .linkbox { /* Changes 24.08.09 */
	height: auto;
	}	

	#content .con_c .linkbox,
	#content .con_h .linkbox { /* Changes 26.08.09 */
	height: 400px;
    overflow:auto;
	scrollbar-face-color: #cdd3d6; scrollbar-shadow-color: #b8bdc0;
	scrollbar-highlight-color: #b8bdc0; scrollbar-3dlight-color: #FFF;
	scrollbar-darkshadow-color: #FFF; scrollbar-track-color: #f1f1f3;
	scrollbar-arrow-color: #FFF;
	}	

	#content .con_e .linkbox .header,
	#content .con_h .linkbox .header,
	#content .con_c .linkbox .header { /* Changes 24.08.09 */
	width:auto;
	height: auto;
    padding: 5px 20px;    
	}

	#content .con_e .linkbox h5,
	#content .con_h .linkbox h5,
	#content .con_c .linkbox h5 { /* Changes 24.08.09 */
	height: auto;
    padding: 10px 20px 10px 20px;
    margin: 0px;
    color: #000000;
    font-size: 14px;
	}

	#content .con_e .linkbox h5 span,
	#content .con_h .linkbox h5 span,
	#content .con_c .linkbox h5 span { /* Changes 24.08.09 */
	height: auto;
    padding:0;
	}


	#content .con_e .linkbox ul,
	#content .con_h .linkbox ul,
	#content .con_c .linkbox ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 1px 0px;
	}

	#content .con_e .linkbox ul li,
	#content .con_h .linkbox ul li,
	#content .con_c .linkbox ul li {
    display:block;
	background-color: #FFF;
	}

	#content .con_e .linkbox ul li.selected,
	#content .con_h .linkbox ul li.selected,
	#content .con_c .linkbox ul li.selected {
    display:block;
    color: #000;
    text-decoration: none;
    background-color: #F5F5F5;
    border: 0;
    border-bottom: 1px dashed #CCC;
    padding: 10px 20px;
    margin: 0;

	}

	#content .con_e .linkbox ul li.selected span,
	#content .con_h .linkbox ul li.selected span,
	#content .con_c .linkbox ul li.selected span {
    display:block;
    color: black;
	}

	#content .con_e .linkbox ul li.selected b,
	#content .con_h .linkbox ul li.selected b,
	#content .con_c .linkbox ul li.selected b {
    display:block;
    font-weight: bold;
    color:#000;
	}



	#content .con_e .linkbox a span,
	#content .con_h .linkbox a span,
	#content .con_c .linkbox a span {
    display:block;
    color: black;
	}

	#content .con_e .linkbox a b,
	#content .con_h .linkbox a b,
	#content .con_c .linkbox a b {
    display:block;
    font-weight: bold;
    color:#000;
	}

	#content .con_e .linkbox a,
	#content .con_h .linkbox a,
	#content .con_c .linkbox a {
    display:block;
    background: #FFF url('../images/bgr_linkbox.gif') no-repeat -10px bottom;
    border: 0;
    border-bottom: 1px dashed #CCC;
    padding: 10px 10px 35px 0px;
    margin-top: -0px;
    margin: 0 10px;
    color: #000;
    text-decoration: none;
	}
	
	#content .con_e .linkbox a:active,
	#content .con_e .linkbox a:focus,
	#content .con_h .linkbox a:active,
	#content .con_h .linkbox a:focus,
	#content .con_c .linkbox a:active,
	#content .con_c .linkbox a:focus {
    color: #000;
    text-decoration: none;
    border: 0;
    border-bottom: 1px dashed #CCC;
	}


	#content .con_e .linkbox a:hover,
	#content .con_h .linkbox a:hover,
	#content .con_c .linkbox a:hover /*------------------------------------------------------- individual style*/
	{
    color: #000;
    text-decoration: none;
    background: #f5ffda url('../images/bgr_linkbox_hover.gif') no-repeat -10px bottom;
    border: 0;
    border-bottom: 1px dashed #CCC;
    padding: 10px 20px 35px 10px;
    margin: 0;
	}

.linklistselected /*------------------------------------------------------- individual style*/
	{
    background-color: #6aaae1;
    border: 0;
    border-bottom: 1px dashed #CCC;
    padding: 10px 20px;
    margin-top: -0px;
    color: #FFF;
	}
	
	#moreHyperLink
	{
		display: block;
	}








/* ----------------------------------------------------------------------------------- General settings */
/* ------------------------------ Blockelements */ 

   h1{
   	font: tahoma, arial, verdana,'Lucida Sans Unicode', sans-serif;

    font-size: 1.7em;
    margin: 0 0 20px;
   }

   h2{
    font: 20px  arial, tahoma, verdana,'Lucida Sans Unicode', sans-serif;
	margin: 0 0 10px;
	font-size: 1.5em;
   }


   h3{
   margin: 0 0 10px;
   font-size: 1.2em;
   }

   h4{
   margin: 0 0 10px;
   font-size: 1.0em;

   }

   /*p,*/ address, ul, ol{
    margin: 1.5em 0;
   }

   ul{
    list-style-type: none;
   }

   ol{
    margin-left: 2em;
    list-style-type: upper-alpha;
   }

/* ------------------------------ Inlineelements */ 

   blockquote{
    font-style: italic;
   }

   blockquote > p:before{
    content: "\00BB  ";
    font-style: normal;
    font-weight: bold;
   }

   blockquote > p:after{
    content: " \00AB";
    font-style: normal;
    font-weight: bold;
   }

   em, i, q{
    font-style: italic;
   }

   strong, b{
    font-weight: bold;
   }

   code, kbd{
    background: #e7e7e7;
    color: inherit;
    font-family: 'Courier New', courier, monospace;
   }

   dfn{
    cursor: help;
   }


/* ------------------------------ Links */ 

 a{
    background: transparent;
    color: #3399ff;
    text-decoration: none;
    cursor: pointer;
    /*border-bottom: 1px dashed #3399FF;*/
   }

   a:hover{
    /*border-bottom: 1px dashed #3399FF;*/
    color: #000000;
   }

   a:visited{
    border: 0;

   }

   a img{
    background: transparent;
    color: #3399ff;
    text-decoration: none;
    cursor: pointer;
    border: 0;
   }


   h1 a, h2 a{
    border: 0;
    background: inherit;
    color: #3399ff;
   }

   h3 a{
    border: 0;
    background: inherit;
    color: #3399ff;
   }
   
   h4 a{
    border: 0;
    background: inherit;
    color: #3399ff;
   }

   dfn a{
    cursor: help;
   }

/* ------------------------------  Images */

   img{
    border: 0;
   }

   .fr{
    float: right;
    margin: 0.25em 0 0.5em 0.5em;
   }

   .fl{
    float: left;
    margin:0.25em 0.5em 0.5em 0;
   }
   
   .cb{
    clear: both;
   }

   .border{
    background: #fff;
    color: #000;
    border: 1px solid #666;
    padding: 0.25em;
   }

   .imglink{
    border: 0;
   }

   .center{
    text-align: center;
   }

   .middle{
    vertical-align: middle;
   }


/* ----------------------------------------------------------------------------------- Specials */
/* ------------------------------ Definition */


.sublink /*------------------------------------------------------- individual style*/
{
    /*background-color: #FFF;
    border-top: 1px dashed #CCC;
    border-bottom: 1px dashed #CCC;
    padding: 10px 5px;
    margin-top: -4px;*/
        overflow:hidden;
    font-family: Arial, Sans-Serif;
	font-size: 12px;
}
.sublink:hover /*------------------------------------------------------- individual style*/
{
    color:#FFF;
}
.sublink a /*------------------------------------------------------- individual style*/
{
    display:block;
    background-color: #FFF;
    border: 0;
    border-top: 1px dashed #CCC;
    /*border-bottom: 1px dashed #CCC;*/
    padding: 10px 20px;
    margin-top: -0px;
    color: #000;
    text-decoration: none;
}

.sublink a:active,
.sublink a:focus /*------------------------------------------------------- individual style*/
{
    color: #000;
    text-decoration: none;
    border: 0;
    border-top: 1px dashed #CCC;
}

.sublink a:hover /*------------------------------------------------------- individual style*/
{
    color: #000;
    text-decoration: none;
    background-color: #f5ffda;
    border: 0;
    border-top: 1px dashed #CCC;
}

.sublinkselected /*------------------------------------------------------- individual style*/
{
    background-color: #f5ffda;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 10px 20px;
    margin-top: -0px;
    color: #000;
}



.sublinkLevel2 a /*------------------------------------------------------- individual style*/
{
    display:block;
    background-color: #FFF;
    border: 0;
    border-top: 1px dashed #CCC;
    /*border-bottom: 1px dashed #CCC;*/
    padding: 5px 40px;
    margin-top: -0px;
    color: #000;
    text-decoration: none;
    font-size:smaller;
}

.sublinkLevel2 a:active,
.sublinkLevel2 a:focus /*------------------------------------------------------- individual style*/
{
    color: #000;
    text-decoration: none;
    border: 0;
    border-top: 1px dashed #CCC;    
}

.sublinkLevel2 a:hover /*------------------------------------------------------- individual style*/
{
    color: #000;
    text-decoration: none;
    background-color: #f5ffda;
    border: 0;
    border-top: 1px dashed #CCC;
}

.sublinkLevel2selected /*------------------------------------------------------- individual style*/
{
    background-color: #f5ffda;
    border: 0;
    border-top: 1px dashed #CCC;
    padding: 5px 40px;
    margin-top: -0px;
    color: #000;
    font-size:smaller;
}




/* Accordion */
.accordionborder /*------------------------------------------------------- individual style*/
{
    border: solid 3px #eeeeee;
    background-color:#CCC;
    padding:1px;    
}


.accordionHeader /*------------------------------------------------------- individual style*/
{
    border: 0px solid #2F4F4F;
    color: #000;
    background-color: #f6f6f6;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 10px;
    margin-top: 1px;
    cursor: pointer;
}


.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;	
	    display:block;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected
{
    border: 1px solid #6aaae1;
    color: white;
    background-color: #6aaae1;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent /*------------------------------------------------------- individual style*/
{
    background-color: #FFF;
    border: 0px dashed #2F4F4F;
    border-top: none;
    padding: 0;
    margin-top: -0px;
    overflow:hidden;
}



/* ----------------------------------------------------------------------------------- End */


/* ----------------------------------------------------------------------------------- Formular-Tabs */

	#formtab {
	float:left;
	width:100%;
	font-size:93%;
	line-height:normal;
	border-bottom:1px solid #b8bdc0;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	vertical-align: middle;
	margin: 10px 0px 30px 0px;
      }
    #formtab ul {
	margin:0 0 0 0px;
	padding:10px 10px 0 0px;
	list-style:none;
      }
    #formtab li {
	display:inline;
	margin:0 0;
	padding:0;
      }
    #formtab a {
	float:left;
	background:url(../images/bgr_tableft.gif) no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	margin:0 5px 5px 0;
	text-decoration:none;
      }
    #formtab a span {
	float:left;
	display:block;
	background:url(../images/bgr_tabright.gif) no-repeat right top;
	padding:4px 15px 4px 6px;
	color:#000;
      }
    
    #formtab a span { /* Commented Backslash Hack hides rule from IE5-Mac \*/
    float:none;
    }
    
    #formtab a:hover span { /* End IE5-Mac hack */
	color:#000;
	}

/* Hover disabled

    #tab a:hover {
      background-position:0% -42px;
      }
    #tab a:hover span {
      background-position:100% -42px;
      }
*/

      #formtab .active a {
      background:url(../images/bgr_tableft_active.gif) no-repeat right top;
      background-position:0% -42px;
      padding:0 0 0 4px;
      margin:0 10px -1px 0;
      }

      #formtab .active a span {
      background:url(../images/bgr_tabright_active.gif) no-repeat right top;
      background-position:100% -42px;
      padding:4px 15px 10px 6px;
      }






/* --------- navigation overview start (imported)----- */



#content table.startBlocks td.navlist1  {
   background: #eeeeee url(../images/nav_overview1.gif) left top;   
   width:567px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist1width  {
   width:567px; 
} 

#content table.startBlocks td.navlist1 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist2  {
   background: #eeeeee url(../images/nav_overview2.gif) left top;
   width:279px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist2width  {
   width:279px; 
} 

#content table.startBlocks td.navlist2 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist3  {
   background: #eeeeee url(../images/nav_overview3.gif) left top;
   width:183px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist3width  {
   width:183px; 
}

#content table.startBlocks td.navlist3 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist4  {
   background: #eeeeee url(../images/nav_overview4.gif) left top;
   width:135px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist4width  {
   width:135px; 
} 

#content table.startBlocks td.navlist4 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist5  {
   background: #eeeeee url(../images/nav_overview5.gif) left top;
   width:107px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist5width  {
   width:107px; 
} 

#content table.startBlocks td.navlist5 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist6  {
   background: #eeeeee url(../images/nav_overview6.gif) left top;
   width:87px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist6width  {
   width:87px; 
} 

#content table.startBlocks td.navlist6 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist7  {
   background: #eeeeee url(../images/nav_overview7.gif) left top;
   width:74px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist7width  {
   width:74px; 
} 

#content table.startBlocks td.navlist7 img
{
	margin: 0px !important;
}

#content table.startBlocks td.navlist8  {
   background: #eeeeee url(../images/nav_overview8.gif) left top;
   width:63px; 
   vertical-align:top;
   border-top: 1px solid #eaeaea;
   border-bottom: 1px solid #eaeaea;
} 
#content table.startBlocks td table.navlist8width  {
   width:63px; 
} 

#content table.startBlocks td.navlist8 img
{
	margin: 0px !important;
}


#content table.startBlocks div.navlistSub {
  margin: 3px; 
  min-height: 30px;
} 

#content  td.lightGray {
	 width: 1px;
	 background-color: #eeeeee;
}

div.lightGray {
	 width: 1px;
	 height: 1px;
}

  #content table.startBlocks  {
    margin-top: 2px;
}  

/* navigation overview end */


/* ----------------------------------------------------------------------------------- Menu-Tabs */


	#menutab { /* Added 24.08.09 */
	width:100%;
	display: block;
	font-size:93%;
	line-height:normal;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	vertical-align: middle;
	margin: 0px 0px 0px 0px;
	height: 39px;
      }
    #menutab ul { /* Added 24.08.09 */
	margin:0 0 0 0px;
	padding:0px 0px 0 0px;
	list-style:none;
      }
    #menutab li { /* Added 24.08.09 */
	display:inline;
	margin:0 0;
	padding:0;
      }
   
    #menutab a { 
	float:left;
	background:url('../images/bgr_tableft_green.gif') no-repeat left -25%;
	margin:0;
	padding:0 0 0 4px;
	margin:0 5px 0px 0;
	text-decoration:none;
      }
    #menutab a span { 
	float:left;
	display:block;
	background:url('../images/bgr_tabright_green.gif') no-repeat right -25%;
	padding:15px 15px 10px 6px;
	color:#FFF;
      }
    
    #menutab a span { /* Commented Backslash Hack hides rule from IE5-Mac \*/ /* Added 24.08.09 */
    float:none;
    }
    
    #menutab a:hover span { /* End IE5-Mac hack */ /* Added 24.08.09 */
	color:#FFF;
	}

/* Hover disabled

    #tab a:hover {
      background-position:0% -42px;
      }
    #tab a:hover span {
      background-position:100% -42px;
      }
*/

/* --------------------------------Tabs Active State (!) */

	#menutab .active a { 
	float:left;
	background:url('../images/bgr_tableft_active_green.gif') no-repeat 0% 70%;
	padding:0 0 0 4px;
	margin:0px 5px 0px 0;
	color: #000;
	display: block;
	}
	
	#menutab .active a span { 
	float:left;
	display:block;
	background:url('../images/bgr_tabright_active_green.gif') no-repeat 100% 70%;
	padding:15px 15px 10px 6px;
	color: #000;
	z-index: 999;
	}
	
	#menutab .active a span { 
    float:none;
    }
    
    #menutab .active a:hover span { 
	color:#000;
	
}
	#menutab
	{
		overflow: hidden;
	}


/* --------------------------------Gallery CSS (similar to Flickr) */

	.ResultsThumbs {margin-top:20px;width:100%;}						
	.ResultsThumbs div.ResultsThumbsChild{position:relative;padding:0;margin:5px 5px 0 5px;float:left;text-align:center;}
	.ResultsThumbs p.ResultsThumbsChild{font:11px Arial,Helvetica,sans-serif;margin-top:5px; width: 100%}		
	.ResultsThumbs p.ResultsThumbsChildTitle{font:11px Arial,Helvetica,sans-serif;margin:0 0 5px 0;padding:0;}		
	

.dynElementRowTextDiv
{
	padding-right:5px;
	width:120px;
}

.dynElementRowDynElementDiv { }


.popupControl
{
	background-color: #FFFFFF;
	position:absolute;
	visibility:hidden;
	border:solid 1px #C0C0C0;
	text-align:left;
}

.sortOptionsRadioButtonList label
{
	display: block;
	float:left;
	padding:3px 5px 3px 5px;
	white-space:nowrap;
}

.sortOptionsRadioButtonList input
{
	display: block;
	float:left;
	margin:4px 3px 3px 3px;
}

.dynElementRowTextDiv { }






.content_header
{
	width: 100%;
	background-color: #F5FAFA;
	padding-left: 7px;
	margin-bottom: 4px;
	margin-top: 7px;
	color: #666666;	
	font-family: Verdana;
	clear: both;
	display: table;
	border: solid 1px #CCC;
}		

.content_header_title
{
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;	
}


	
.image_toggle
{
	float: right;	
	padding-right: 10px;
	padding-bottom: 5px;
	display: block;
}

.content_details
{
	width:99%; 
	background:#F5FAFA; 
	border: solid 1px #CCC;
	overflow: visible;
	padding: 1 1 1 1;	
	margin: 1 1 1 1;
    display: block;
}
.listSortOptionTextBox
{
	border-width:0px;	
	font-style:italic;
	font-weight: bold;
	color: #3399ff;
}

.formsNestedErrorMessage
{
	color:#FF0000;
}

/* --- login */

.loginStatusBar
{
	float:left;
}

.loginStatusPanel
{
	 margin-top:5px;	 
}

/* ---------Black List Panel*/

.blackListSectionPanel img
{
	margin: 5px !important;
}

.blackListPanel
{
	overflow: visible !important;
}

}