.center{text-align:center;}
.fett{font-weight:bold;}

html,body {
   margin:0;
   padding:0;
}
html {
   background: url('../img/bg_body.png') repeat-y top center;
   overflow: -moz-scrollbars-vertical;
   height:100%;
}
body {
   color:#333;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 12px;
   text-align:center;
   height:100%;
}
a, a:visited {
   color: #000;
   text-decoration:none;
}
a:hover {
   text-decoration:underline;
}
table#container {
	border-spacing:0;
	border-collapse: collapse;
   text-align:left;
   width:900px;
   height:100%;
   margin:0 auto;
   padding:0;
   border:0;
   background-color:#fff;
}
table#container td.top {
	vertical-align:top;
}
table#container td.bottom {
	vertical-align:bottom;
}
div#header {
   background: url('../img/bg_logo_header.png') no-repeat bottom;
   height:100px;
   line-height:100px;
   margin:0;
   width:900px;
}
td#logocell {
 border:0;
 margin:0;
 padding:0;
 width:360px;
}
div#teaser {
   background: url('../img/bg_start_header.png') no-repeat;
   height:139px;
   line-height:139px;
   margin:0;
   width:900px;
   border-bottom:2px solid #fff;
}
img#logo {
 border:0;
   margin:0px 0 0 0;
}
a#logolink {
 border:0;
 margin:0;
 padding:0;
}
table#contentrow{
   background: url('../img/bg_contentrow.png') no-repeat #fff;
   float:left;
   border:0;
   padding:0;
   margin:0;
   width:900px;
}
div#footer{
   background: url('../img/bg_footer.png') no-repeat;
   line-height:50px;
   float:left;
   margin:0;
   width:900px;
   border-bottom:2px solid #fff;
}
td#content{
   background-color:#fff;
   padding:30px 40px 30px 40px;
   margin:0;
   vertical-align:top;
   width:460px;
}
td#sidebar{
   padding:0px 0 0 0;
   margin:0;
   width:300px;
   vertical-align:top;
}
#sidebar p, #sidebar ul, #sidebar div {
   max-width:300px;
   width:300px;
}
#sidebar p, #content p {
   line-height:150%;
   padding:0;
   margin:0 0 15px 0;
}
#content h1 {
   color:#ef6329;
   font-weight:normal;
   font-size:18px;
   padding:0 0 10px 0;
   margin:0;
}
#content h1.secondplus {
   clear:both;
   margin-top:30px;
}
#sidebar h1 {
   color:#ef6329;
   font-size:14px;
   font-weight:bold;
   padding:10px 2px;
   margin:0;
}
#content div.csc-header {
	margin:0;
	padding:0;
}

#content h2{
   font-weight:bold;
   font-size:14px;
   padding:0 0 5px 0;
   margin:0;
}
#content h3{
   font-weight:normal;
   font-size:12px;
   padding:5px 0;
   margin:0;
   text-decoration:underline;
}
#content h4{
   font-weight:bold;
   font-size:12px;
   padding:5px 0px 20px 0px;
   margin:0;
   text-decoration:none;
}

label {
   color:#666;
   display:block;
   font-size: 10px;
}

/* Tabelle im Inhaltsbereich */
table.contenttable {
   border:1px solid #ccc;
   background-color:#fff;
   color:#333;
   width:100%;
}
.contenttable caption {
   color:#aaa;
   text-align:right;
}
.contenttable thead th {
   background-color:rgb(0,99,154);
   color:#fff;
   font-size:12px;
   line-height:24px;
   text-align:center;
   padding:5px;
}
.contenttable tbody th {
   background-color:#e1edf3;
   line-height:24px;
   padding:5px 10px;
}
.contenttable td {
   background-color:#fff;
   line-height:24px;
   padding:5px 10px;
}
.contenttable td.odd {
   background-color:#fafafa;
}
.contenttable td.first {
   background-color:#f3f3f3;
}
.vtop {
   vertical-align:top;
}

/* Tabelle im Inhaltsbereich */
table.sidebartable {
   border:0;
   color:#333;
   margin: 0 0 40px 0;
   width:300px;
}
table.highlight {
   background-color:#e1edf3;
}
table.lightgray {
   background-color:#f3f3f3;
}
table.start {
   background-color:#fff;
}
table.copyright {
   border-top:1px solid #ccc;
   background-color:transparent;
   color:#ccc;
}
.copyright td {
   text-align:center;
}
.sidebartable caption {
   color:#aaa;
   text-align:left;
}
.sidebartable thead th {
/*
   color:#fff;
   font-size:12px;
   line-height:24px;
   text-align:center;
   padding:5px;
*/
}
.sidebartable tbody th {
   color:#333;
   font-size:12px;
   font-weight:bold;
   line-height:24px;
   padding:5px 20px 2px 20px;
}
.sidebartable td {
   line-height:24px;
   padding:5px;
}
img.reference {
   border: 1px solid #ccc;
   margin: 0 15px 20px 15px;
}

#content a, #content a.moreinfo {
   color:rgb(0,99,154);
   font-size:100%;
}
#content a.internal-link {
   color:rgb(0,99,154);
   font-size:100%;
}

/* Referenz Expose */
td.screenshot img.reference {
   margin:20px 18px;
}
table.reference td {
   vertical-align:top;
}

/* Typo3 spezifisch */
#content div.tx-texttable-pi1 {
   line-height:150%;
   padding:0;
   margin:0 0 15px 0;
}

/*------------ Content Element --------------*/
div.content_element {
	display:block; 
	clear:both;
	width:auto;
	margin-bottom:20px;
}
div.content_element div.content_element{
	display:inline;
	clear:none;
	width:auto;
	margin-bottom:0;
}
div.content_element a
{
	font-size:100%;
}

/*------------ Content Element --------------*/
#content .reference h2 {
}
#content .reference p {
	text-align:left;
}
#content div.reference  {
	clear:left;
	float:left;
	width:450px;
	margin-bottom:20px;
}

/*------------ Imagetable --------------*/
table.imagetable
{
	margin:2px 0px 0px 0px;
	padding:0;
	border:0;
}
.center_top .imagetable {
	margin-bottom:5px;
}
.right_top .imagetable {
	margin-left:10px;
	margin-bottom:5px;
}
.left_top .imagetable {
	margin-right:10px;
	margin-bottom:5px;
}
.center_bottom .imagetable {
	margin-top:5px;
 }
.right_bottom .imagetable {
	margin-left:10px;
	margin-top:5px;
}
.left_bottom .imagetable {
	margin-right:10px;
	margin-top:5px;
}
.imagetable tr
{
	margin:0;
	padding:0;
}
.imagetable td
{
	margin:0;
	padding:0;
	border:0;
}
.imagetable td.caption
{
	margin:0;
	padding:0;
	border:0;
	font-weight:bold;
	font-size:90%;
}

/*------------ Imagetexttable --------------*/
table.imagetexttable
{
	margin:0;
	padding:0;
	width:100%;
	margin-bottom:6px;
}
.imagetexttable td
{
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
.imagetexttable td.left
{
	padding-right:10px;
}
.imagetexttable td.right
{
}
.imagetexttable td p
{
	text-align:justify;
}
table.imagetable img {
   border:1px double #666;
}

/*------------ neue css-basierte imgtext-table --------------*/

#content table.imgtext-table td div.image img {
	margin:0;
	padding:0;
	border:1px double #666;
}
#content table.imgtext-table td div.image {
	margin:0;
	padding:0;
	padding-top:2px;
}
#content table.imgtext-table td {
	margin:0;
	padding:0;
}
#content table.imgtext-table td a {
	margin:0;
	padding:0;
}
#content table.imgtext-table td br {
	display:none;
}
#content table.imgtext-table p.csc-caption {
	margin:0;
	padding:0;
	padding-top:2px;
	font-size:85%;
}
#content table.imgtext-table p br {
	display:inline;
}
#content .imgtext-table div {
	margin:0;
	padding:0;
}
#content div .imgtext-table div {
	margin:0;
	padding:0;
}
#content table.imgtext-table {
	margin-bottom:10px;
}
	


/*------------ Mailformular Tabelle --------------*/
#mailform
{
	margin:15px 0px 15px 0px;
	padding:0;
	width:100%;
	border:1px solid #ccc;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#666;
	margin-bottom:6px;
}
#mailform tr:hover
{
	background-color:#fafafa
}
#mailform td
{
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
#mailform td.label
{
	padding: 10px 10px 5px 10px;
	width: 42%;
	font-size:90%;
	background-color:#f3f3f3;
	font-weight:bold;
}
#content #mailform td.label p
{
	margin:0;
	padding:5px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	line-height:120%;
}
#mailform td.field
{
	padding: 10px;
	width: 58%;
	text-align:left;
	vertical-align:middle;
	background-color:transparent;
}
#mailform td.right
{
	text-align:right;
}
#mailform td.field .mailform-input, #mailform td.field .mailform-text, #mailform td.field .mailform-pass, #mailform td.field .mailform-select
{
	width: 100%;
	border:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
#mailform td.field .mailform-submit, #mailform td.field .mailform-reset
{
	background-color:#ccc;
	width:50%;
	border:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
#mailform td.field .mailform-radio
{
	margin:0;
	padding:0;
}
#mailform tr:hover {
	background-color:#fafafa;
}
#mailform tr:hover td.field input, #mailform tr:hover td.field input.mailform-radio, #mailform tr:hover td.field input.textfield , #mailform tr:hover td.field textarea {
	border-color:#ef6329;
}
#mailform tr:hover td.field input.mailform-submit {
	background-color:#ccc;
	border-color:#ef6329;
	color:#ef6329;
}
#mailform tr:hover td.label, #mailform tr:hover td.label label {
	color:#ef6329;
}
#mailform tr:hover td.label p {
	color:#000;
}



/*------------ Loginformular Tabelle --------------*/

div.tx-newloginbox-pi1 table.login
{
	margin:0px 0px 15px 0px;
	padding:0;
	width:100%;
	border:1px solid #ccc;
    border-spacing:1px;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666;
	margin-bottom:6px;
}
#sidebar div.tx-newloginbox-pi1 table.login
{
	margin:0px 0px 15px 0px;
	padding:0;
	width:100%;
	border:1px solid #ccc;
	background-color:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666;
}
.tx-newloginbox-pi1 table.login td
{
	margin:0;
	padding:0;
	text-align:left;
	vertical-align:top;
}
.tx-newloginbox-pi1 table.login td.label
{
	padding: 10px 10px 5px 10px;
	width: 42%;
	background-color:#f3f3f3;
}
#sidebar .tx-newloginbox-pi1 table.login td.label
{
	padding: 5px 10px 5px 10px;
	width: 40%;
	background-color:#f3f3f3;
}
.tx-newloginbox-pi1 table.login td.label label
{
	font-size:11px;
	font-weight:bold;
}
.tx-newloginbox-pi1 table.login td.field
{
	padding: 10px;
	width: 58%;
	text-align:left;
	vertical-align:middle;
	background-color:transparent;
}
#sidebar .tx-newloginbox-pi1 table.login td.field
{
	padding: 5px 5px;
	width: 60%;
	text-align:left;
	vertical-align:middle;
	background-color:transparent;
}
.tx-newloginbox-pi1 table.login td.field .textfield
{
	width: 100%;
	border:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
#sidebar .tx-newloginbox-pi1 table.login td.field .textfield
{
	width: 100%;
	border:1px solid #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#000;
}
.tx-newloginbox-pi1 table.login td.field .button
{
	background-color:#ccc;
	border:1px solid #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000;
}
#sidebar .tx-newloginbox-pi1 table.login td.field .button
{
	border:1px solid #777;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#333;
}
.tx-newloginbox-pi1 #info
{
	margin: 10px 0px 15px 0px;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#666;
}
#sidebar .tx-newloginbox-pi1 #info
{
	margin: 0px 0px 5px 0px;
	width:auto;
	padding:5px 10px 5px 10px;
	border:1px solid #ccc;
	background-color:#f3f3f3;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color:#666;
}
table.login tr:hover {
	background-color:#fafafa;
}
table.login tr:hover td.field input, table.login tr:hover td.field input.textfield {
	border-color:#ef6329;
}
table.login tr:hover td.field input.button {
	background-color:#ccc;
	border-color:#ef6329;
	color:#ef6329;
}
table.login tr:hover td.label, table.login tr:hover td.label label {
	color:#ef6329;
}
table.login tr:hover td.label p {
	color:#000;
}
	
/*------------ Listen --------------*/
#content ul, #content .ul_layout1, #content .ul_layout2, #content .ul_layout3, #content .ul_layout_default {
	line-height:150%;
	padding:0;
	margin:0;
	padding-left:1.2em;
	margin-bottom:0.8em;
	list-style-type:none;
	list-style-image:url('../img/bullet_ul.gif');
}
div.reference ul li{
	margin-left:1.2em;
}
#content ol
{
	margin-top:0em;
	padding:0;
	margin:0;
	margin-bottom:0.8em;
	padding-left:1.2em;
}
/*--------- Sitemap -----------*/
#content .sitemapcontainer ul {
	line-height:150%;
	padding:0;
	margin:0;
	padding-left:1.2em;
	margin-bottom:0.8em;
	list-style-type:none;
	list-style-image:url('../img/sitemap_ul.gif');
	list-style-position:bottom left;
}
#content div.sm2 {
	border:0;
	float:left;
	display:inline;
	width:210px;
	margin-right:10px;
}
#content li.sm4 {
	font-size:11px;
}

/*---------- Filelinks ----------*/
#filelist table.file {
	background-color:#f9f9f9;
	background-image:url('../img/bg_filelinks.gif');
	background-repeat:repeat-y;
	background-position:top right;
	border:1px solid #ccc;
	margin:0;
	margin-bottom:12px;
	padding:0;
	width:100%;
}
#filelist table.file td {
	padding:5px;
}
#filelist table.file td.icon {
	text-align:center;
	width:20px;
}
#filelist table.file td.size {
	width:60px;
}
#filelist table.file td.icon a, #filelist table.file td.icon img {
	border:0;
}
#filelist table.file td.file .description {
	padding-right:5px;
}
#filelist table.file td.file .name {
	float:left;
	clear:left;
	font-size:80%;
}