@CHARSET "UTF-8";

* {
	margin : 0;
	padding : 0;
	border : 0;
	font-family : Arial, sans-serif, Arial, Verdana, "Trebuchet MS";
	font-size : 16px;
	font-decoration : none;
	line-height : 1.4em;
	outline : none;
	outline : 0;
}

html {
	height : 100.2%;
}

body {
	background-color : lightblue; 	
}
.blue {
	color : blue;
}
.b {
	font-weight : bold;
}

a {
	text-decoration: none;
}

#detail {
	position : absolute;
	margin : 100px auto; 
	display : none;
	width : 1050px;
	height :670px;
	background : #fff;
	border : 5px solid blue;
	z-index : 200000;
}
div#detailcontent {
	position : relative;
	width : 100%;
	height : 620px;
	display : block;
}

#warten {
	position : absolute;
	margin : 250px auto; 
	display : none;
	width : 350px;
	height :200px;
	background : #fff;
	border : 5px solid blue;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);	
	z-index : 200020;
}
div#wartencontent {
	position : relative;
	width : 100%;
	padding : 40px 20px 20px 20px;
	color : blue;
	font-weight : bold;
	font-style : italic;
	display : block;
}

div#wartengrafik {
	width : 100%;
	text-align : center;
} 
#rechEingabe {
	position : absolute;
	margin : 100px auto; 
	display : none;
	width : 350px;
	height :200px;
	background : #fff;
	border : 5px solid blue;
	-webkit-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
	-moz-box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);
	box-shadow: 10px 10px 5px 0px rgba(0,0,0,0.5);	
	z-index : 200030;
}
div#rechEingabeContent {
	position : relative;
	width : 100%;
	padding : 40px 20px 20px 20px; 
	color : blue;
	font-weight : bold;
	font-style : italic;
	display : block;
}
input.betragdis {
	border : 0px;
	background : #e5e5e5;
	padding : 0px;
	width : 65px;
	text-align : right;
}
input.betrag {
	border : 1px solid #ccc;
	background-color : #eee;
	padding : 3px;
	width : 65px;
	text-align : right;
}
header {
	width : 1280px;
	margin : 30px auto 20px;
	font-size : 2.5em;
	color : blue;
	font-style : italic;
	text-align : center;
	font-weight : bold;
}

#main {
	width : 1280px;
	height : 850px;
	border : 1px solid #fff;
	background-color : #fff;
	margin : 0px auto 0px;
}
#links {
	float : left;
	width : 220px;
	height : 850px;
}
#menu {
	width : 215px;
	height : 450px;
	padding : 20px 0px 0px 15px;
	}

#content {
	height : 850px;
	width : 1060px;
	overflow : auto;
}

footer {
	width : 1280px;
	margin : 10px auto 20px;
	font-size : 0.8em;
}

div.login {
	width : 500px;
	height : 400px;
	margin : 120px auto 0px;	
}
fieldset.login {
	border : 1px solid blue;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	padding : 10px 0px 0px 25px;
	height : 250px;
}
div#explain {
	height : 25px;
	color : red;
	margin-bottom : 20px;
}
fieldset.login legend {
	color : blue;
}
div.loginbez {
	width : 120px;
}
div#info {
	margin : 50px 0px 20px 15px;
	border : 1px solid blue;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color : blue;
	font-size : 0.8em;
	padding : 5px;
	min-height : 40px;
	width : 168px;
}

div#stats {
	margin : 0px 0px 20px 15px;
	border : 1px solid blue;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	color : blue;
	padding : 5px;
	min-height : 40px;
	width : 168px;
	}
div#stats td {
	font-size : 0.8em;
}
	
div#famMitglied {
	border : 1px solid blue;
	height : 65px;
	max-height : 65px;
	overflow : auto;
}

div#buttons {
	position : absolute;
	bottom : 0;
}

div#logo {
	float : right;
	width : 140px;
	height : 120px;
	padding-right : 5px;
}
#kommentarTB {
	width : 850px;
	height : 111px;
	background : #fff;
	border : 1px solid #ccc; 
	resize : none;
}
div#meldung {
	display : none;
	width : 595px;
	height : 35px;
	margin : 10px 0px 0px 30px;
	color : red;
	font-size : 0.8em;
}
div.menuicon
{
	height : 30px;
	float : left; 
	padding : 8px 20px 0px 25px;
}

div.menutext {
	height : 30px;
	padding : 14px 0px 0px 0px;
}

input.text, select.select {
	border : 1px solid #ccc;
	background-color : #eee;
	padding : 3px;
	width : 160px;
	max-width : 160px; 
}

input.textkl, select.selectkl {
	border : 1px solid #ccc;
	background-color : #eee;
	padding : 2px;
	width : 120px;
	max-width : 160px;
	font-size : 0.8em;
}

select.selectKurz {
	border : 1px solid #ccc;
	background-color : #eee;
	padding : 3px;
	width : 100px;
	max-width : 100px; 
}

button.button {
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	background-color : #e7a61a;
	color : blue;
	height : 45px;
	width : 180px;
	font-weight : bold;
	cursor : pointer;
	vertical-align : middle;
	text-align : left;
}

button.fktbutton {
	border-radius: 6px 6px 6px 6px;
	-moz-border-radius: 6px 6px 6px 6px;
	-webkit-border-radius: 6px 6px 6px 6px;
	background-color : #e7a61a;
	color : blue;
	height : 25px;
	width : 112px;
	font-weight : bold;
	cursor : pointer;
	vertical-align : middle;
	text-align : center;
	font-size : 0.8em;
}

.fktLink {
	font-size : 0.8em;
	font-style : italic;
	font-weight : bold;
	color : blue;
}

button.klbutton {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color : #e7a61a;
	color : blue;
	height : 35px;
	width : 150px;
	font-weight : bold;
	cursor : pointer;
	font-size : 0.8em;
}

button.minibutton {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color : #e7a61a;
	color : blue;
	height : 35px;
	width : 35px;
	font-weight : bold;
	cursor : pointer;
	font-size : 0.8em;
}

button.midibutton {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color : #e7a61a;
	color : blue;
	height : 35px;
	width : 180px;
	font-weight : bold;
	cursor : pointer;
	font-size : 0.8em;
}

button.grbutton {
	border-radius: 8px 8px 8px 8px;
	-moz-border-radius: 8px 8px 8px 8px;
	-webkit-border-radius: 8px 8px 8px 8px;
	background-color : #e7a61a;
	color : blue;
	height : 35px;
	width : 230px;
	font-weight : bold;
	cursor : pointer;
	font-size : 0.8em;
}

span.abs20 {
	margin-left : 12px;
}

input.suche {
	border : 1px dotted #888;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
		padding : 3px;
	width : 150px;
	height : 20px;
	font-style : italic;
	color : blue;
	font-size : 0.8em;
}
div.button {
	height : 48px;
	width : 183px;
	padding-top : 10px; 
}
div.abstand {
	height : 15px;
	width : 183px;
}
div.vabstand {
	float : left;
	width : 25px;
}
.left {
	float : left;
}
input.submit:hover, input.reset:hover, button.button:hover {
	background : #e6b553;
	color : darkblue;
	margin : 1px 0px 0px 1px;
}

input.klsubmit:hover, input.klreset:hover, button.klbutton:hover, button.disabled {
	background : #e6b553;
	color : darkblue;
	margin : 1px 0px 0px 1px;
}
	
h3 {
	color : blue;
	padding : 0px 0px 10px 5px;
}
input.w40, select.w40 {
	width : 40px;
	max-width : 40px; 
}
input.w80, select.w80 {
	width : 80px;
	max-width : 80px; 
}
input.w300, select.w300 {
	width : 300px;
	max-width : 300px; 
}
input.w500, select.w500 {
	width : 500px;
	max-width : 500px; 
}

input.readonly {
	background-color : #fff;
	border : none;
	color : #666;
}

td.ezl10 {
	padding-left : 10px;
}

td.ezr10 {
	padding-right : 10px;
}

.center {
	text-align : center;
}
.right {
	text-align : right;
}

div.kopf {
	background-color : #e7a61a;
	margin : 1px 1px 10px 1px;
	color : #fff;
	font-width : bold;
	font-size : 1.2em;
	padding : 5px;
}

div.kopfcontent {
	background-color : #e7a61a;
	margin : 0px 0px 35px 1px;
	color : #fff;
	font-width : bold;
	font-size : 1.2em;
	padding : 8px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}

div.close {
	float : right;
	padding-left : 5px;
	font-weight : bold;
	color : #fff;
	cursor : pointer;
}

#alleAnzeigen {
	width : 1040px;
	border-collapse: collapse;
	cursor : pointer;
}
#alleAnzeigen th {
	font-size : 0.8em;
} 

#alleAnzeigen tr, table.toolstable tr, table.rechntable tr {
	background-color : #e5e5e5;
}

#alleAnzeigen tr:hover,  table.toolstable tr:hover, table.rechntable tr:hover {
	background-color : #ddd;
}

#alleAnzeigen td {
	border : 1px solid #fff;
	padding : 2px 0px 2px 2px;
	font-size : 0.8em;	
}

#alleAnzeigen a {
	font-size : 1em;	
}

table.toolstable {
	width : 800px;
	background : #fff;
	border-collapse: collapse;
	cursor : pointer;	
}

table.rechntable {
	width : 100%;
	background : #fff;
	border-collapse: collapse;
	cursor : pointer;	
}

table.toolstable td.std {
	border : 1px solid #fff;
	padding : 4px 4px 4px 4px;
}

table.rechntable td.std  {
	border : 1px solid #fff;
	padding : 4px 4px 4px 4px;
	font-size : 0.8em;
}

table.rechntable td.std span {
	font-size : 1em;
}

table.toolstable a, table.rechntable a {
	color : blue;
}

#rechnTabs {
	width : 96.5%;
	height : 750px;
	border: 1px solid #ddd;
}
	

#rechlftable {
	width : 100%;
	height : 350px;
	border: 1px solid #ddd;
}

div#neurechlf {
	height :180px;
}

table.mitgldetailtab {
	width : 1020px;
}

table.mitgldetailtab td.bez {
	width : 120px;
	padding-left : 35px;
	height : 35px;
	vertical-align : middle;
}

table.mitgldetailtab {
	width : 950px;
}
table.mitgldetailtabtab td.bez {
	width : 120px;
	padding-left : 35px;
	height : 35px;
	vertical-align : middle;
}

#famMitglied {
	width : 1020px;
	border-collapse: collapse;
	cursor : pointer;
}
#famMitglied th {
	font-size : 0.8em;
} 

#famMitglied tr {
	background-color : #e5e5e5;
}

#famMitglied tr:hover {
	background-color : #ddd;
}

#famMitglied td {
	border : 1px solid #fff;
	padding : 2px 0px 2px 2px;
	font-size : 0.8em;	
}

#famMitglied a {
	font-size : 1em;
	color : blue;	
}

}
.ui-widget-header {
	border: 1px solid #e78f08;
	background: #e7a61a; 
}

.r {
	text-align : right;
}

div#editorAdresse {
	height : 80px;
	float : left;
}

div#editorEMail{
	height : 80px;
	margin-left : 350px;
}

div#editorBetreff{
	margin : 40px 0px 30px 0px;
}

input.betreff {
	border : 1px solid #e7a61a;
	width : 650px;
	padding : 3px;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;	
}
textarea.editoradr {
	height : 350px;
	width : 650px;
}


div.editorButton {
	margin-top : 15px;
}
div#jahresListeDiv, div#rlfListeDiv {
	float:right;
}
div#einstellungen {
	margin-right : 50px;
	float:right;
}

#rechLfFktButton, #rechnEinstellungen {
	width : 100%;
	height : 100px;
}
#rechLfFktButton {
	margin-top : 15px;
}
div#rechnEinstellungen #papierArtDiv {
	width : 250px;
	float : left;
	margin : 10px 0px 25px 25px
}
div#rechnEinstellungen #fontEmbedDiv {
	width : 250px;
	float : left;
	margin : 10px 0px 25px 25px
}
label:hover {
	cursor : pointer;
}
div#papierArtDiv fieldset, div#fontEmbedDiv fieldset, fieldset.std {
	margin-top:10px;
	padding : 10px;
	border : 1px solid #e7a61a;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;	 
}