/* Globale Styles*/
body   {
	margin: 20px auto 30px auto;
	color: black;
	font-size: 18px;
	background-color: #F1F1F1;
	/* font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
/*	text-align: center; */
}



#container {
	position: relative;
	width: 975px;
	min-height: 600px;
	margin: 0px auto;
	border: 1px solid Gray;
	text-align: left;
	background-color: White;
}

#logo {
	height: 150px;
	background-image: url(../images/back_red.jpg);
	background-repeat: no-repeat;
	background-position: left;
	background-size: cover;
}


/*** Navigation TOP - 1.Ebene ***/

#kopf {
	font-size: 0.8em;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	margin:0;
	padding:0;
	line-height: 1.9em;
	/*
	background-image: url(../img/site/back_navigation.gif);
	background-repeat: repeat-y;
	background-position: left*/
}

#homelink {
position: absolute;
left: 0px;
width: 200px;
background: silver;
margin: 0px;
border-collapse: collapse;
padding: 0 5px;
}


#homelink a{
	color:#767676;
	font-weight: bold;
	margin-left:60px;
	text-decoration: none;
}
#homelink a:hover{
	color: white;
}


#firstlevel {
margin: 0 237px 0 210px;
border-collapse:collapse;
padding: 0 3px;
}

#firstlevel a{
	color:#868686;
	font-weight: bold;
	text-decoration: none;
	padding-right:10px;
}

#firstlevel a:hover{
	color:#8A4251;
	text-decoration: none;
}

/** aktive Rubrik des 1st levels **/
#firstlevel .menu-parent,#firstlevel .menu-current {
	color:#8A4251;
}


#kopfrechts {
position: absolute;
right: 0px;
width: 237px;
background: silver;
margin: 0px;
padding: 0 0 0 0px;
text-align: left;
}

#kopfrechts a{
	color:#767676;
	font-weight: bold;
	margin-left:60px;
	text-decoration: none;
}

#kopfrechts a:hover{
	color:white;
}



/**
* Navigation LINKS
*/
#navi {
	float: left;
	height: 500px;
	width: 210px;
	margin-top: 18px;
}

#zwei{
	padding: 45px 0 2px 20px;
	font-size: 0.8em;
}

#zwei a {
	color:#333333;
	text-decoration:none;
}

#zwei a:hover {
	color:black;
	text-decoration:underline;
}

#drei{
	padding: 25px 0 2px 20px;
	line-height: 0.8em;
}


#drei {

	position: absolute;
	bottom: 0;
	left: 0;
	width: 210px;
	margin-bottom: 20px;
}

#drei li a {
	line-height: 1em;
}



/**
* CONTENT
*/


#inhalt {
	/* margin: 55px 20px 30px 230px; original mit Breadcrumb- Anzeige*/
	margin: 25px 20px 30px 230px;
	/* margin: 40px 20px 30px 230px;  als IE Cond. im Template */
	border: 0px solid;
	font-size:0.8em;
}

#inhalt a {
	/* color: #8A4251; */
	color:#800000;
	text-decoration: underline;
}

#contentbanner{
	width: 540px;
	background-color: silver;
	margin: 30px 0;
}


#text {
	width:508px;
	line-height: 1.7em;
	font-size: 0.8em;
	text-align: left;
   /*	background-color: Aqua; */
}

.errMsg{
	border:2px solid maroon;
	padding:5px 5px 5px 30px;
	background: whitesmoke url(../images/icon.exclamation.png) no-repeat 5px 5px;
}

.MsgOK{
	border:2px solid green;
	padding:5px 5px 5px 30px;
	background: whitesmoke url(../images/icon.success.png) no-repeat 5px 5px;
}


th.button{
    text-align: left;
}

/*
    die info-tabelle f�r zu l�schende user im log-aut-dialog
*/
#delete_user_info{
    background: whitesmoke;
    border: 1px solid silver;
    box-shadow: 0 0 3px 3px #E3E3E3;
    margin: 3rem 1rem;
    padding: 1rem;
    font-size: 0.8rem;
}

#del_user tr:hover td{
    border-bottom:1px solid gray;
}

#del_user td{
    font-size:0.8rem;
    padding:0.15rem 0.7rem;
    border-bottom:1px solid transparent;
}

/**
* Footer
*/
#footer {
	max-width: 975px;
	font-size: 0.6em;
	color: gray;
	text-align: center;
	margin: 0 auto;
}


/*** Auszeichnungen ***/

img {border: 0; }


h1{
	/* color: #BBBBBB;*/
	color: #8F8F8F;
	font-size: 2.0em;
	font-weight: lighter;
	line-height: 1.3em;
	border-bottom: 1px solid #8F8F8F;
}

h2{
	/* color: #8F8F8F; */
	color:gray;
	font-size: 1.6em;
	font-weight: lighter;
	line-height: 1.2em;
}

#inhalt a.docH2{
	color:gray;
	text-decoration:none;
}

#inhalt a.docH2:hover{
	text-decoration:underline;
}

input.w300{
	width:300px;
}
/********** div. bezeichner ********/

/**
* Die Boxen auf der Startseite des Backends (fuer Admins)
*/
div.box_links{
	font-size:0.8em;
	background: #D27015;
	border: 1px solid #971E0D;
	width: 505px;
	min-height: 120px;
	margin-bottom: 20px;
}

.box_links h1, .box_rechts h1, h1.heading{
	margin:0 0 10px 0;
	padding: 3px 5px;
	font-size: 1.1rem;
	color:white;
	background: #971E0D;
	font-weight:bold;
	border:0;
}

 h1.heading{
 width: 495px;
 font-size: 1.1rem;
 margin-bottom:0;
 cursor:pointer;
 }



 #adminframe{
 margin:0;
 padding:0;

 height:300px; overflow:auto;
 width: 505px;
 background: #D27015;

display:none;
 }

.box_links form, .box_rechts form{
	padding: 5px;
}


#inhalt div.box_links a, #inhalt div.box_rechts a{
	text-decoration: none;
	color: white;
	font-weight: bold;
}

#inhalt div.box_links a:hover, #inhalt div.box_rechts a:hover{
	color:white;
}

#inhalt div.box_links #kunden_id, #inhalt div.box_links #kunden_id2{
	width: 490px;
}

div.box_rechts {
	font-size: 0.8em;
	background: #D27015;
	border: 1px solid #971E0D;
	margin-left: 70%;
	height: 120px;
	width: 30%;
}



/*** admin - dokumente  ***/
#verzeichnisrahmen{
	width:25%; float:left; height:350px; overflow:auto; border: 1px solid gray; padding:5px; margin-right:5px;
}
#dateirahmen {
	height: 350px; overflow:auto; border:1px solid gray; padding: 5px;
}

#verzeichnisrahmen a, #dateirahmen a{
	color: black;
	text-decoration: none;
}

#dateirahmen .menuleiste a{
    border: 1px solid gray;
    border-radius:    3px;
    padding: 8px 10px 0;
    margin-left:10px;
}
#dateirahmen .menuleiste a:hover{
  background-color: white;
  border: 1px inset gray;
  }

#verzeichnisrahmen a:hover, #dateirahmen a:hover{
	color: #800000;
}

.menuleiste{
	padding:5px ; margin:-5px -5px 5px -5px; background:silver; height: 20px;
}

table.explorer {
	/* border:1px solid gray;
	padding: 5px;*/
	width: 100%;
}
.explorer  td{
	/* border-bottom:1px solid gray;
	border-collapse: collapse; */
	padding:2px 0;
}


/*** jQuery Modal Fenster ***/

.modal {
	background-color:#fff;
	display:none;
	width:350px;
	padding:15px;
	text-align:left;
	border:2px solid #333;
	opacity:0.8;
	border-radius:6px;
	box-shadow: 0 0 50px #ccc;
}

.modal h2 {
	margin:0px;
	padding:10px 0 10px 45px;
	border-bottom:1px solid #333;
	font-size:20px;
}

.w50{    width: 50px;}
.w60{width:60px}
.w80{width:80px}
.w100{width:110px}

.own_pw_empty{
    text-align: center;
    margin-left: 3px;
    font-size: 21px;
    color: maroon;
}
.own_pw_ok{
    text-align: center;
    margin-left: 3px;
    font-size: 21px;
    color: green;
}


/*** jQuery Tooltip **/
/* simple css-based tooltip */
div.tooltip {
    background-color:#000;
    border:1px solid #fff;
    padding:10px 15px;
    width:200px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:12px;

    /* outline radius for mozilla/firefox only */
    box-shadow:0 0 10px #000;
    
}

/***** Modal Window ************/

#overlay {

	height:420px;
	width: 560px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:411px;
	overflow-y:auto;
}

/* the overlayed element */
div.overlay {
/* growing background image */
 background-image:url(../images/overlay/white.png);
 /* dimensions after the growing animation finishes */
 width:600px;
 height:470px;

 /* initially overlay is hidden */
 display:none;

 /* some padding to layout nested elements nicely */
 padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
 background-image:url(../images/overlay/close.png);
 position:absolute;
 right:5px;
 top:5px;
 cursor:pointer;
 height:35px;
 width:35px;
}


/****+ iFrames **************/

.iframe{
	font-size: 0.8em;
	margin:0;
	padding:0;
	text-align:left;
	background: #DDD;
}

/*** UPDLOAD ****/

.qq-upload-list   .alert-success{
		background-color:green;
		color:white;
}