/* CSS Document */
html {
height:100%;
box-sizing:border-box;
}

body {
	position:relative;
	width:100%;
	height:100%;
	background:#ccc;
	font-family:verdana;
	font-size:13px;
	margin:0;
	padding:0;
	background-color:#d9e8c4;
	background-image:url(../gfx/higru_body.jpg);
	background-repeat:repeat-x;
}

.cent {
	width:100%;
	height:100%;
	position:relative;
	    background: url(../gfx/np-logo.jpg) no-repeat;
	}
	
.content{
	position:relative;
	
	/*height:100%;*/
	

	
}
.footer{
	position:absolute;
	bottom:0;
	left:0;
}
.logins{position:relative;top:80px}
/********************  header ****************/
.header {
	top:0;
	left:10px;
	position:absolute;
	width:900px;
	height:200px;
	
	z-index:100;
}
.head1 {
	position:relative;
	width:900px;
	height:73px;
}
.head2{
	position:relative;
	width:900px;
	height:127px;
}


.head3 {
	position:absolute;
	width:219px;
	padding:53px 0 0 10px;
	height:74px;
	top:73px;
	left:671px;
	background-color:#0d140d;
	color:#fff;
	font-size:11px;
	font-family:tahoma;
	}
.logo {
	position:absolute;
	width:45px;
	height:45px;
	top:53px;
	left:650px;
	
}
.head_links {
	position:absolute;
	left:670px;
	top:10px;
}
.head_links a {	
	text-decoration:none;
	color:#333333;
	font-size:10px;
	font-face:arial;
	font-weight:bold;
}
.head_links a:hover {
	color:#fdcc8a;
	}
/*********** main box **************/
.main {
	margin-top:150px;
	position:relative;
	float:left;
	width:100%;
	min-height:100%;
	background:#fff;
	-webkit-box-shadow: 0 8px 10px -3px #999;
	-moz-box-shadow: 0 8px 10px -3px #999;
	 box-shadow: 0 8px 10px -3px #999;
	
}

	



*html .main {
	height:100%}

.main_box{
	width:100%;
	min-height:100%;
	float:left;
		background:#fff;
/*	background-image:url(../gfx/higru-main.jpg);*/
}
	
	

/***********  main *****************/
.main_head {
	position:relative;
	width:900px;
	height:50px;
}

.main_content {
	position:relative;
	float:left;
	width:95%;
	padding:10px 20px 10px 20px;
	
}
.main_right {
	position:relative;
	float:right;
	width:229px;
}
/*********** boxen ********/
.main_right_box_grau {
	position:relative;
	width:208px;
	padding:10px;
	background:url(../gfx/box-back.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom: 2px solid #ccc;
	border-left: 1px solid #eee;
	height:120px;
	}
.main_right_box_dark{
	margin-top:1px;
	position:relative;
	width:208px;
	padding:10px;
	background:url(../gfx/box-back-dark.jpg);
	background-position:left bottom;
	background-repeat:repeat-x;
	border-bottom: 3px solid #6D9634;
	border-left: 2px solid #ccc;
	height:auto;
	}
/*********** navi **************/
.navi {
	position:absolute;
	height:20px;
	width:900px;
	top:200px;
	left:10px;
	background:url(../gfx/navback.jpg);
	background-position:bottom left;
	background-repeat:repeat-x;
	border-bottom:solid 1px #ccc;
}
	
/************** flend ****************/
.flend {
	position:relative;
	clear:both;
	width:900px;
	margin-left:10px;
	background:none;
	height:20px;
	
	}
	
	img {border:none;}
	.bei_neu {
		background:#eaeaea;
		padding:10px;
		}
	.bei_neu hr{
		border:none;
		border-bottom:1px solid #fefefe;
	}
#nti {
	position:absolute;
	left:0px;
	top:70px;
	width:70%;
	height:150px;
	z-index:1;
	font-size:1rem;
	color:#565655;
	font-weight:normal;
}
a.gewDat {
	color:#ff0000;
}

/* MOBIL */

.calender {
    width:560px;
    border:1px solid #ccc;
	
}
* html .calender,
* + html .calender {
    width:282px;
}
.calender div.after,
.calender div.before{
    color:silver;
}
.day {
    float:left;
    width:80px;
    height:40px;
    line-height: 40px;
    text-align: center;
}
.day.headline {
    background:#ddd;
}
.day.current {
    font-weight:bold;
}
.clear {
    clear:left;
}
.bunt {
	background:#E1F8C0;
}
.grau {
	background:#EFBBBB;
}
.pagination {

    text-align: center;
 
    font-weight: bold;
}
.pagination a {
    width:20px;
    height:20px;
}
.pagination .calNavi{
	
	font-family:verdana;
	float:left;
	font-size:10px;
	font-weight:normal;
	color:#565655;
	padding:0 15px 0 15px;
	}
.pagination .aktMonth {
	font-size:20px;
	color:#565655;
	width:200px;
}
.calNaviHead  {
	display:inline-block;
	text-align:center;
	width:520px;
	height:40px;
    line-height:40px;
	}

.header {
	display:none;
	}
.home {
	position: absolute;
top: -30px;
right:0px;
	padding:10px 10px 8px 10px;
	width:10rem;
	z-index:18001;
	}
.home a{	
	padding:10px 30px;
	color:#222;
	}
.loggeds {
    position: absolute;
    top: 0;
    right: 100px;
    /*z-index: 18000;*/
    padding: 0.5rem 1rem;
    background: #96be0d;
    color: #fff;
}
.loggeds b{
	color:#ffffff;
	}
.loggeds a.white:link{
	color:#ffffff !important;
	}
input , select, textarea{
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
	padding:3px;
	border:1px solid #ccc;
	/*font-size:1.3rem;*/
	}
textarea{width:95%;height:8rem}
hr  { border:none; border-top: 1px solid #ccc;
}

strong, b {
	color:#565655;
	letter-spacing:0.8px;
}
.main_content a b{
	color:#D80102;
}
.main_content a .mitg_aktiv{
	color:#85c032 !important;
	font-weight:bold;
}
#button{float:left;padding: 3px 5px 4px 6px;background:#ff0000;color:#fff;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px; 
	border-radius: 3px;
	cursor:pointer}
	
.fneu {
	color:#ff9900;
}
.land{
	display:inline-block;
	width:85px;
	font-size:11px;
	text-align:left;
	}
.land_grau{
	background:#eee;
	height:25px;
	vertical-align:bottom;
}
.land_marg{
	margin-right:100px;
}
	
.zahlen{
	display:inline-block;
	width:80px;
	
	text-align:left;
	}
.ausland{
	background:#eee;
	padding-top:5px;
	padding-bottom:5px
	
}
.teil input:disabled {
    background: #FAD06A;
}
.monsel{
	position:absolute;
	top:-30px;
	left:0;
	width:250px;
	}
input[type=checkbox] {
  /*  transform: scale(2.4);*/
    margin-left: 10px;
	}
	
.pwchange{
	color:#ff0000;
	text-decoration:underline;
	margin-left:10px;
	
	
}
.pwsave{display:none;
	
	}
#submit_mitg{display:block}
.vordel{
	color:#565655;
	text-decoration: line-through;
}

/************* NAVI **********/
.wsmenu {
	width:100%;
	text-align:center;
	position:absolute;
	top:7.7rem;
	z-index:33001;
}
.wsmain{
	   top: 40px;
    
}
.gry{background:none !important;
	color:#565655 !important;
}
.wsmenu-list {
	display:inline-block;
	width:auto;
}
.wsmenu-list > li {
    text-align: center;
    display: block;
    float: left;
    margin: 0px;
    padding: 0px;
}

.wsmenu-list .arrow{
	display:none;
}
.wsmenu-list > li > a, .wsmenu-list .navRoot {
    display: block;
    color: #565655;
    padding: 10px 15px 4px 8px;
    /* line-height: 22px; */
    /* border-right: 1px solid rgba(0,0,0,0.10); */
    text-decoration: none;
    position: relative;
}
.wsmenu-list > li > a, .wsmenu-list .navRoot {
	border:none;
	float:left;
}
.strich{
	position:relative;
	float:left;
	    padding: 5px 0 4px 0;
}
.wsmenu-submenu {
    clear:both;
    top: 36px;
}
/******** responsiv *************/

@media only screen and  (min-width:320px) {
	.wsmenu {
		top:0;
  	}
	
}
@media only screen and  (min-width:640px) {
	.wsmenu {
		top:5rem;
  	}
}
.box100{ width:100%;
}
.box50 {
	float:left;
	width:48%;
	border:1px solid #565655;
}

.wsmenu-submenu li a {
	font-size:0.9rem
	}
/************** tabellen ***************************/
.mobileBut{
	width:60px;
	}