/* VereinsDB - Styler */

body {font: 12px/1.6em "Lucida Grande",Verdana,sans-serif;}

a {color: #000;}
a:hover {color:#c00;}
li a {color: #000; text-decoration: none;}
li a:hover {color:#666;}

div {border: 1px solid #ccc; padding: .5em;}
#login {background: #DEF1F8; width: 18em; margin: auto; padding: 2em 4em;}
#wrap {background: #fff; border: 0; width: 800px}
#logo { width: 255px; height: 39px; float: left; background: url(../img/vereinsdb-logo.gif) no-repeat 0 0; border: 0;}
#status {margin-left: 180px; border: 0;}
#mainNavi {margin: 1em 0; padding: 0;}
#subNavi {margin: 1.5em 0; padding: 0; position: absolute; left: 63em; list-style: none;}
.content {width: 60em; margin: 1em 0;}
#c1 {background: #DEF1F8;}
#c2 {background: #DEF1F8;}
#c3 {background: #DEF1F8;}

#mainNavi li {display: inline; padding: .5em; border: 1px solid #ccc;}
#subNavi li {margin: .5em 0; padding: .5em; border: 1px solid #ccc;}

fieldset {border: 1px solid #369; margin: 0 0 1em 0;}
legend {color: #369;}
fieldset fieldset {border: 1px solid #6DA1D5; margin: 0 0 1em 0;}
fieldset fieldset legend {font-size: .9em}
label {font-size: 1.1em; margin: .2em 0;}

#login label {width: 8em; float: left;}
#login h1 {font-size: 1.4em;}
#login input {width: 8em; border: 1px solid #999; background: #F6FEFF;}
#loginbtn {margin: 1em 0; padding: 0; border: none;}
#login #loginbtn input {padding: .5em; border: 1px solid #999; background: #F6FEFF; color:#c00;}

.edit {margin: 0 0 .5em 0; line-height: 1.8em; border: none;}
.edit label, label.leer {width: 12em; float: left; text-align: right; padding-right: 2em;}
.edit label.labellabel {width: 10em; float: left; text-align: left; padding-right: 1em;}
.edit input.text {width: 30em; border: 1px solid #999; background: #F6FEFF; height: 1.4em;}
.edit input.kurz {width: 8em; border: 1px solid #999; background: #F6FEFF; height: 1.4em;}
.edit textarea {width: 30em; border: 1px solid #999; background: #F6FEFF; height: 5em; margin: .5em 0 0 0; font-size: 1em;}
.edit2 {margin: 0; border: none;}
.edit2 input.date {width: 8em; border: 1px solid #999; background: #F6FEFF; height: 1.4em; margin-right: 1em;}
.edit2 input.check {background-color: none;}
.edit3 {margin: 0; line-height: 1.8em; border: none;}
.edit3 label {width: 8em; float: left;}
.edit3 input.date, .edit input.date {width: 8em; border: 1px solid #999; background: #F6FEFF; height: 1.4em; margin-right: 1em; float: left;}
.edit3 select {margin-right: 1em; border: 1px solid #999; background: #F6FEFF;}

.buttons {margin: .5em 0 0 0; border: none; background: #fff url(../img/bg_buttons.gif); text-align: center;}
div.hide-add {border: none; margin: 1em 0 0 0; padding: 0;}

.additems, .additems2 {line-height: 1.8em; background: #acb;}
.additems p {margin: 0 0 0 0;}
.additems input.kurz {width: 15em; margin-right: 1em; border: 1px solid #999;}
.additems input.lang {width: 25em; border: 1px solid #999;}
.additems label {font-size: 1em; width: 18em; float: left; }
.additems2 p {margin: 0 0 0 0;}
.additems2 label {font-size: 1em; width: 18em; float: left;}
.additems2 .inputadd {width: 30em; border: 1px solid #999; background: #F6FEFF; height: 1.4em;}
.additems2 .textadd {width: 20em; border: 1px solid #999; background: #F6FEFF; height: 5em; margin: .5em 0 0 0; font-size: 1em;}
.additems2 .textadd1 {width: 27.5em; border: 1px solid #999; background: #F6FEFF; height: 10em; margin: .5em 0 0 0; font-size: 1em;}

#addkat {margin: .5em 0 0 16em; padding: .75em 1em; width: 31em; background: #acb;}
ul#katlist { list-style: none; margin: 0; padding: 0; font-size: .85em;}

.spartlist {list-style: none; margin: 0; padding: 0; width: 50%; font-size: .85em; float: left;}

li.active {background: #DEF1F8; color: #369; border: 1px solid #369 !important;}
li.active a {background: #DEF1F8; color: #369;}

.clear {clear: left;}

table.tbllist1 {width: 100%; border-collapse: collapse; border: 1px solid #ccc; margin: .5em 0 0 0; font-size: .9em;}
table.tbllist1 th {padding: .2em .5em; border-bottom: 1px solid #ccc; background: #eee; text-align: left; vertical-align: top;}
table.tbllist1 .spz td, table.tbllist1 .even td {padding: .2em .5em; border-bottom: 1px solid #ccc; background: #ffe; border-right: 1px solid #ccc; text-align: left; vertical-align: top;}
table.tbllist1 .spzanlage td, table.tbllist1 .odd td {padding: .2em .5em; border-bottom: 1px solid #ccc; background: #eed; border-right: 1px solid #ccc; text-align: left; vertical-align: top;}
th.td-check, td.td-check {width: 1em;}
th.td-5, td.td-5 {width: 4em;}
th.td-15, td.td-15 {width: 15em;}
th.td-25, td.td-25 {width: 25em;}
table.tbllist1 .spz td {font-weight: bold;}
table.tbllist1 .spzanlage td.td-check { background: #eee;}

p {margin: 0; padding: 0;}
.delete {margin-top: .5em; padding-left: 2.5em; font-size: .8em; background: url(../img/toparrow.gif) no-repeat .8em .2em;}
.modify {xfont-style: italic; font-size: 1em; padding: 0 0 0 0em; font-weight: bold; }
.modify2 {xfont-style: italic; font-size: 1em; padding: 0; border-bottom: 1px dotted #999; }
.deletelink {color: red;}
.addlink {xfont-style: italic; font-size: 1em; padding: 0; }
p.input {margin-left: 15em;}
.additems2 p.input {margin-left: 18em;}

input.alert {border: 1px solid #900 !important; border-left: 5px solid #900 !important;}

/* sugggest */
.suggest_link {background-color: #FFFFFF; padding: 2px 6px 2px 6px;	}	
.suggest_link_over {background-color: #3366CC; padding: 2px 6px 2px 6px; }	
#search_suggest {position: absolute; background-color: #FFFFFF; text-align: left; border: 1px solid #000000;}
/*#sportart_suggest {width: 10em; border: none; margin-left: 15em;}
#vorname_suggest {width: 10em; border: none; position: absolute; left: 1em; top: .5em;}
#name_suggest {width: 10em; border: none; position: absolute; left: 1em; top: .5em;}
#nick_suggest {width: 10em; border: none; position: absolute; left: 1em; top: .5em;}
#tel_suggest {width: 10em; border: none; position: absolute; left: 1em; top: .5em;}
#mail_suggest {width: 10em; border: none; position: absolute; left: 1em; top: .5em;}*/
.edit input { z-index: 0;}
.suggestwrapper {position: relative;}
.suggestwrapper input {width: 20em !important;}
.suggestholder {position: absolute; border: none; left: 22.5em; top: -.5em; z-index: 99;}

ul.kostenliste {
	list-style: none;
	width:600px;
	float: right;
}
li.kostenitem {
	float: left;
	padding-right: 5px;
}