.loginsite {box-sizing: border-box;background-image:url('../images/login/bg.jpg');background-size:cover; background-position:center center; min-height:100%;padding-bottom:200px;}
.loginsite H2 { color:#fff; margin-top:0; text-shadow: 2px 1px 2px #000;}

.loginbox {
  box-sizing: border-box;
		position:relative;
		color:#fff;
  background-color:rgba(0,0,0,0.3);
  box-shadow: 0px 0px 8px 0px #fff;
		width:300px;
		margin:auto;	
		top:50%;
		padding:10px; padding-left:15px;padding-right:15px;
		
}
.message {background-color:#ffa; color:#444; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}
.error {background-color:#faa; color:#a00; padding:10px;padding-left:20px;padding-right:20px;margin-bottom:10px;}

@media screen and (max-width:800px) { .NichtUnter800{display:none;} }
@media screen and (max-width:400px) { .NichtUnter400{display:none;} }
@media screen and (min-width:801px) { .NichtUeber800{display:none;} }
@media screen and (min-width:401px) { .NichtUeber400{display:none;} }



#page{
  position:relative;
  min-height:calc(100% - 25px);}

#titel{
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;

  padding:15px;
  padding-left:60px;
  padding-right:250px;
  /*text-align:center;*/
  background-color:#006ec0;
  color:#fff;
  font-size:150%;
}
#titel A{color:#fff;}

#menu{
  box-sizing: border-box;
  position:relative;
  width:300px; max-width:300px;
  padding:0px;
  float:left;
  background-color:#fff;
}


#menu .menutitel{
  font-weight:200;
  padding-left:15px;
  padding:10px;
  padding-left:15px;
  margin-top:15px;
  color:#fff;
  background-color:#268edf;
}

#menu .menupunkt A{
  display:block;
  font-weight:200;
  padding:6px;
  padding-right:50px;
  text-align:right;
  color:#666;
  background-position: center right 10px;
  background-repeat: no-repeat;

}
#menu .menupunkt A:hover{
  background-color:#eee;
  color:#222;
}

/** Hauptemenüicons **/
.iconArtikeleditor{background-image:url(../images/icons/artikeleditor.gif);}
.iconGliederungsgenerator{background-image:url(../images/icons/gliederungsgenerator.gif);}
.iconMediafilemanager{background-image:url(../images/icons/dateimanager.gif);}
.iconNewsletterAbonnentenliste{background-image:url(../images/icons/newsletterabonnenten.gif);}
.iconNewsletterversenden{background-image:url(../images/icons/newsletterversenden.gif);}
.iconSeitencache{background-image:url(../images/icons/cache.gif);}
.iconTDAnalytik{background-image:url(../images/icons/td-analytik.gif);}
.iconRSSFeeds{background-image:url(../images/icons/rss.gif);}
.iconGoogleSitemap{background-image:url(../images/icons/xml-sitemap.gif);}
.iconRedakteurverwaltung{background-image:url(../images/icons/benutzer.gif);}
/*.menu .iconhtm2DB{background-image:url(../images/icons/artikeleditor.gif);}*/
.iconBackup{background-image:url(../images/icons/backup.gif);}
.iconVerlauf{background-image:url(../images/icons/trash.png);}
/*********************************/


#menu_footer{
 position:fixed;
 box-sizing: border-box;
 width:250px;
 bottom:0;
 font-size:85%;
 padding:15px;
 color:#888;
}

#content{
  box-sizing: border-box;
  box-shadow:  0px 0px 6px 0px #888;
  background-color:#fff;
  
  padding:10px;
  padding-top:20px;
  padding-bottom:40px;
  margin-bottom:80px;
  
}

@media (min-width: 1200px){
#content{ width:calc(100% - 350px); float:right;margin-right:25px;margin-left:25px;padding:40px;}
#titel{padding-left:25px}
}
@media (max-width: 1200px){#content{font-size:85%;}}

#footer {
		z-index:0;
		clear:both;
  box-sizing: border-box;
  /*position:absolute;   */
  bottom:0;
  right:0;
  left:0px;
  background-color:#F0EEE6;
  padding:2px;
  padding-left:20px;
  padding-right:20px;
  text-align:right;
  font-size:75%;
  color:#AAA;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}
#footer A{color:#888;}

#footer #Hilfe{
  display:none;
  box-sizing: border-box;
  position:absolute;
  border:1px solid #ccc;
  border-bottom:none;
  left:275;
  right:25px;
  bottom:0;
  padding: 5px 30px;
  background-color:#F0EEE6;
  text-align:left;
  color:#888;
  box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
}


.logout{
  position:absolute; top:17px; right:25px;
  color:#fff;
}
.logout A{
  background-color:#fff;
  border:1px solid #ccc;
  padding:5px 15px;
}
.logout A:hover{background-color:#eee;}

.button{ display:inline-block; border:1px solid #ccc; background-color:#e0e0e0; padding:3px;padding-left:20px;padding-right:20px;color:#444;}
.button:visited{ color:#444; }
.button:hover{ background-color:#f0f0f0; }

/*************************************************/