/* 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;
background: transparent url(images/bg-body.gif) left top repeat-x;
}

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

h1 { font-size:1 em; color:#335275;}
h2 { font-size:1.1em; color:#335275;}
e3 { 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 top no-repeat;
padding-left: 18px;
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;
}


/***************************************************** container ***********************************************************/

#wrapper-head { width:960px; background: transparent url(images/header-2.gif) left top no-repeat; height:249px; margin:auto; }
#wrapper-head-res { width:960px; background: transparent url(images/header-resources.gif) left top no-repeat; height:261px; margin:auto; }

#wrapper-content { width:960px; margin:auto; text-align:left; padding:0px; margin-top:-1px; background: transparent url(images/white-green.gif) left top repeat-y;}


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

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

#servicemenue ul li a { text-decoration: none; color:#75533a;}
#servicemenue ul li a:hover {text-decoration: none;}


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

#right {
margin:0px 0px 0px 0px;
padding:30px 0px 0px 0px;
width: 200px;
float:right;
background-color:#8dc63f;
}
#right p { padding:10px; color:#fff;}
#right strong { color:#fff;}
#right h2 { background-color:#cdc0a3; color:#fff; padding:3px; margin:0px;}

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

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

.radio {width:12px; background-color:#ddd; border:2px solid #999;}
.checkbox {width:12px; background-color:#ddd; border:2px solid #999;}

#story{
margin:0px 200px 0px 50px;
padding:10px 40px 0px 30px;
height: 80%;
min-height:300px;
background-color:#fff;
}

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

#story a:link { text-decoration:none; color:#0066ff;}
#story a:visited {text-decoration:none; color:#0066ff;}
#story a:hover { color:#0066ff; text-decoration:none;}
#story a:focus { color:#0066ff; 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/bullet.gif) left top no-repeat;
background-position:0 6px;
padding-left: 15px;
text-align: left;
line-height:1.6em;
}



table,td {border: 1px solid; border-color: #75533a; border-collapse: collapse; text-align: left;}
table{border:none; border:1px solid; border-color: #75533a;}
table.padded-table-2 td { padding-top:20px; padding-right:10px; padding-bottom:0px; padding-left:100px;}


thead th, tbody th {background:#cdc0a3;padding: 5px 5px; border-left: 1px solid; border-color: #75533a; text-align: left;  color:#75533a;}
tbody th{background: #cdc0a3;border-top: 1px solid #75533a;text-align: left; font-weight:bold;}
tbody tr td{padding: 5px 5px;color: #666; vertical-align:top;}
tbody th2{background: #cdc0a3;border-top: 1px solid #75533a;text-align: left; font-weight:bold;}

td.MyColumn1{color : red; display : table-cell;}
td.MyColumn2{border: 1px solid #ffffff; border-collapse: collapse;}
td.mittig{border: 1px solid; border-color: #75533a; border-collapse: collapse; vertical-align: middle;}
td.center{border: 1px solid; border-color: #75533a; border-collapse: collapse; text-align: center;}

td.left{border: 1px solid #FFFFFF; border-collapse: collapse; text-align: center; vertical-align: middle;}
td.right{border: 1px solid #FFFFFF; border-collapse: collapse; text-align: center;}


th.MyColumn3{color : blue; display : table-cell;}
table.mytable {border-style:solid; border-color:white; border-width:2px;}
td.mytable2{border-style:solid; border-color:white; border-width:2px;}

table.dyn {table-layout:fixed; border-collapse: collapse; border-bottom: solid 1px black; }
th.dyn{background:#cdc0b0; padding: 5px 5px; border-left: 1px solid; border-color: #75533a; text-align: left;  color:#cdc0b0;}
td.dyn{border: 1px solid #cdc0b0; border-collapse: collapse; overflow:hidden;}

table.tee2 {table-layout:fixed; border-collapse: collapse; border-bottom: solid 1px black; }
th.tee2{background:#cdc0a3; padding: 5px 5px; border-left: 1px solid; border-color: #75533a; text-align: left;}
td.tee2{border: 1px solid #75533a; border-collapse: collapse; overflow:hidden;}

table.paginate {font-family:arial; background-color: #FFFFFF; border-style:solid; border-color:white;}
td.paginate {background-color:#FFFFFF; color:black;border-style: solid; border-color:white; text-align: center;}

table.exp{font-family:arial; border-style:solid; border-color: #335275; background-color: #335275; }
th.exp {background-color: #8dc63f; color: white; text-align: center; }

table.add{font-family:arial; border-style:solid; border-color: #75533a; background-color: #335275; }
th.add {background-color: #cdc0b0; color: #75533a; text-align: center; }

form{ display:inline;}

#story-resources {
margin:0px 0px 0px 0px;
padding:10px 0px 0px 0px;
height: 80%;
min-height:300px;
background-color:#fff;
}

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

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

#story-resources  a.processed:link { text-decoration:none; color:#0066FF;}
#story-resources  a.processed:visited {text-decoration:none; color:#0066FF;}
#story-resources  a.processed:hover { color:#0066FF; text-decoration:none;}
#story-resources  a.processed:focus { color:#0066FF; text-decoration:none;}


fieldset { border:none; padding:5px;}
fieldset a { padding-bottom:10px; padding-top:-5px;margin-left:30px;}
label{width:10em; margin:3px 15px 0px 0px; float:left; text-align:right;}
input {border:1px solid #cdc0a3; width:12em;}
input.button {border:1px solid #cdc0a3; width:8em; color:#75533a;}
input.button2 {border:1px solid #cdc0a3; color:#75533a;}
input.button3 {border:1px solid #cdc0a3; width:6em; color:#75533a;}

input.textfield {border:1px solid #cdc0a3; width:6em;}
input.textfield2 {border:1px solid #cdc0a3; width:2em;}

.button:hover {border:1px solid #cdc0a3; width:8em; color:#000000;}

textarea {border:1px solid #ccc; overflow:hidden;}
select {border:1px solid #ccc; width:14em;}
select.box {border:1px solid #ccc; width:5em;}

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

#footer {
clear:both; 
height:92px; 
padding:0px;
margin:auto;
font-size:0.9em;
width:960px;
border-top:1px solid #cdc0a3;
color:#666;
text-align:left;
margin-top:0px;
}

#footer .adress1 { width:180px; float:left; margin-left:100px; margin-right:30px; height:80px;margin-top:10px; }
#footer .adress2 { width:180px; float:left; margin-right:30px; height:80px;margin-top:10px; }
#footer .adress3 { width:180px; float:left; height:80px;margin-top:10px; }


/******************************************************** sliding window ****************************************************/


#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/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:#75533a;}
 
#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;
}