html, body { 
background-color: #333333;
margin: 0;
padding: 0;
height: 100%; 
/*background-image:url('images/background.jpg');
background-attachment: fixed;
background-repeat: no-repeat;
background-position: left top; 
background-size: 100% 100%;*/
background:  url('//www.sonnenstaatland.com/ssl-bg-blur-small.jpg') fixed left top no-repeat;
background-size: cover;
font-family: ‘Courier New’, Courier, monospace;
font-size:12px;
}
table {
	font-family: ‘Courier New’, Courier, monospace;
	font-size:12px;
}
#wrapper {
z-index:2;
background-image:url('images/oldpaper2.jpg');
background-color: #FFFFFF;
background-size: 100% 100%;
width: 800px; 
margin: auto; 
min-height: 100%; 
height:auto !important; 
height:100%; 
overflow: hidden !important;
-moz-box-shadow: 0px 0px 25px #000000;
-webkit-box-shadow: 0px 0px 25px #000000;
box-shadow: 0px 0px 25px #000000;
border-left-width:1px;
  border-left-style:solid;
  border-left-color:grey;
  padding-left:1px;
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:grey;
  padding-right:1px;
}
#wrapper_akte {
z-index:1;
background-image:url('images/akte.png');
background-size: 100% 100%;
width: 945px; 
margin: auto; 
min-height: 100%; 
height:auto !important; 
height:100%; 
overflow: hidden !important;

}

.content_table {
    width:900px;
    min-height: 100%;
    height: 100%;
    vertical-align: top;
    margin-left:auto; 
    margin-right:auto;
    border: 0px solid #333333;
    border-collapse: collapse;
    border-spacing: 0px;
}
.content_table td {
	vertical-align: top;
	/*border: 0px solid #333333;*/
}

.content_td {
	background-image:url('images/oldpaper2.jpg');
background-color: #FFFFFF;
background-size: 100% 100%;
width: 800px; 
margin: auto; 
min-height: 100%; 
height:auto !important; 
height:100%; 
border-left-width:1px;
	border-left-style:solid;
	border-right-width:1px;
	border-right-style:solid;
	border-color:#a2a2a2;
}

.akte_links_td {
		background-image:url('images/akte_links.png');
background-size: 100% 100%;
width: 70px; 
margin: auto; 
min-height: 100%; 
height:auto !important; 
height:100%; 
overflow: hidden !important;
border: 0px solid #333333;
}

.akte_rechts_td {
			background-image:url('images/akte_rechts.png');
background-size: 100% 100%;
width: 70px; 
margin: auto; 
min-height: 100%; 
height:auto !important; 
height:100%; 
overflow: hidden !important;
border: 0px solid #333333;
}

#fixed-div {
    position: fixed;
    top: 1em;
    right: 1em;
}
a {font:12px ‘Courier New’, Courier, monospace;}
a:link {color:#B58802;}      /* unvisited link */
a:visited {color:#B58802;}  /* visited link */
a:hover {color:#FFC000;}  /* mouse over link */
a:active {color:#B58802;}  /* selected link */

a.download {font:18px ‘Courier New’, Courier, monospace;}
a.download:link {color:#cfffde;}      /* unvisited link */
a.download:visited {color:#cfffde;}  /* visited link */
a.download:hover {color:#afd0b9;}  /* mouse over link */
a.download:active {color:#cfffde;}  /* selected link */

.hr_fade {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
}

hr{
      background:url('images/hr3.png') no-repeat center;
      border: 0;
      height: 10px;
      background-size: 750px 10px;
}

#vereidigung {
    position: relative;    
}

#floater_secret {
   position: absolute;
   top: -25px;
   left: 100px;
   z-index:4;
}

#urkunde {
    position: relative;    
}

#floater_vorschau {
   position: absolute;
   top: 0px;
   left: 100px;
   width: 560px;
   height: 1184px;
   z-index:3;
   background-image: url('images/vorschau.png');
}

#dl-div{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px dotted #0f3007;
	background-color: #3c8213; 
}
.success{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px dotted #0f3007;
	background-color: #2e7e00;
	color: #ffffff; 
}
.sec_token{
	width: 565px;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px dotted #ff5a00;
	background-color: #ffc800;
	color: #000000; 
}
.fail{
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px dotted #0f3007;
	background-color: #fc593c; 
}
.valign_middle{
	vertical-align: middle;
}
#zentriert_spacer {
 float:left;
 height:50%;
 width:1px;
 margin-bottom: -175px;
}
#zentriert_container_check {
 clear:both;
 position:relative;
 margin:0 auto;
 height:350px;
 width:500px;
 border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border: 2px solid #0f3007;
	background-color: #2e7e00;
	color: #000000;
background-image:url('images/oldpaper2.jpg');
background-size: 100% 100%;
-moz-box-shadow: 0px 0px 25px #000000;
-webkit-box-shadow: 0px 0px 25px #000000;
box-shadow: 0px 0px 25px #000000;
}
.loading {
  background-image: url('images/preload.gif');
}
.check_style {
  color:green;
}
.check_style_error {
  color:red;
  margin:0px;
}
table.admin { width:100%; }
td.admin { border:0px solid #000; vertical-align:top; font:12px ‘Courier New’, Courier, monospace; width: 1px;}
td.admin_0 { border:0px solid #000; vertical-align:top; font:12px ‘Courier New’, Courier, monospace; background-color:#f1f1f1; width: 100px; background-image: url('images/ricepaper.png');}
td.admin_1 { border:0px solid #000; vertical-align:top; font:12px ‘Courier New’, Courier, monospace; background-color:#dddddd; width: 100px; background-image: url('images/ricepaper2.png');}
td.admin_last_0 { border:0px solid #000; vertical-align:top; font:12px ‘Courier New’, Courier, monospace; background-color:#f1f1f1; width: 100px; background-image: url('images/ricepaper.png'); border-collapse:collapse; border-bottom: 1px solid #000;}
td.admin_last_1 { border:0px solid #000; vertical-align:top; font:12px ‘Courier New’, Courier, monospace; background-color:#dddddd; width: 100px; background-image: url('images/ricepaper2.png'); border-collapse:collapse; border-bottom: 1px solid #000;}
/* Einschränken des sichtbaren Ausschnitts */
.upload {
    position: absolute; 
    clip: rect(0px 76px 27px 0px);
    margin: 20px;
    cursor: pointer;
}
/* Upload Button ausblenden */
.upload::-webkit-file-upload-button {
    visibility: hidden;
    opacity: 0;
}
.upload:before {
    /* Beschriftung des Buttons mit CSS content */
    content: 'Upload';
                    
    /* Aussehen des Buttons */
    display: inline-block;
    width: 50px;
    padding: 0 12px;
    font-size: 12px;
    height: 25px;
    line-height: 25px;
    color: #333333;
    text-align: center;
    cursor: pointer;

    background-color: #f5f5f5;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
    background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
                    
    border: 1px solid #e6e6e6;
    border-bottom-color: #b3b3b3;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;*/
}
#modal_popup {
	display:none;
	background-color:#fff;border-radius:10px 10px 10px 10px;box-shadow:0 0 25px 5px #000000;color:#111;display:none;min-width:450px;padding:25px;min-height: 500px;
}
#modal_popup iframe{
	background:url('images/preload.gif') center center no-repeat;min-height:500px;min-width:450px
}
.loading{
	background:url('images/preload.gif') center center no-repeat
}
button_mp{
	background-color:#ffe100;
	border-radius:10px;
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
	color:#fff;
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	text-align:center;
	text-decoration:none
}
.button_mp.small{
	border-radius:15px;
	float:right;
	margin:22px 5px 0;
	padding:6px 15px
}
.button_mp:hover{
	background-color:#1e1e1e
	color: #000000;
}
.button_mp>span{
	font-size:84%
}
.button_mp.b-close,.button_mp.bClose{
	background-color:#ff5600;
	border-radius:10px;
	box-shadow:0 2px 3px rgba(0,0,0,0.3);
	color:#fff;
	cursor:pointer;
	display:inline-block;
	padding:10px 20px;
	text-align:center;
	border-radius:7px 7px 7px 7px;
	box-shadow:none;
	font:bold 131% sans-serif;
	padding:0 6px 2px;
	position:absolute;
	right:-7px;top:-7px
}

.info, .js_info,.success1, .warning, .js_warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.js_info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('images/info.png');
}
.success1 {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.js_warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('images/error.png');
}
.adminarea{display:none}
#confirm_kommissar{display:none}
.sitenav { 
background-color: #000066; 
} 
.sitenav td { 
background-color: #e9ebef; 
padding: 3px; 
font-size: 11px; 
text-align: center; 
} 
.sitenav td a { 
color: #990000; 
text-decoration: none; 
} 
.sitenav td a:hover { 
color: #000066; 
text-decoration: none; 
}
#message_box {
  position: fixed;
  bottom: 0;
  width: 100%;
  color: #ffffff;
  height: 35px;
  text-align: center;
  padding-top: 15px;
  /* Adds shadow to the bottom of the bar */
  -webkit-box-shadow: 0px 0px 8px 0px #000000;
  -moz-box-shadow: 0px 0px 8px 0px #000000;
  box-shadow: 0px 0px 8px 0px #000000;
  /* Adds the transparent background */
  background-color: rgba(5,5,5,0.8);
  color: rgba(1, 1, 1, 0.8);
}

#message_box a {
	font-size: 14px;
	padding-left: 15px;
	padding-right: 15px;
	color: white;
	text-decoration: none;
}

#message_box a:hover {
	color: grey;
}