body, html, iframe {
margin:0px;padding:0px;
font-family: "Times New Roman", Times, serif;
font-size:16px;
line-height:18px;
color:#231f20;
}

#backtoprojects a {
font-family:Arial,sans-serif;
font-size:12px;
color:#666;
text-decoration:none;
}

#backtoprojects a:hover {
color: black;
}


/* ================================= 
   Content
   ================================= */
.platocontent, .platocontent p, .platocontent tbody, .content-wrapper, .cms_content_content {
font-family:Arial,sans-serif;
font-size:11px;
text-decoration:none;
line-height:18px;
} 
   
.platocontent h1, .cms_h1_content {
color:#444;
font-size:30px;
font-weight:normal;
margin:0px; 
padding:0px 0px 10px 0px;
line-height:normal;
font-family:Arial,sans-serif;
}

.platocontent h2, .cms_h2_content {
font-size:20px;
font-weight:bold;
margin:0px; 
padding:0px 0px 10px 0px;
line-height:normal;
font-family:Arial,sans-serif;
}

.platocontent h3 {
font-size:11px;
font-weight:bold;
margin:0px; 
padding:9px 0px 4px 0px; 
}

form {
display:inline;
}

img {
border:none;
}

p {
margin:0px;
padding:8px 0px 0px 0px;
}

hr {
margin:4px 0px; 
padding:0px 0px;
}

a, a:active, select, a img, img, map, area, area:focus, input, input:focus, button, button:focus {
outline:none;
-moz-outline-style:none;
}

/* Always show vertical scroll */
/*
html.plato {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}
*/

/* ========================================================================= */
/* ========================================================================= */

/*
ul {
margin:5px 5px 5px 0px;
padding:0px;
list-style-type:none;
}

ul ul {
margin:5px 10px 0px 15px;
}

ul li {
margin:0px;
padding:0px 0px 0px 10px;
background:url(/layout/list_item.png) no-repeat 0px 10px;
}
*/

/* ========================================================================= */
/* ========================================================================= */
body { 
height:100%;
}

#header {
height:215px; /*155px*/
text-align:center;
position:fixed;
width:100%;
top:0;
background-color: white;
/*background-color: rgba(100%,100%,100%,100%.5);*/
}

#header img {
margin-top:30px;
}

#mainbody {
height:100%;
width:auto;
}

#contentbody {
margin-top:195px; /*155px*/
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
width:97%;
padding:20px 0px;
}

footer {
height:30px;background:black;color:white;text-align:center;
font-family:Arial,sans-serif;
font-size: 10px;
position:fixed;
width:100%;
bottom:0;
}

footer a {
line-height:30px;
color:#fff;
text-transform:uppercase;
/*font-weight:bold;*/
text-decoration:none;
padding:0px 10px;
}
footer a:hover{
text-decoration:underline;
}

.menu {
width:1100px;text-align:center;margin:10px auto 10px auto;white-space:nowrap;

}

/*
 * Content: Impressum, AGB usw.
 */

.alt_header {
font-size: 14px;
width: 100%;
text-align:center;
margin-top: 110px;
white-space:nowrap;
font-weight: bold;
font-family: Arial, sans-serif
}

.alt_header_line {
text-align:center;
width: 110px;
border-bottom: 5px solid black;
white-space:nowrap;
margin: 5px  auto 60px auto;
}

.contenttxt {
text-align: center;
font-size: 11px;
text-transform: uppercase;
text-align:left;
margin:auto;
margin-top: 37px;
width: 1135px;
}

.contenttxt a {
text-decoration: none;
color: black;
}

.contenttxt p {
    line-height: 24px;
}

.cont_left, .cont_right {
    margin-bottom: 50px;
    width: 504px;    
}

.cont_right {
    float:right;
}

.cont_left {
    float:left;
}

.cont_mid {
    width: 149px;
    margin: 0px auto;
    
}

.cont_mid a {
text-decoration: none;
color: black;   
}



.menubox {
font-family: "Courier New", Courier, monospaced;
font-size:11px;
text-align:left;
line-height:30px;
float:left;
margin:0px 40px;
cursor:pointer;
width:160px;
}

.menubox_client {
font-family: "Courier New", Courier, monospaced;
font-size:12px;
text-align:left;
line-height:30px;
margin-left: 18%;
cursor:pointer;
width:160px;
}

.menubox a, .menubox_client a {
text-decoration: none;
color: grey;
}

.menubox .mtxt, .menubox_client .mtxt{
border-bottom:1px solid #555658;
padding:0px 5px;
}

.menubox_client .msubtxt {
font-family:Arial,sans-serif;
font-size:12px;
text-transform:uppercase;
padding:0px 5px;
border:1px solid transparent;
border-top:none;
line-height:25px;

}



.menubox .msubtxt {
	font-family:Arial,sans-serif;
	color:#98989B;
	font-size: 10px;
	text-transform:uppercase;
	padding:0px 5px;
	border:1px solid transparent;
	border-top:none;
	line-height:25px;
	margin-top: 3px;
	white-space: nowrap; 
	min-width:140px;
	width: 148px; 
	overflow: hidden; 
	text-overflow: ellipsis;
}

.menubox .msubtxt:hover{
	width:auto;
	overflow: visible;
	background:#fff;
	
}

.menubox ul {
padding:0px;
margin:0px;
display:none;
background:white;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom: 1px solid #cccccc;
}

.menubox ul li {
font-family:Arial,sans-serif;
color:#98989B;
font-size:11px;
/*border-bottom:1px solid #555658;*/
line-height:25px;
padding:0px 5px;
}
.menubox ul li a {
color:#555658;
text-decoration:none;
}


.menubox:hover  ul {
display:block;
max-height: 60vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.mli:hover {
    color: #aeb0b2;
}

.mli:hover {
    color: black;
}

.mli {
    height: 24px;
}

.menubox .msubtxt {
border-top:1px solid #fff;
border-right:1px solid #fff;
border-left:1px solid #fff;
border-bottom:1px solid #fff;
border-top:none;
}

.menubox:hover .msubtxt {
border-top:1px solid #cccccc;
border-right:1px solid #cccccc;
border-left:1px solid #cccccc;
border-bottom:1px solid #555658;
border-top:none;

/*
-webkit-box-shadow: inset 0px 0px 7px 7px #F2F2F2;
-moz-box-shadow: inset 0px 0px 7px 7px #F2F2F2;
box-shadow: inset 0px 0px 7px 7px #F2F2F2; 
*/
}
/*
.menubox ul li:hover {
-webkit-box-shadow: inset 0px 0px 7px 7px #555658;
-moz-box-shadow: inset 0px 0px 7px 7px #555658;
box-shadow: inset 0px 0px 7px 7px #555658;
}
*/

.m_u {
    padding-bottom: 3px;
}

.m_div {
	background:#fff;
    margin: 0px 5px 5px 5px;  
    font-size: 10px;
	white-space: nowrap; 
	min-width:130px;
	width: 140px; 
	height:20px;
	overflow: hidden; 
	text-overflow: ellipsis;
	padding-bottom:2px;
	border-bottom: 1px solid #cccccc;
}

.sort_ul .m_div, .sort_ul {
	width:245px !important;
}	
.sort_ul {
margin-top: -1px !important;
border-top:1px solid black !important;
}
.m_div:hover{
	position:fixed;
	margin-bottom:10px;
	width:auto;
	overflow: visible;
	background:#fff;
	padding-right:10px;
	cursor:pointer;
}


*+html .m_div {
	margin-top:-15px;
	min-width:129px;
	z-index:9999;
}

*+html .m_div:hover{
	margin-bottom:0px;
}

*+html  .mli {
    height: 0px;
}


/* .m_dash {
    border-bottom: 1px solid #cccccc;
    margin: 5px;
    margin-top: -3px;
} */

.project-img {
/*float:left;*/
margin: 30px 22px;
height: 170px;
display:inline-block;
}

#filter-content{
	overflow:hidden;
	text-align:center;
}

.project-img .p-img {
width:260px;
height:160px;
min-height:180px;
display:table-cell;
text-align:center;
vertical-align:middle;
z-index:-999;
}

.project-img .p-img img {
cursor:pointer;
}

.p-txt {
display:none;
width:233px;
font-family: "Courier New", Courier, monospaced;
font-size:12px;
text-align:left;
padding-right:10px;
padding-left: 10px;
position:absolute;
}

/*
.project-img:hover .p-txt {
display:block;
font-family: "Courier New", Courier, monospaced;
font-size:12px;
} */


/* ================================= 
   Validator, form-table, Inputs
   ================================= */
.platocontent input, .platocontent select, .platocontent textarea, .platocontent button {    
font-family:Tahoma,Arial,sans-serif; 
font-size:11px;
margin:0px;
}

label { 
cursor:pointer; 
}

.val-err, .error {
color:#CC0000;
font-weight:normal;
font-size:9px;
}

.val-desc-err {
color:#CC0000;
font-weight:bold;
}

.val-value {
color:#666;
}

div.val-input-error .p-ti {
display:inline;
}

table.form-table {
width:500px;	
}	

table.form-table tr td {
padding:3px 0px;
}

table.form-table td.a {
white-space:nowrap;
padding-right:15px;
padding-top:4px;
vertical-align:top;
width:30%;
}

table.form-table td.captcha {
padding-top:10px !important;
height: 40px;
}

table.form-table td.b {
width:70%;
vertical-align:top;
}

table.form-table td table.inner td {
padding:0px 0px;
vertical-align:top;
}

.p-ra {
vertical-align:middle;
margin-right:3px;
}

.p-cx {
vertical-align:text-bottom;
margin-right:3px;
}

* html .p-cx {
height:1.3em;width:1.3em; /* IE */
vertical-align:middle;
}

.p-ta {
width:100%;
}

.p-ti {
width:100%;
}

.p-mul {
}

.p-dd {
}

.p-sb, button {
/*border:1px solid black;
font-weight:bold;
cursor:pointer;
background:white;
*/
display: inline-block;
color:#333;
background-color:#F5F5F5;
padding:2px 10px 3px 10px;
font-weight:bold;
cursor:pointer;

border:1px solid rgba(0,0,0,0.5);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border-radius: 3px;        
  
text-shadow: 1px 1px 1px rgba(255,255,255,0.5);
-moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
}

/* Hover-Effekt Submit Button Client-Login
.p-sb:hover, button:hover {
background-color: #CBE301;
color: #ffffff;
}
*/

.p-ti-error, .p-ta-error, .p-dd-error {
-moz-box-shadow: 0px 0px 1px rgba(250,0,0,1);
-webkit-box-shadow: 0px 0px 1px rgba(250,0,0,1);
box-shadow: 0px 0px 1px rgba(250,0,0,1);
}

.mand-hint {
color:#666;
font-size:10px !important;
margin-bottom:10px;
}
.man-err-field {
padding:10px;
border:1px solid crimson;
margin-bottom:10px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}	

div.val-help { 
display:none;position:absolute;clear: both;z-index:100;
background:url(/images/std/validator_help_yellow.gif) no-repeat 0px 0px;
margin:1px 0px 0px -3px; 
}

div.val-help div {
border-bottom:1px solid #ffc000;border-right:1px solid #ffc000;
padding:8px;margin-top:5px;
}

span.hlp-span {
padding-left:4px;padding-top:4px;
}

.val-man-flag {
font-weight:bold;color:#CC0000;	
}


.val-view {
border:1px dotted #DDD;
width:100%;
display:block;
padding:1px 0px;
text-indent:3px;
margin:0px 5px;
} 

/* ================================= 
   [TAB] Tag
   ================================= */
table.easy-tab td {
vertical-align:top;	
}

table.easy-tab td.first {
}

table.easy-tab-dot {
width:100%;
}

table.easy-tab-dot tr {
background: url(/images/layout/tabdots.gif) repeat-x 0px 0px;	
}

table.easy-tab-dot td span.bg {
background: #FFF; 
}

table.easy-tab-dot td span.bg {
padding:0px 0px 0px 3px;
}

table.easy-tab-dot td.first span.bg {
padding:0px 3px 0px 0px;
}


/* ================================= 
   Projekt-Liste
   ================================= */

.pl_main {
margin-top: 80px;

font-size: 11px;
color: grey;
}

.pl_main a {
color: #98989B;
text-decoration: none;
}

.pl_header {
padding-bottom: 3px;
font-family: Courier New,Courier,monospaced;
font-size: 11px;
} 

.pl_content {
margin-top: 20px;
color: grey;
}

.pl_row {
color: #98989B;
padding-top: 3px;
padding-bottom: 3px;
}

.pl_row a:hover{
    color: black;
}
.pl_row a {
	display: flex;
	flex-wrap: wrap;
}
.pl_projects, .pl_client, .pl_category, .pl_year, .pl_download, .pl_sendvia {
float:left;
width: 16%;
margin-right: 5px;
}

.pl_pipe {
color: black;
}

.pls_arrow {
   margin-right: 5px;    
}

.pl_information {
float:left;
width: 25%;
margin-right: 5px;
}


.pl_line_black {
border-bottom: 1px solid black;
}

.pl_line_grey {
border-bottom: 1px solid #e4e4e5;
}


.ajaxloader{
	margin: 50px 0 0 48%;
}


#backtoprojects{
width:230px;
border-top:1px solid #000;
padding: 10px;
margin: 30px auto;
}
   
/* ================================= 
   Projekt-Liste Client-Frontend
   ================================= */      
   
.plc_logout {
width: 65px;
font-family: Courier New,Courier,monospaced;
font-size: 11px;
float: right;
border: 1px solid black;
color: grey;
padding: 2px;
margin-top: 11px;
margin-right: 24%;
}

.plc_logout:hover {
    color: black;
}

.plc_main {
margin-top: 80px;
margin-left: 14%;
width: 72%;
font-size: 11px;
color: black;
}

.plc_main a {
color: #98989B;
text-decoration: none;
}

.plc_header {
font-family: Courier New,Courier,monospaced;
font-size: 11px;
padding-bottom: 3px;
} 

.plc_header a {
color: #98989B;
text-decoration: none;
} 

.plc_content {
color: #98989B;
margin-top: 20px;
}

.plc_row {
padding-top: 3px;
padding-bottom: 3px;
}

.plc_projects, .plc_client, .plc_category, .plc_year, .plc_download, .plc_sendvia {
float:left;
width: 16%;
margin-right: 5px;
}

.plc_download, .plc_sendvia {
color: grey;
}

.plc_download a:hover, .plc_sendvia a:hover {
color: black;
}

.plc_projects, .plc_client, .plc_information, .plc_year {
color: black;
}

.plc_pipe {
color: black;
}

.plc_information {
float:left;
width: 25%;
margin-right: 5px;
}

.plc_line_black {
border-bottom: 1px solid #E4E4E5;
}

/* ================================= 
   Client-Login-Pop Up
   ================================= */   
   
.log_main {
margin: auto;
border: 1px solid black;
width: 320px;
height: 220px;
font-family: Courier New,Courier,monospaced;
}   


.log_head {
margin: 5px;
}


.log_dash {
border-bottom: 1px solid black;
}


.log_cont {
margin: 25px;
margin-left: 50px;
}

.log_user, .log_pw {
width: 86%;
}


.log_submit {
float:right;
margin-top: 15px;
margin-right: 28px;
}



.log_pwforg {
margin-top: 20px;
}

.log_pwforg a {
color: black;

}


/* ================================= 
   Forgot-Password
   ================================= */   
   
.forg_main {
margin: auto;
border: 1px solid black;
width: 380px;
height: 170px;
font-family: Courier New,Courier,monospaced;
}   


.forg_head {
margin: 5px;
}


.forg_dash {
border-bottom: 1px solid black;
}


.forg_cont {
margin: 25px;
margin-left: 50px;
}

.forg_user, .log_pw {
width: 86%;
}


.forg_submit {
float:right;
margin-top: 15px;
margin-right: 37px;
}



.forg_pwforg {
margin-top: 20px;
}

.forg_pwforg a {
color: black;
}