/* @font-face{  */
/* 	font-family: 'Gabriola';  */
/* 	src: url('../fonts/gabriola/Gabriola.eot') format('eot'); */
/* 	src:  */
/* 		local("Gabriola Regular"), local("Gabriola"), */
/* 		url('../fonts/gabriola/Gabriola.eot?#iefix') format('embedded-opentype'), */
/* 		url('../fonts/gabriola/Gabriola.woff') format('woff'),  */
/* 		url('../fonts/gabriola/Gabriola.ttf') format('truetype');  */
		
/* 	font-weight: normal; */
/*     font-style: normal; */
/* } */

html {
	height: 100%;
}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
/*	min-height: 100%; */
/* 	Bug, sonst erben die Kinder bei Eltern-Element mit min-height: 100% das nicht */
/*	height: 1px; */
	margin: 0;
    padding-bottom: 0px !important;
    padding-top: 0px !important;
	background: #FFFFFF;
	background-image: url("../img/Hintergrund_final.png");
	background-repeat: repeat-x;
	background-attachment: fixed;	
}


/* Layout */
.site{
	height: 100%;
	width:100%;
	padding-top: 50px;
}

.wrapper{
    width: 800px;
    height: 100%;
	margin: 0 auto 0px; /* the bottom margin is the negative value of the footer's height */
	background: rgba(255,255,255,0.5);
}

.wrapper .container {
    padding: 0 360px 0 0;
    overflow: hidden;
    min-height: 600px;
}

.container {
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 30px;
}


.content{
	width: 540px;
	/* width: calc( 100% - 200px - 60px ); */
    background: rgb(255,255,255);
	float: left;
	margin-left: 20px;
	
/* 			 top   right bottom	left*/
	padding: 10px 20px 10px 20px;
}

.menu {
    float: left;
    width: 200px;
    background-color: #d9e7ed;
    height: 100%;
}

/*  Hier bloß aufpassen mit dem verschieben dieser Klasse. Die muss unbedingt NACH .content und .menu beleiben und darf niemals davor */
.content, .menu {
    padding-bottom: 99999px;
    margin-bottom: -99999px;
}

footer {
    padding: 20px 0px 10px 0px;
}


header{
	width:100%; 
	height: 80px;
	background: rgb(255,255,255);
	font-size: 48px;
}



fieldset{
    border: none;
    padding: 0px;
}


.spacer_header_content{
	width: 100%;
	height: 20px;
}


h1{
    margin: 0;
	font-family: Garamond, 'Century Schoolbook', 'Big Caslon', 'Times New Roman', Times, 'New Century Schoolbook', serif;
}

h2{
	font-family: Garamond, 'Century Schoolbook', 'Big Caslon', 'Times New Roman', Times, 'New Century Schoolbook', serif;
}

h3{
	font-family: Garamond, 'Century Schoolbook', 'Big Caslon', 'Times New Roman', Times, 'New Century Schoolbook', serif;
	text-decoration: underline;
}

.not-active {
   pointer-events: none;
   cursor: default;
}

/* If the viewport width is less than 900px: */
@media screen and (max-width: 1400px) {
    body {
    background-image: url("../img/Hintergrund_final_kleiner 1400x800.png");

    }	
}

/* If the viewport is less than 800px: and width is more than 1400px*/
@media only screen and (max-height: 800px) and (min-width: 1400px) {
    body {
		background-image: url("../img/Hintergrund_final.png");
    }	
}


/* If the viewport is less than 800px: and more than 1400px: */
@media only screen and (max-height: 800px) and (max-width: 1400px) {
	   body {
        background-image: url("../img/Hintergrund_final_kleiner 1400x800.png");
    }    
}


.menuEntryList{
	list-style-type: none;
	padding-left: 15px;
	padding-right: 15px;

}

.menuEntryList li {
	line-height: 28px;
/* 	border-bottom: 1px solid rgb(220, 220, 225); */
	border-bottom: 1px solid rgb(195, 195, 199);
/* 	border-bottom: 1px solid red; */
}

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

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

.menuEntryList a :hover{
	color: black;
	text-decoration: underline;
}

.logo {
	content: url(../img/Logo.png);
}

.outputTable{
	width: 100%;
}

.outputTable td{
	vertical-align: top;
}


.icon_column{
	width: 80px;
	text-align: center;
}


.nolink{
	color: black;
	text-decoration: none;
}

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

.nolink a :hover{
	color: black;
	text-decoration: underline;
}

.text-error{
	color: red;
	list-style-type: none;
  	padding-left:0;
}

.error{
	color: red;
}

.button {
  background: #92BAD1;
  background-image: -webkit-linear-gradient(top, #92BAD1, #2E7CAA);
  background-image: -moz-linear-gradient(top, #92BAD1, #2E7CAA);
  background-image: -ms-linear-gradient(top, #92BAD1, #2E7CAA);
  background-image: -o-linear-gradient(top, #92BAD1, #2E7CAA);
  background-image: linear-gradient(to bottom, #92BAD1, #2E7CAA);
  -webkit-border-radius: 14;
  -moz-border-radius: 14;
  border-radius: 14px;
  text-shadow: 1px 1px 1px #666666;
  -webkit-box-shadow: 0px 1px 1px #666666;
  -moz-box-shadow: 0px 1px 1px #666666;
  box-shadow: 0px 1px 1px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 13px;
  border: solid #1f628d 1px;
  text-decoration: none;
  cursor: pointer;
}

.disabled{
	background-image: linear-gradient(to bottom, #B5B4B4, #6B6B6B);
	border: solid #424242 1px;
}

a.button{
  padding: 6px 11px 6px 11px;
}

input.button{
  padding: 5px 8px 5px 8px;
}

.imgbtn {
  padding: 6px 11px 6px 11px; 
}

a.button.icon_wichteln span{
	padding-left: 27px;
	background: url(../img/ic_wichteln_neu.png) no-repeat 0px 2px;
}

a.button.icon_wichteln.disabled span{
	padding-left: 27px;
	background: url(../img/ic_wichteln_disabled.png) no-repeat 0px 2px;
}

a.button.icon_delete span{
	padding-left: 27px;
	background: url(../img/ic_delete.png) no-repeat 0px 4px;
}

a.button.icon_benachrichtigung span{
	padding-left: 27px;
	background: url(../img/ic_send_benachrichtigung.png) no-repeat 0px 2px;
}