/* for Eric Meyer’s CSS Reset (most current)
   see file .cssreset.css */

/* ACPL specific */

body, html {
background-image:url(res/backgrnd.jpg);
background-repeat:repeat-x;
background-color: #EEEEEE;
/*background-color: #FFFFEE;
background-color: #F8FFF8;*/
margin: 0px;
padding:0px;
}

div.unsichtbar{
   visibility: hidden;
}

div.sichtbar{
   visibility: visible;
}

table.htable th {
   text-align: left;
   line-height: 100%;
}

table.htable td {
   padding-left: 20px;
   line-height: 100%;
}

/* ----------container zentriert das layout-------------- */
#container {
   width: 1000px;
   margin: 0 auto;
   padding: 0;
   /* background-repeat: repeat-y; */
   background-color: #CCFFFF;
   border-left: 2px ridge black;
   border-right: 2px ridge black;
}

/* ----------Kopfbereich-------------------*/
#kopf{
border:0px solid red;
padding: 0px;
margin: 0px;
width: 1000px;
background-image: url('res/tarpccffff.jpg');
background-repeat: repeat-x;
z-index:6;
text-align: center;
}

.ueberschrift {
   padding-top: 60px;
   font-family: Arial;
   font: arial rounded MT bold;
   font-size: 60px;
   font-weight: bold;
}

/* ----------banner for logo-------------- */
#leftside {
float: left;
border: solid red 0px;
padding: 0px;
margin: 0px;
width: 250px;
}

#logo{
position: absolute;
border:0px blue solid;
background-image: url('res/logo.gif');
margin-left: 900px;
margin-top: 200px;
padding: 0;
height:126px;
width:205px;
}

#loginbox{
position: relative;
border:0px blue solid;
background-image: url('res/logo2.gif');
background-repeat: no-repeat;
background-position: center;
height:185px;
width:300px;
}

#shout{
position: absolute;
margin-top: 25px;
margin-left: 20px;
height: 340px;
width: 615px;
border: 0px red solid;
padding: 0;
text-align: left;
}
#kopic{
position: absolute;
border:0px red solid;
/*background-repeat: no-repeat;
background-image: url('img/ads/pp.gif');*/
margin-left: 645px;
margin-top: 40px;
padding: 0;
height:320px;
width:355px;
overflow: hidden;
}

#sonderbox{
position: absolute;
margin-left:645px;
margin-top: 343px;
padding:0px;
height:50px;
width:320px;
border:0px green solid;
}

#navigation {
float: left;
/*margin-top: 50px;
margin-left: 8px;*/
/*margin: 0px;
padding: 0px;*/
width: 280px;
border: blue solid 0px;
}

#roll {
width:250px;
padding-left:10px;
margin-top: 0px;
margin-bottom:5px;
border: red solid 0px;
}

.acplstory {
   border:1px solid grey;
   width:260px;
   line-height:140%;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
}
div.cert {
padding-top:0px;
/*padding-left:53px;
*/padding-left:10px;
}

#ad{
padding-left: 25px;
}

#rightside {
min-height: 100%;
padding: 0px;
margin: 0px;
margin-left: 20px;
width: 875px;
border: solid green 0px;
}

/* nur für L_Layout */

#ll_top {
margin-left:0px;
padding: 0;
background-image:url(res/wptop.jpg);
background-repeat:repeat-x;
height:450px;
width:100%;
}

#navigation {
   z-index: 8;
}

#ll_edge {
margin-top: 0;
margin-left: 0px;
padding: 0;
vertical-align:15px;
height:450px;
width:200px;
z-index: 6;
/*border: red solid 1px;*/
}

#werbung {
/*margin: 0;*/
/*margin-top: 50px;*/
margin-left: 10px;
padding: 0;
/*vertical-align: -40px;*/
vertical-align: 30px;
}

/* end nur für L-Layout */

#ilwerbung {
display: none;
}
#searchcontrol {
margin-top: 20px;
margin-left: 20px;
}

#content{
border: solid blue 0px;
padding-left: 0px;
margin-left:10px;
margin-right:10px;
margin-top: 0px;
min-height: 400px;
}

#drucken{
border: solid blue 0px;
padding-left: 0px;
margin-left:40px;
margin-right:20px;
margin-top: 0px;
}

div.unseen {
display:none;
}

footer{
clear:left;
margin-top:20px;
width:958px;
text-align:center;
color:blue;
font-size:10px;
bottom: 20px;
}

/*.chngpsw{
background-image: url('res/chngpsw1.gif');
}*/

.chngpsw:hover{
   background-image: url('res/chngpsw2.gif');
}

.forgotpsw{
   font-size: 10px;
   color: white;
}

.logintable {
 position: relative;
 top: 20px;
 left: 50px;
 font-family:Verdana,Arial,sans-serif;
 line-height: 200%;
 font-size:16px;
 width: 200px;
}

.loginuserField
{  background-color: #FFFFCC;
   BORDER-RIGHT: #7f7f7f 1px solid;
   BORDER-TOP: #7f7f7f 1px solid;
   BORDER-LEFT: #7f7f7f 1px solid;
   BORDER-BOTTOM: #7f7f7f 1px solid;
   FONT-SIZE: 14px;
}

.loginpswField
{  background-color: #FFFFCC;
   BORDER-RIGHT: #7f7f7f 1px solid;
   BORDER-TOP: #7f7f7f 1px solid;
   BORDER-LEFT: #7f7f7f 1px solid;
   BORDER-BOTTOM: #7f7f7f 1px solid;
   FONT-SIZE: 12px;
   width: 100px;
}

/*.table {
 font-family:Verdana,Arial,sans-serif;
 font-size:12px;
}*/

.logouttable {
 position: relative;
 top: 30px;
 left: 30px;
 font-family:Verdana,Arial,sans-serif;
 line-height: 200%;
 font-size:16px;
 width: 250px;
}

.inputField {
   background-color: #FFFFAA;
   border-right: #7f7f7f 1px solid;
   border-top: #7f7f7f 1px solid;
   border-left: #7f7f7f 1px solid;
   border-bottom: #7f7f7f 1px solid;
   font-size: 12px;
   width: 360px;
}

.inputTextarea
{  background-color: #FFFFCC;
   BORDER-RIGHT: #7f7f7f 1px solid;
   BORDER-TOP: #7f7f7f 1px solid;
   BORDER-LEFT: #7f7f7f 1px solid;
   BORDER-BOTTOM: #7f7f7f 1px solid;
   FONT-SIZE: 12px;
}

.errorField
{
   BORDER-RIGHT: #9F0004 1px solid;
   BORDER-TOP: #9F0004 1px solid;
   BORDER-LEFT: #9F0004 1px solid;
   BORDER-BOTTOM: #9F0004 1px solid;
   FONT-SIZE: 12px;
   WIDTH: 360px;
   background-color: #FFFFCC;
}
.errorTable
{
   BORDER-RIGHT: #9F0004 1px solid;
   BORDER-TOP: #9F0004 1px solid;
   BORDER-LEFT: #9F0004 1px solid;
   BORDER-BOTTOM: #9F0004 1px solid;
   padding: 20px;
   padding-left:30px;
   padding-right:30px;
   margin-bottom:20px;
   FONT-SIZE: 12px;
   background-color: #FFFF99;
}.helpTable
{
   BORDER-RIGHT: #9F0004 1px solid;
   BORDER-TOP: #9F0004 1px solid;
   BORDER-LEFT: #9F0004 1px solid;
   BORDER-BOTTOM: #9F0004 1px solid;
   FONT-SIZE: 12px;
   background-color: #F4F4F4;
}
.formTable
{
   BORDER-RIGHT: #9F0004 1px solid;
   BORDER-TOP: #9F0004 1px solid;
   BORDER-LEFT: #9F0004 1px solid;
   BORDER-BOTTOM: #9F0004 1px solid;
   FONT-SIZE: 12px;
   background-color: #E2E2E2;
}

.headlineweiss
{
   background-image:url(res/headline.jpg);
   color: #FFFFFF;
   font-size: 14px;
}

.formbutton
{
   font-family:Verdana,Arial,sans-serif;
   font-size:12px;
   BORDER-RIGHT:#000000 0px solid;
   BORDER-TOP:#000000 0px solid;
   BORDER-LEFT:#000000 0px solid;
   BORDER-BOTTOM:#000000 0px solid;
 background-image:url(res/btn.jpg);
 height:25px;
 width:100px;
 color:white;
}

/* jquery */

.ui-dialog {
   background-color: GhostWhite;
}

.ui-dialog .ui-dialog-titlebar {
   background-color: #d2d3d6;
   border: 1px solid orange;
   padding-right: 0.4em;
   border-radius: 4px;
   margin: 2px;
}

.ui-dialog .ui-dialog-title {
   width: 85%;
   overflow: hidden;
}
.ui-widget-overlay {
   opacity: 0.5;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
   border-top-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
   border-top-right-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
   border-bottom-left-radius: 8px;
}
.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
   border-bottom-right-radius: 8px;
}
.ui-button {
   border: 1px solid #cccccc;
   background: #f6f6f6;
   font-weight: bold;
   color: #1c94c4;
}

.ui-button:hover {
   border: 1px solid #fbcb09;
   background: #fdf5ce;
   font-weight: bold;
   color: #c77405;
}


.ui-button:active,
.ui-button.ui-state-active:hover {
   border: 1px solid #fbd850;
   background: #fff;
   font-weight: bold;
   color: #eb8f00;
}