@media screen, handheld, print, projection, tv {

	/* allgemeine angaben */
	html {
		min-height: 100%;
		height: 100%;
		overflow: -moz-scrollbars-vertical !important;
	}
	body, p, input, img, table, tr, td, span, div, form, ul, li, acronym {
		padding: 0;
		margin: 0;
		border: 0;
		text-align: left;
		vertical-align: top;
        letter-spacing: 1px;
	}
	body {
		height: 100%;
		background: #F1CA87 url('../images/bg_body.gif') repeat-x;
		text-align: center;
		color: #454545;
		font-size: 13px;
	}
	table {
		text-align: center;
		color: #454545;
		font: 1em/135% tahoma, verdana, sans-serif;
	}
	hr {
		display: none;
	}
	input {
		padding-left: 5px;
		width: 130px;
		color: #454545;
		background: url("../images/bg_input.gif") repeat-x;
		border: 1px solid #e0e0e0;
		font: 1em/140% tahoma, verdana, sans-serif;
	}
	input.knopf {
		background: url("../images/bg_button.gif") no-repeat;
		width: 7.5em;
		height: 2em;
		border: 0;
		padding: 0;
		color: #bf7f0f;
		border: 1px solid #cecece;
		border-top: 1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
		text-align: center;
	}
	input.formularfeld {
		width: 170px;
	}
	textarea {
		padding-left: 5px;
		width: 240px;
		height: 110px;
		color: #454545;
		background: url("../images/bg_input.gif") repeat-x;
		border: 1px solid #e0e0e0;
		font: 1em tahoma, verdana, sans-serif;
	}
	/* allgemeine angaben */

/**********************/
/* Mailforms	      */
/**********************/

.csc-mailform {
        border: 0px;
        width: 450px;
        float:left;
        font-size:12px;
}
.csc-mailform-field label {
  float:left;
  clear:both;
  display:block;
  width:200px;
  margin-bottom:10px;
  padding-left:10px;
}
.csc-mailform-field input, textarea, select {
  float:left;
  display:block;
  width:200px;
  border: 1px solid #333;
  background:#F4F4F4;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}

.csc-mailform-submit {
  float:left;
  display:block;
  width:120px;
  border: 1px solid #333;
  background:#F4F4F4;
  font-family: Georgia, Times New Roman, Times, serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
  text-align: center;
}

.news-list-date {
  display: none;
  color: #fff;
}

.bodytext {
  font: tahoma, verdana, sans-serif;
  font-size: 12px;
  font-style: Times;
}



	/* grundgeruesst */
	#all {
		position: relative;
		height: 100%;
		margin: auto;
		width: 780px;
		background: #fff url("../images/bg_inhalt.jpg") repeat;
		text-align: left;
		font: 1em/140% tahoma, verdana, sans-serif;
	}
	html>body #all {
		height: auto;
		min-height: 100%;
	}
	#inhalt {
		width: 780px;
		min-height: 250px;
		background: url("../images/header.jpg") no-repeat;
	}

    /*Start Content Elemente*/
	#linke_spalte {
		width: 255px;
        min-height: 300px;
        float: left;
        margin: 0px;
        padding: 0;
        margin 0;
        display: block;
	}
	#rechte_spalte {
		width: 480px;
		float: left;
        height: auto;
		margin-top: 224px;
        margin-left: 20px;
	}
    /*Ende Content Elemente*/
    #left_content {
        width: 207px;
        margin-left: 28px;
        background: #fff;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #rss_link {
        width: 207px;
        margin-left: 28px;
        background: #fff;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #rss_link p.bodytext {
    	margin-top: 0px;
    	margin-left: 0px;
    }
    #news {
        width: 207px;
        margin-left: 28px;
        background: #fff;
        padding-top: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }
    #news p.bodytext {
    	margin-left: 0px;
        font: tahoma, verdana, sans-serif;
        font-size: 12px;
        font-style: Times;
    }
    #news h4 {
    	font-family: verdana,sans-serif
    	font-size: 13px;
    }
    #login{
        width: 205px;
        margin-left: 28px;
        background: #fff;
    }
    #ende_text {
	width: 100%;
	clear: both;
	height: 70px;
    }
    #empty {
	clear: both;
	height: auto;
    }
    #footer {
	position: relative;
	margin: auto;
    width: 500px;
    min-height: 25px;
    border-top: 1px dashed #ccc;
    padding-left: 280px;
	text-align: left;
	vertical-align: bottom;
    background: #fff url("../images/bg_inhalt.jpg") repeat;
    font-size: 11px;
     }
	/* ende grundgeruesst */



	/* diverses linke spalte */
	h2#logo {
		margin: 0px;
        margin-left: 28px;
		padding: 0px;
		border: 0px;
		width: 227px;
		height: 102px;
		text-align: center;
		padding-top: 64px;
        display: block;
		background: url("../images/bg_logo.gif") repeat;
	}
	html>body h2#logo  {
		height: 102px;
	}
	#linke_spalte p {

		margin: 0 0 2px 25px;

	}
	/* ende diverses linke spalte */







	/* diverses rechte spalte */
	#rechte_spalte ul {
		margin: 15px 0px;
	}
	#rechte_spalte li {
		list-style-image: url(../images/listenbild.gif);
		margin-left: 25px;
		margin: 0 0 5px 25px;
	}
    #rechte_spalte .bodytext {
        font: tahoma, verdana, sans-serif;
        font-size: 12px;
        font-style: Times;
    }

	.heller {
		color: #989898;
		text-decoration: none;
	}
	p.zitat{
		margin: 15px 0px;
		padding: 10px;
		border: 1px solid #cccccc;
		background: #f1f1f1;
	}
	.clear_float {
		clear: both;
		height: 0px;
		line-height: 0px;
	}
	a {
		color: #bf7f0f;
		text-decoration: underline;
	}
	a.link_button {
		background: url("../images/bg_button_1.gif") no-repeat;
		width: 10em;
		height: 1.9em;
		border: 0;
		padding: 2px 10px 2px 20px;
		text-decoration: none;
		border: 1px solid #cecece;
		border-top: 1px solid #f0f0f0;
		border-left: 1px solid #f0f0f0;
	}
	h1 {
		margin: 20px 0 15px;
		padding-bottom: 5px;
		color: #1A3055;
		clear: right;
		border-bottom: 1px solid #F1CA87;
		font: 1.24em/100% georgia, serif;
		font-weight: bold;
	}
	h6, h2 {
		color: #BF800F;
		font: normal 1em georgia, serif;
		margin-bottom: 5px;
	}
	h2 {
		font-family: tahoma, verdana, sans-serif;
		font-weight: bold;
	}
	#rechte_spalte p {
		margin-bottom: 15px;
	}
	#rechte_spalte h1 {
		margin-top: 40px;
	}
	#rechte_spalte img {
		margin-bottom: 6px;
	}
	#rechte_spalte acronym {
		cursor: help;
	}
	/* ende diverses rechte spalte */

     	/* zusatznavigation: glossar, agb, druckversion */
	#zusatznavigation li {
		width: 227px;
        margin-left: 28px;
		line-height: 34px;
		border-bottom: 1px solid #f5f5f5;
		list-style-type: none;
	}
	#zusatznavigation li a {
		padding-left: 55px;
		line-height: 30px;
		text-decoration: none;
		color: #454545;
	}
	#zusatznavigation li a:hover {
		color: #bf7f0f;
	}
	#zusatznavigation a.aktiv {
		color: #bf7f0f;
		font-weight: bold;
	}
	#zusatznavigation .impressum {
		background: #fff url("../images/agb.gif") no-repeat;
	}
	#zusatznavigation .drucken {
		background: #fff url("../images/drucken.gif") no-repeat;
	}
    #zusatznavigation .knowledgebase {
		background: #fff url("../images/knowledgebase.gif") no-repeat;
	}
	/* ende zusatznavigation: glossar, agb, druckversion */


}

@media print {
	body {
		font: 11pt/140% tahoma, verdana, sans-serif;
		color: #000000;
	}
	.blinde, #footer, #linke_spalte, #navigation, #zusatznavigation {
		position: absolute;
		visibility: hidden;
		z-index: 1;
	}
	#rechte_spalte {
		position: absolute;
		margin: 0px;
		padding: 0px;
		left: 0;
		top: 0;
		width: 14cm;
		background: #ffffff;
		visibility: visible;
		overflow: visible;
		clear: both;
	}



}


@media handheld {
	body {
		width: auto;
		background: #fff;
	}
	.blinde, #footer {
		display: none;
	}
	h2#logo {
		margin: 10px 0px 0px 0px;
		padding: 0px;
		border: 0px;
		width: auto;
		height: auto;
		background: #ffffff;
	}
	#all, #inhalt, #linke_spalte, #rechte_spalte, #navigation, #zusatznavigation, #zusatznavigation li {
		clear: both;
		width: auto;
		background: #fff;
		text-align: left;
		padding: 0px;
		margin: 0px;
	}
	#rechte_spalte {
		margin: 10px;
	}
	#navigation ul, #navigation li, #navigation li a, #zusatznavigation ul  {
		width: 100%;
	}
	#navigation {
		border: 1px solid #d4d4d4;
		border-bottom: 0px;
		margin: 0px 10px;
	}
	.tx-srfeuserregister-pi1 { color: black; font-size: 12px; font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; border: 0px;}
}


@media tv {
	html, body {
		width: auto;
		background: #ffffff;
	}
	.blinde, #footer {
		display: none;
	}
	h1#logo {
		margin: 20px 0 10px 0;
		padding: 0px;
		border: 0px;
		width: auto;
		height: auto;
		background: #ffffff;
	}
	#all, #inhalt, #linke_spalte, #rechte_spalte, #navigation, #zusatznavigation, #zusatznavigation li {
		clear: both;
		width: auto;
		background: #ffffff;
		text-align: left;
		padding: 0px;
		margin: 0px;
	}
	#all {
		width: 560px;
	}
	#navigation ul, #navigation li, #navigation li a, #zusatznavigation, #zusatznavigation ul  {
		width: 100%;
	}
	#navigation {
		border: 1px solid #d4d4d4;
		border-bottom: 0px;
		margin: 10px;
	}
	#linke_spalte {
		width: 210px;
		float: left;
		overflow: hidden;
	}
	#rechte_spalte {
		width: 330px;
		float: right;
		margin: 20px 10px;
	}

}