@charset "utf-8";
    body {
        margin:0 auto;
        padding:0;
        border:0;			/* This removes the border around the viewport in old versions of IE */
        width:100%;
        background:#fff;
		width:960px;
        min-width:960px;    /* Minimum width of layout - remove line if not required */
							/* The min-width property does not work in old versions of Internet Explorer */
		/*font-size:90%;*/
		font-size: 11px;
		font-family: Arial, Helvetica, sans-serif;
		
    }
	a {
    	color:#36c;
		text-decoration:none;
	}
	a:hover {
		color:#36c;
	}
    h1, h2, h3 {
        margin:.8em 0 .6em 0;
        padding:0;
    }
	
	h1{
		font-size: 22px;
		color: #333;
		clear: both;
	}
	
	h2 {
		font-size: 14px;
	}
	
    p {
        /*margin:.4em 0 .8em 0;*/
		margin: 0 1em 0 0;
        padding:0 0 0 0.1em;
		line-height: 1.4em;
		color: #333;
    }
	
	p.align-right{
		text-align: right;
	}
	
	p a:hover{
		/*font-weight: bold;*/
	}
	
	p.align-center {
			text-align: center;
	}
	
	div.col1 hr
	{
		margin-right: 1em;
		color: #9F9F9F;
	}
	
	img {
		margin:10px 0 5px 0;
		padding: 0;
		border:none;
	}
	
	.csc-textpic-intext-right{
		margin-right: 1em;
	}

	div.csc-textpic-imagewrap{
		padding-top: 4px;
	}

	#commentsPopup{
		position: fixed;
		display: none;
		top: 0;
		left: 0;
		background: #000;
		height: 100%;
		width: 100%;
		z-index: 10;
		opacity: 0.5;  /* Für alle anderen Browser */
		filter: alpha(opacity = 50); /* Für den IE !grml! */
	}
	
	/* Header styles */
    #header {
        clear:both;
        float:left;
        width:100%;
		margin: 0;
		padding: 0;
		position: relative;
		top: 10px;
		cursor:pointer;
    }
	#header img{
		margin-bottom: 0;
		margin: 0;
		padding: 0;

	}

	#header div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image{
		margin: 0;
		padding: 0;
	}

	#header div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image img{
		width: 958px;
	}

	/* 'widths' sub menu */
	#layoutdims {
		clear:both;
		background:#eee;
		border-top:4px solid #000;
		margin:0;
		padding:6px 15px !important;
		text-align:right;
	}
	/* column container */
	.colmask {
		/*background: #0f0;*/
		position:relative;		/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
	    clear:both;
        width:100%;			/* width of whole page */
		overflow:hidden;	/* This chops off any overhanging divs */
	}
	/* 2 column right menu settings */
	.rightmenu {
	    /*background:#ff0;*/
	}
	.rightmenu .colleft {
        float:left;
        width:200%;
        margin-left:-200px;
        position:relative;
        right:104%;
        /*background:#FF8A00;*/
    }
	
	.rightmenu .colleftmain {
		border-right: 1px solid #9F9F9F;
	}
	
    .rightmenu .col1wrap {
    	/*background: #ED00FF;*/
	    float:left;
	    width:48.8%;
	    position:relative;
	    left:51.2%;
	}
	

	
	.rightmenu .col1 {
		/*background: #00BCFF;*/
        margin:0 0 0 216px;
        overflow:hidden;
	}

	.rightmenu .col1content{
		/*height: 12em;
		overflow: auto;*/
		/* scroll */
	}
	
	.rightmenu .col2content{
		/*height: 12em;
		overflow: auto;*/
		/* scroll */
	}

    .rightmenu .col2 {
        float:right;
        width:170px;
		width:239px; 
        position:relative;
        left:239px;
		/*background-color: #00f;*/

    }

	
	/* Login styles */
	.col1login{
		border-bottom: 1px solid #9F9F9F;
		height: 41px;
		padding-bottom: 0.5em;
	}
	
	.col2login{
		border-bottom: 1px solid #9F9F9F;
		padding-bottom: 0.5em;
	}
	
	.col1wraplogin{
		padding-bottom:1em;
	}
	
	#login{
		clear: both;
		height: 33px;
		background-image: url(../img/allgemein/button_login_grau.png);
		background-position: top;
		background-repeat: no-repeat;
		border-left: 1px solid #9F9F9F;
		font-size: 15px;
		padding: 5px 0 0 10px;
		margin: 0 0 3px 0;
		color: #36c;
	}
	
	#login:hover{
		background-image: url(../img/allgemein/button_login_blau.png);
		color: #fff;
		cursor: pointer;
	}
	
	#login #loginfont{
		width: 30%;
		float: left;
	}
	
  #login a:hover{
    color:#fff;
  }
  #login a{
    display: block;  
    float: left;
    padding-left: 2px;
    padding-top: 5px;
    width: 215px;
    background-image: url(../img/allgemein/Icon_login.png);
		background-position: right 3px;
		background-repeat: no-repeat;
    height: 25px;
    
  }
  
	#login #loginimg{
		width: 65%;
		height: 22px;
		float: left;
		background-image: url(../img/allgemein/Icon_login.png);
		background-position: center right;
		background-repeat: no-repeat;
	}
	
	#login .loginimg{
		float: right;
		margin-right: 1em;
		background-image: url(../img/allgemein/Icon_login.png);
		background-position: center right;
		background-repeat: no-repeat;
		width: 50px;
		height: 22px;
	}

	/* FROG IMG */
	.frogimg{
		width: 100%;
		border-bottom: 1px solid #9f9f9f;
		margin: 0 0 0 10px;
		padding-left: 25%;
	}

	/* right column */
	.col2content .newsletterright{
		padding: 1em 0 0.5em 0;
		margin: 0 0 0 1em;
		border-bottom: 1px solid #9f9f9f;
	}
	
	.rtelink{
		background-image: url(../img/allgemein/Pfeil_rechts_10px.png);
		background-position: right center;
		background-repeat: no-repeat;
		padding-right: 15px;
		float: right;		
	}
	
	.clearboth{
		clear: both;
	}

	#noscript{
		padding: 2em;
		border: 1px solid #333;
		font-size: 20px;
		color: #333;
		position: fixed;
		top: 20%;
		left: 20%;
		width: 60%;
		z-index: 100;
		background: #fff;
		text-align: center;
	}

	#dataprotection{
		padding: 1em;
		border: 1px solid #333;
		font-size: 12px;
		color: #333;
		position: fixed;
		top: 21%;
		left: 25%;
		width: 30%;
		z-index: 200;
		background: #fff;
		display: none;
	}

	#dataprotection #dataprotection_ok{
		font-size: 14px;
		font-weight: bolder;
		color: #000;
		border: 1px solid #000;
		float: right;
		padding: 3px;
		cursor: pointer;
	}
	
	.data_popup{
		color: #36c;
		cursor: pointer;
	}

	/* Toolbox Newlsetter Newsletter-Link */
	#tb_newsletter_link
	{
		cursor: pointer;
	}
	
	#tb_newsletter_link:hover{
		font-weight: bold;
	}

  .item-div-listview
    {
    margin-bottom:20px;
    /*float:none;
    clear:both;*/
    /*height:150px;*/
  }
  
  .recommend-form-fields
    {
    margin-bottom:10px;
  }
  .recommend-form-fields label
    {
    display:block;
    float:left;
    width:170px;
    margin-top:3px;
  }
  .recommend-page-form textarea
    {
    margin-left:170px;
  }
  
  .recommend-page-form .errordisplay
    {
    color:red;
    margin-bottom:5px;
    font-weight:bold;
  }
  
  .recommend-page-form .textareawrap span.err
    {
    vertical-align:top;
  }
    .recommend-page-form .err
    {
    margin-left:5px;
    color:red;
    font-weight:bold;
  }