/* CSS Document */

body{
height:100%;
margin: 0;
padding: 0;
font-family:Arial, Helvetica, sans-serif;
color:#666;
font-size:0.7em; 
/*text-align: center;fuer IE_quirks (Fehlt die Doctype-Angabe, wird der Quirks-Modus verwendet)*/
font-weight:normal;
line-height:1.5em;
}

p {margin:0; padding:0;line-height:1.5em;}
*html p { line-height:1.1em;}
strong {color:#666;}

h1 { font-size:1 em; color:#335275;}
h2 { font-size:1.1em; color:#335275;}

hr {height: 1px;border: 0 none; border-top: 1px dotted #ccc; margin-top:10px;}

.top {
background: transparent url(images/icons/top.gif) left center no-repeat;
padding-right: 20px;
font-size:0.9em;
}
.back {
background: transparent url(images/icons/back.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.extern {
background: transparent url(images/icons/extern.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.intern {
background: transparent url(images/icons/arrow_right.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}
.download {
background: transparent url(images/icons/pdf.gif) left center no-repeat;
padding-left: 18px;
font-size:1em;
}
.print {
background: transparent url(images/print.gif) left center no-repeat;
padding-left: 20px;
font-size:1em;
}


/***************************************************** servicemenue ***********************************************************/

#header { width:950px; background: transparent url(images/mtrix-header.gif) left top no-repeat; height:165px; margin:auto; }
#header-2 { width:950px; background: transparent url(images/mtrix-header-orange.gif) left top no-repeat; height:165px; margin:auto; }

#header-3 { width:950px; background: transparent url(images/mtrix-header-2.gif) left top no-repeat; height:165px; margin:auto; }
#header-4 { width:950px; background: transparent url(images/mtrix-header-3.gif) left top no-repeat; height:165px; margin:auto; }


#servicemenue ul {padding: 0;list-style-type: none; margin:20px 0px 0px 0px; font-size:0.9em; float:right;}
#servicemenue ul li { 
display: block;
float:left;
text-decoration: none;
padding: 0 10px 0 10px;
border-right: 1px solid #596a7a;
text-align: center;}

#servicemenue ul li a { text-decoration: none; color:#666;}
#servicemenue ul li a:hover {text-decoration: none;}
#servicemenue ul li.minusRand { 
text-decoration: none;
padding: 0 1px 0 7px;
border-right: 0;
text-align: center;
color:#fff;
}

#wrapper-content { width:950px; margin:auto; background-color:#fff; text-align:left; padding:0px;}


/*********************************************** boxes left**************************************************/

#left {
width:180px; margin-left:0px;
float:left; 
margin:30px 0px 0px 0px;
padding:0px;
background-color:#f1efeb;
}
*html #left { margin-top:70px;}
*+html #left { margin-top:70px;}

#left p { padding:5px;}
#left .spacer { background-color:#FFFFFF; height:10px; width:180px; }
#left .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px;}

#left a:link { text-decoration:none; color:#ff6600;}
#left a:visited {text-decoration:none; color:#ff6600;}
#left a:hover { color:#ff6600; text-decoration:none;}
#left a:focus { color:#ff6600; text-decoration:none;}

/*********************************************** boxes right**************************************************/

#right {
margin:30px 0px 0px 0px;
padding:0px;
width: 180px;
float:right;
}
*html #right { margin-top:70px;}
*+html #right { margin-top:70px;}


#right p { padding:5px;}
#right .spacer { background-color:#FFFFFF; height:10px; width:180px; }
#right .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px;}
#right h3 { background-color:#d3d8dc; color:#596a7a; padding:3px; margin:0px; font-size:1em;}

#right a:link { text-decoration:none; color:#ff6600;}
#right a:visited {text-decoration:none; color:#ff6600;}
#right a:hover { color:#ff6600; text-decoration:none;}
#right a:focus { color:#ff6600; text-decoration:none;}

/****************************** Definitionen fuer den Inhaltsbereich ***************************************/


#story{
margin:30px 185px 0px 190px;
padding:0px 30px 0px 30px;
height: 80%;
min-height:300px;
}

#story p {line-height:1.5em;}
#story h1 { font-size:1.2em; color:#f60;}
#story h2 { font-size:1em; color:#8b97a2;border: 0 none; border-bottom: 1px dotted #ccc; margin:0px; padding:0px;}
#story h3 { font-size:1em; color:#8b97a2; }

#story a:link { text-decoration:none; color:#ff6600;}
#story a:visited {text-decoration:none; color:#ff6600;}
#story a:hover { color:#ff6600; text-decoration:none;}
#story a:focus { color:#ff6600; text-decoration:none;}


#story img.right { float:right; margin:0 5px 5px 20px;}
#story img.left { float:left; margin:0 20px 10px 0;}

#story ul { list-style:none; margin-left:-30px;}
*html #story ul { margin-left:5px;}
*+html #story ul { margin-left:10px;}

#story ul li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}

#story .teaser-box { min-height:100px; width:500px; margin-bottom:20px; float:left;}

#story .spacer-left { float:left; width:100px;}
#story .spacer-left-180 { float:left; width:180px; font-weight:bold;}




table,td {border: 1px solid #ccc; border-collapse: collapse;}
table{border:none;border:1px solid #ccc;}
thead th, tbody th {background:#e5eaef;padding: 5px 5px; border-left: 1px solid #ccc; text-align: left;  color:#666;}
tbody th{background: #e5eaef;border-top: 1px solid #ccc;text-align: left; font-weight:bold;}
tbody tr td{padding: 7px 5px;color: #666;vertical-align:top;}

tbody tr.bg-blue {vertical-align:top; background-color:#f0f4f8;}

fieldset.border { border:1px solid #ccc; padding:10px;}

fieldset { border:none; padding:5px;}
fieldset a { padding-bottom:10px; padding-top:-5px;margin-left:30px;}
legend {color:#f60; font-weight:bold;}
label{width:12em; margin:3px 10px 0px 0px; float:left; text-align:right;}
input {border:1px solid #ccc; width:14em;}
input.plz { width:6em;} input.button {border:1px solid #ccc; width:8em; font-size:0.9em; color:#666;}

fieldset.input-left input { width:5em; border:none;}


textarea {border:1px solid #ccc;}
select {border:1px solid #ccc; width:14em;}

span.red { color:#f60; padding-left:5px; font-weight:bold; font-size:1.3em;}

/***************************************** Menue */
    
	#submenue { width:180px; margin-top:30px; margin-left:0px;float:left;}
	*html #submenue { margin-top:70px;}
	*+html #submenue { margin-top:70px;}
	
	#submenue .headline { background-color:#999; color:#fff; padding:2px 2px 2px 4px; margin:0px;}
	#submenue ul {
	list-style: none;
	margin:0px;
	padding: 0;
	border: none; 
	}
	#submenue ul li {
	border-bottom:1px dotted #fff;margin: 0;
	background-color:#f1efeb;
	}
	#submenue li a {margin: 0; display: block; padding: 5px 2px 3px 20px; color: #596a7a; text-decoration: none; 
	background: transparent url(images/icons/arrow_right.gif) left center no-repeat;
	}

	#submenue li a.active { padding:5px 2px 3px 20px; background: #e5eaef url(images/icons/arrow_right_on.gif) left center no-repeat; color:#f60}
	#submenue li a:hover {  padding:5px 2px 3px 20px; background-color:#e5eaef;}   
	
	#submenue ul ul { background-color:#f6f6f6;}
	#submenue ul ul li { margin-left:20px; background-color:#f6f6f6; border-top:1px dotted #fff;}


/******************************************************** footer ****************************************************/

#footer {
clear:both; 
height:20px; 
padding:0px 0px 0px 0px;
margin:auto;
font-size:1em;
width:950px;
color:#666;
text-align:left;
border-top:1px dotted #ccc;
margin-top:10px;
}



#PBBAcp-Box {
padding-bottom: 24px;
background: url('images/bg-box-bottom.png') bottom left no-repeat !important;
background: url('images/bg-box-bottom.gif') bottom left no-repeat;
}
 
#PBBAcp-InBox {
padding-top: 15px;
background: url('images/bg-box-top.png') top left no-repeat !important;
background: url('images/bg-box-top.gif') top left no-repeat;
}
 


#PBBAcp-BoxContent {
background: url('images/bg-box-body.png') top left repeat-y !important;
background: url('images/bg-box-body.gif') top left repeat-y;
padding: 0 20px 0 30px;
}

#PBBAcp-BoxContent a:link { text-decoration:none; color:#ff6600;}
#PBBAcp-BoxContent a:visited {text-decoration:none; color:#ff6600;}
#PBBAcp-BoxContent a:hover { color:#ff6600; text-decoration:none;}
#PBBAcp-BoxContent a:focus { color:#ff6600; text-decoration:none;}

#PBBAcp-BoxContent ul {
list-style:none; margin-left:-30px;
}

*html #PBBAcp-BoxContent ul { margin-left:5px;}
*+html #PBBAcp-BoxContent ul { margin-left:10px;}

#PBBAcp-BoxContent ul li {
margin-left:0px;
background: transparent url(images/icons/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}
#PBBAcp-BoxContent p {line-height:1.5em;}
#PBBAcp-BoxContent h1 { font-size:1.2em; color:#335275;}
 
#PBBAcp-Box input {
border:none; background-color:#fff; font-size:1em; color:#f60;
}

 
#PBBAcp-Box .BoxAlert {
text-align: left;
}
 
#PBBAcp-Box .BoxConfirm {
text-align: center;
}
 
#PBBAcp-Box .BoxPrompt {
text-align: left;
}

/*

#form fieldset.border { border:1px solid #ccc;; padding:10px;}

#form fieldset { border:none; padding:5px;}
#form fieldset a { padding-bottom:10px; padding-top:-5px;margin-left:30px;}
#form legend {color:#f60; font-weight:bold;}
#form label{width:12em;  margin:3px 10px 0px 0px;  float:left; text-align:right;}
#form input {border:1px solid #ccc; width:14em;}
#form input.plz { width:6em;}#form input.button {border:1px solid #ccc; width:8em; font-size:0.9em; color:#666;}

#form fieldset.input-left input { width:5em; border:none;}


#form textarea {border:1px solid #ccc;}
#form select {border:1px solid #ccc; width:14em;}

#form span.red { color:#f60; padding-left:5px; font-weight:bold; font-size:1.3em;}

*/