/* CSS Document */
html {
    margin:0;
    padding:0;
    height: 100%;
    line-height: 1.4em;
    overflow-y:scroll;
}

body {
    position: relative;
    min-width:350px;
	height:100%;
    margin:0;
    border:0;
    padding:0;
    background-color:#ffffff;
    color:#000000;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.95em;
    text-align:center;
}

html * {
    margin:0;
    padding:0;    
}

html hr {
	clear:both;
    margin: 5px 0;
	height: 0;
}

#logo img.logoM {
    float:right; 
    position:absolute; 
    right:10px;
    top:18px;
}

#logo img.imageM {
    float:left; 
    margin-top:0; 
    position:absolute; 
    left:0;
    top:0;
}

#logo p.addressline {
	text-decoration:none;
    float:right; 
    position:absolute; 
    right:3px;
    top:125px;
	text-align:right;
	font-size:0.9em;
}

#logo p.addressline a {
	text-decoration:none;
	color:#000;
}

#logo span.texttrenner {
	color: #CCC;
}

a img {
    margin:0;
    padding:0;
    border-style:none;    
}

sup {
	margin:0;
	padding:0;
	line-height:0.8em;
	font-size:0.7em;
}

#wrap{
	min-width:530px;
    width: 80%;
    min-width: 530px;
    margin: 0 auto 50px;
    display:block;
    text-align: left;
    padding-top:5px;
    padding-bottom:5px;
	position:relative;
}

div#logo {
    width: 80%;
	min-width:530px;
    height:150px;
    margin:0 auto 15px;
    overflow:visible;
	background:url('../images/header_balken.png') repeat-x;
	position:relative;
}

#content {
    padding:0;
    margin:0;
    background-color:#FFFFFF;
}


#cont {
	padding: 3px;
	margin:0;
	background-color:#FFFFFF;
	clear:both;
}

#cont a, #cont table a {
	color:#e3001b;
	text-decoration:none;
}


#cont a:hover, .kont #cont a:hover, .kont #cont table a:hover {
	color:#e3001b;
	text-decoration:none;
}


#cont h1, #cont table h1{
	padding:0;
	font-size: 1.4em;
	color:#e3001b;
}


#cont h2, #cont table h2 {
	color:#000;
	font-size: 1.2em;
	margin-top: 0px;
}

#cont h3, #cont table h3 {
	margin-top:0px;
	font-size: 1em;
	color: #000;
}


#cont h4, #cont table h4 {
	color:#000;
	margin-top:0px;
	font-size: 1em;
}

.tabelle {
	color:#666;
	font-size:0.9em;
}

#cont table img {
	border:none;
	border-width:0px;
}

#cont p, .kont #cont p , .kont #cont table p {
	color: #555;
	font-size: 0.9em;
}


#cont ul {
	color: #555;
	font-size:0.9em;
	list-style-image:url(../images/list_style_square.jpg);
}

#contNav a {
	font-size:0.9em;
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

#contNav li.aktiv a{
	font-size:0.9em;
	color:#100;
	text-decoration:none;
	font-weight:bold;
}


#contNav a.visited {
	color: #B30016;
	text-decoration: none;
}

#contNav a:hover {
	color:#666;
	text-decoration: underline;
}


#contNav {
	width:100%;
	height:3em;
	margin:0;
	padding:0;
	display:block;
}


.tabs {
	height:25px;
	overflow:hidden;
	border-bottom: 2px solid #a4a4a4;
	background-color:#FFF;
}

.tabs li {
	height:25px;
	float:left;
	background:url(../images/navigation_bar_gray.png);
	background-repeat:no-repeat;
	cursor:pointer; 
}

.tabs li a {
	height:25px;
	padding:3px 11px 0;
	float:left;
	background:url(../images/navigation_bar_gray_re.png);
	background-repeat:no-repeat;
	background-position: top right;
	text-decoration:none;
	line-height:1.65em;
}

.tabs li:hover, .tabs li.hover {
	background-image:url(../images/navigation_bar_gray_hover.png);
}

.tabs li a:hover, .tabs li a.hover {
	background-image:url(../images/navigation_bar_gray_hover_re.png);
	text-decoration:none;
	font-weight:bold;
}

.tabs li.aktiv {
	background-image:url(../images/navigation_bar_red.png);
}

.tabs li.aktiv a, .tabs li.aktiv a:hover{
	background-image:url(../images/navigation_bar_red_re.png);
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

div#contNav li {
	margin:0 1px;
	display:block;
	list-style-type:none;
	background-color:#e4e4e4;
	float:left;
	text-align:left;
	border-right:1px solid #ffffff;
 }
 
div#contNav ul {
	 margin:0;
	 padding:0;
	 list-style-type:none;
}

div.hrSichtbar {
	height: 2px;
	color: #999;
	width: 80%;
	border-style: none;
	border-width:0;
	clear: both;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
	margin-top: 1.5em;
	background-color:#999;
}



a{
    color:#e3001b;
    text-decoration:none;
}

div.hr {
	height:5px;
	width:50px;
	background-color:blue;
	clear:both;
	font-size:1px;
	overflow:hidden;
}

a:hover {
    color:#900;
    text-decoration:none;
}

h1 {
    padding:0;
    margin-top:0.3em;
    margin-bottom:0.8em;
    margin-left:0;
    margin-right:0;
    font-size: 1.6em;
    color:#000;
}


h2{
    color:#e3001b;
    font-size: 1.3em;
    padding:0;
    margin-top:0.3em;
    margin-left:0;
    margin-right:0;
    margin-bottom:0.8em;
}

h3{
    color:#000;
    font-size: 1.15em;
    padding:0;
    margin-top:0.3em;
    margin-left:0;
    margin-right:0;
    /*margin-bottom:0.8em;*/
}

table.login {
    border:0;
    empty-cells:hide;
}



/*
Damit die Formulare vernünftig aufgebaut werden können, ohne Tabellen zu verwenden
*/

.formarea {
    font-family:Arial, Helvetica, sans-serif;
    line-height:1.2em;
    background-color:#fff;
    padding:5px 0;
    margin-bottom:3px;
	text-align:left;
    width: auto;
	min-width:520px;
    display:block;
	clear:both;
}

.formarea * {
	margin:0;
	padding:0;
}

.formarea .button, .button, .buttonMitte {
	width:auto;
	height:auto;
	background-color:#ddd;
	padding: 1px 12px;
	margin: 0.5em 0;
}

.formarea div.formzeile,
.formarea p.formzeile {
	width:100%;
	min-height:1.4em;
	display:block;
	padding:0;
	margin: 4px 0 -2px 0;
	clear:both;
}

.formarea div.leer {
    content: ".";
    display: block;
	background-color:#009;
    height: 0;
	width:50%;
    clear: both;
    visibility: hidden;
}


.formarea .formfehler {
    border: 1px red solid;
}

.formarea hr {
    padding:0;
	height:0;
	border:none;
	background:none;
    display:block;
    margin:0 auto;
	width:50%;
    visibility:hidden;
    clear:both;
}

.formarea div.formlabel,
.formarea label.formlabel,
.formarea span.formlabel,
.formarea p.formlabel{
	color:#000;
    display: block;
    float:left;
    padding-top:2px;
    width: 145px;
    text-align:left;
    padding-right:5px;
}
	

.formarea div.formelement {
	min-height:1.4em;
	zoom:1;
    padding-left: 2px;
    padding-top:2px;
    display:block;
    float:left;
    text-align:left;
    vertical-align:top;
	width:70%;
}

.formelement label,
.formelement input,
input.formelement,
label.formelement  {
	font-weight:normal;
	margin-bottom:5px;
}

.formelement label.selectcategory {
	font-weight:bold;
}

.formelement input.inputbreit,
.formelement input.inputschmal {
	padding: 2px;
	min-height:1.35em;
	position:relative;
	top:-2px;
	line-height:1.3em;;
}

.formelement input[disabled] {
	background-color:#ddd;
}

.formelement label input {
	position:relative;
	top: 2px;
}


.formelement p {
	color:#000;
	font-weight:normal;
}

.formelement img{
    position:relative;
    top: -4px;
}


.formelement label {
    margin-left: 2px;
    margin-right: 2px;
}

.formarea label.error {
	color:#903;
    margin-left: 2px;
    margin-right: 2px;
}


.inputbreit {
    width: 350px;
    padding-left: 2px;
    border:1px solid #999;
}

.inputschmal {
    width: 150px;
    padding-left: 2px;
    border:1px solid #999;
}

.inputfile {
    width: 250px;
    padding-left: 2px;
}

.formradio {
    clear:both;
}

.ui-widget {
  font-family: "Arial",sans-serif;
  font-size: 1em;
  line-height:inherit;
}

.ui-menu {
  list-style: none outside none;
  width:35%;
  border:1px solid #999;
  text-align:left;
  height:10em;
  overflow-y:scroll;
  overflow-x: hidden;
  background-color:#FFF;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget :active {
  outline: medium none;
}

.ui-menu .ui-menu-item a {
  display: block;
  line-height: 1.5;
  padding: 0.2em 0.4em;
  text-decoration: none;
}


/* Tabellenformatierung */

table.portaltabelle.sortable,
table.portaltabelle {
	border-collapse:collapse;
	font-size:0.9em;
	cursor:default;
	margin-bottom:2em;
}



table.portaltabelle.sortable tr.odd,
table.portaltabelle tr.odd {
	background-color:#bbb;
}

table.portaltabelle.sortable tr.even,
table.portaltabelle tr.even {
	background-color:#ddd;
}

table.portaltabelle.sortable tr.hovered,
table.portaltabelle tr.hovered {
	background-color: #BADD96;
}

table.portaltabelle.sortable th.asc { 
    background-image: url(../images/sort_asc.gif); 
    background-color: #CC8888; 
} 

table.portaltabelle.sortable th.desc { 
    background-image: url(../images/sort_desc.gif); 
    background-color: #CC8888; 
} 


table.portaltabelle.sortable th{
    background-image: url(../images/sort_default.gif); 
    background-repeat: no-repeat; 
    background-position: center left; 
	background-color:#666;
	color:white;
	border:#fff 1px solid;
	padding:0 20px;
}

table.portaltabelle.sortable th.nosort{
	background-image:none;
}


table.portaltabelle th {
	background-color:#666;
	color:white;
	border:#fff 1px solid;
	padding:0 5px;
}
 
table.portaltabelle.sortable td,
table.portaltabelle td {
	border:#fff 1px solid;
	padding:0 5px;
}

div.topnavigation {
	width:100%;
	text-align:right;
	padding:0;
	margin: 0 0 1px 0;
	background-color:#666;
	color: #FFF;
}

div.topnavigation p {
	display:block;
	text-decoration:none;
	color: #fff;
	padding:8px 0;
	margin: 0 8px 0 0;
	line-height:1.4em;
	font-weight:normal;
}

div.topnavigation a{
	text-decoration:none;
	color: #fff;
	padding:0 25px;
	margin:0;
	font-weight:normal;
	background-image:url(../images/close_hover.png);
	background-position: right center;
	background-repeat:no-repeat;
}

div.topnavigation a:hover{
	text-decoration:underline;
	color:#CCC;
	font-weight:normal;
	background-image:url(../images/close.png);
}

div.footer {
    background: url("../images/footer_3m_logos.png") no-repeat scroll right center #FFFFFF;
    bottom: -50px;
    clear: both;
    display: block;
    height: 50px;
    min-width: 530px;
    position: absolute;
    right: 9.5%;
    width: 80%;
}

div.infodescription {
	position:relative;
	width:80%;
	min-width:450px;
	margin: 2em auto 0;
	padding: 25px 10px 0;
	border:1px solid #CCC;
	color:#666;
	line-height:1.4em;
	background:#FFF;
}

div.infodescription h1,
div.infodescription h2,
div.infodescription h3,
div.infodescription h4,
div.infodescription h5,
div.infodescription h6 {
	clear:both;
}

div.infodescription h2.title {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #999;
    left: -14px;
    line-height: 1.2em;
    margin: 0 0 2em;
    padding: 3px 15px;
    position: absolute;
    top: -15px;
	color: #333;
	-webkit-box-shadow: 1px 1px 2px 0px rgba(128, 128, 128, 0.5);
	-moz-box-shadow: 1px 1px 2px 0px rgba(128, 128, 128, 0.5);
	box-shadow: 1px 1px 2px 0px rgba(128, 128, 128, 0.5); 
}

div.infodescription h2.title:before {
    background: none repeat scroll 0 0 transparent;
    border-left: 45px solid transparent;
    border-top: 25px solid #DDDDDD;
    content: "";
    display: block;
    height: 20px;
    left: -1px;
    position: absolute;
    top: 31px;
    width: 8px;
    z-index: -1;
}

div.infodescription h3 {
	margin: 1.5em 0 0.5em 0;
}

div.infodescription h5 {
	margin: 0 0 1em 0;
	font-weight:normal;
	font-style:italic;
}

div.infodescription img.right,
div.infodescription img.image3m {
	float: left;
	margin: 0 10px 2em 0;
}

div.infodescription p {
	margin: 0 0 1em 0;
	font-size:0.85em;
}

div.hr, div.clearboth {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

div.infodescription.carwrapdescription ul {
	margin: 0 0 1em 0;
	padding: 0 0 0 280px;
	list-style:square;
	font-size:0.85em;
}