/** seitenlayout *******************************************************************************************************************/

body { background-color:#CECCCA; margin:0px; padding:0px; }
#container { height: auto; width: 946px; margin:40px auto 40px auto; font-family: Verdana,Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; }
#header { background-image: url("../images/top.png"); background-repeat: no-repeat; padding:30px 50px 0px 50px; height:5px; text-align:right; font-size:12px; color: #FFFFFF; }
#filler { background-image: url("../images/middle.png"); background-repeat: repeat-y; }
#logo { width:850px; height:100px; margin:0px auto 0px auto; }
#cont_navi { width:899px; margin-left:26px; }
#main_container { padding:0px; margin:10px 0px 20px 30px; width:940px; }
#left_content { width:140px; height:auto; float:left; padding:0px 10px 10px 10px; color:#FFFFFF; }
#main_content { width:700px; min-height:390px; padding:0px 10px 10px 15px; background-image: url("../images/h_linie.png"); background-repeat: repeat-y; color:#FFFFFF; float:left; font-size:12px; margin-bottom:0px; }
.border { width:850px; margin:0px auto 0px auto; padding-bottom:10px; }
.clear { clear: both; width: 850px; margin: 0px auto 0px auto; padding: 0px; text-align: center; color: #FFFFFF; }
#footer { background-image: url("../images/bottom.png"); background-repeat: no-repeat; padding:0px 50px 10px 50px; font-size:12px; height:180px; text-align:center; color:#FFFFFF; }

/** navigation *******************************************************************************************************************/

.reiter{ position: relative; padding: 0px 0px 0px 34px; margin: 0px auto 0px auto; background: url("../images/bg.png") repeat-x; height: 46px; list-style: none; }
.reiter li { float:left; }
.reiter li a { float: left; display: block; color:#5F5F5F; text-decoration: none; outline:0; font-size: 12px; text-transform: uppercase; letter-spacing:-1px; font-weight: bold; padding:0px 0px 0px 16px; height: 46px; line-height: 46px; text-align: center; cursor: pointer; }
.reiter li a b { float: left; display: block; padding: 0px 14px 0px 0px; }
.reiter li.current a,
.reiter li a:hover { color: #FFFFFF; background: url("../images/hover_left.png"); background-repeat: no-repeat; background-position: left; }
.reiter li.current a b,
.reiter li a:hover b { color: #FFFFFF; background-image: url("../images/hover_right.png"); background-repeat: no-repeat; background-position: right top; }

/** stile *******************************************************************************************************************/

h1 { font-size:16px; font-weight:bold;   letter-spacing: -1px; }
.Stil1 { color:#4A4A4A; }
.Stil2 { color:#FFFFFF; }
a { color:#FFFFFF; outline:0; text-decoration:none; }
a:hover { color:#544F43; outline:0; text-decoration:none; }
.break { clear:both; margin: 0px; padding: 0px;}
.button_normal,
.button_mover { padding: 3px; color: #333333; background: url("../images/button_a.png")repeat-x 0px 0px; height:24px; width: auto; border: 1px solid #000000; padding-bottom: 4px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.button_mover { color: #FFFFFF; background:  url("../images/button.png") repeat-x 0px 0px; cursor:pointer; }

/** anmelde maske *******************************************************************************************************************/

#admin_login { width:290px; height:280px; margin: 30px auto 0px auto; padding-top:20px; background-image: url("../images/admin_login.png"); background-repeat:  no-repeat; color:#000000; }
.login_desc { width:50px; font-weight:bold; text-align:right; }
.input_login_name { width:150px; }
.login_field { font-size:11px; width:130px; }
.chk { vertical-align:middle; }
.chk_title { font-size:11px; letter-spacing:-0.6px; }

/** mitgliedertabelle *******************************************************************************************************************/
 
.td { background-image: url("../images/button_a.png"); background-repeat: repeat-x; color:#333333; font-weight:bold; padding: 3px; }
.td_content { text-align:center; padding-top:3px; padding-bottom:3px; color: #000000;}
.change_td { background-color:#DBDBDB; color:#000000; cursor:default; }
.change_td_back { background-color:transparent; cursor:default; }

.tr_0 { background-color:#CECECE; }
.tr_1 { background-color:#B8B8B8; }

/** tooltips *******************************************************************************************************************/

.tooltip { position: absolute; display: none; background-color: #FFFFFF; width:450px; border:1px solid #DDDDDD; height:auto; font-size:11px; }
.tooltip_head { background: url("../images/button_a.png") repeat-x 0px 0px; height:19px; text-align:left; padding:2px 5px 4px 5px; color:#000000; font-weight:bold; }
.tooltip_content { border-top:1px solid #DDDDDD; padding:5px; background-color:#EEEEEE; text-align:left; color: #000000; }
.help_icon { background-image: url("../images/info.png"); background-repeat: no-repeat; padding:2px; padding-left:10px; padding-right:10px; cursor:pointer; }

/** info, fehler statistik und hinweise *******************************************************************************************************************/

.ok { width: 100%; height: auto; border: 1px solid #16B000; background: url("../images/ok.png") no-repeat 10px center #D5FFCE; }
.error { width: 100%; height: auto; border: 1px solid #FF0000; background: url("../images/error.png") no-repeat 10px center #FFD5D5; }
.information { width: 100%; height: auto; border: 1px solid #F1A901; background: url("../images/information.png") no-repeat 10px center #FFEBBB; }
.statistik { width: 100%; height: auto; min-height: 80px; border: 1px solid #F1A901; background: url("../images/stats.png") no-repeat 10px 5px #FFEBBB; }
.grey { width: 100%; height: auto; border: 1px solid #DDDDDD; background-color: #CCCCCC; color:#000000; padding: 5px; }
.ok ul, .error ul, .information ul, .statistik ul { list-style-type: none; }
.ok li, .error li, .information li { padding-left: 20px; color: #000000; }
.statistik li { padding-left: 50px; color: #000000; }

/** formular iput felder *******************************************************************************************************************/

.settings_input,
.settings_input_ddl { width: 200px; border:1px solid #666;  background:  url("../images/input.jpg") repeat-x 0px 0px; padding:3px; font-family: Verdana, Arial, Helvetica, Sans-serif; font-size: 11px;}
.settings_input_ddl { width: 207px; }

/** blätterfunktion *******************************************************************************************************************/

#main_content .seiten_anzeige { margin-right:12px; font-weight:bold; }
#main_content .seiten_navi a,
#main_content .seiten_navi .active,
#main_content .seiten_navi a:hover { border:1px solid #333333; font-weight: bold; font-size: 11px; padding:2px 5px; background:url("../images/button_a.png") #D9D9D5 repeat-x 0px 0px; color:#000000; text-decoration:none; outline:none; }
#main_content .seiten_navi .active,
#main_content .seiten_navi a:hover { background:url("../images/button.png") #FF6600 repeat-x 0px 0px; color:#FFFFFF; }

/** suchmaske *******************************************************************************************************************/

#search{ height:44px; margin: 0px 0px 10px -3px; float:left;}
#search form{ background: url(../images/search_bg.png) no-repeat center center; width: 280px; height: 40px; font: bold 12px Verdana,Arial, Helvetica, Tahoma; color:#555555; text-shadow: 0px 1px 0px #FFFFFF; }
#search .search_title { float: left; height: 10px; width:70px; margin:12px 0 0 20px; }
#search .input { width: 134px; margin: 9px 0 0 10px; border: none; font-size: 12px; font-family: Verdana;  color: #333333; float: left; height:18px; background: none; }
#search button{ cursor: pointer; width: 30px; height: 30px; border: 0; background: url(../images/search.png) no-repeat 0 0; margin: 9px 3px 0 0; text-indent: -9999px; float: right; padding:0; outline:0 }

#search_reset { float:right; margin: 0px 0px 0px 10px; padding: 8px 8px 8px 50px;  border: 1px solid #F1A901; background: url("../images/information.png") no-repeat 10px center #FFEBBB; color: #000000; }
#search_reset a,
#search_reset a:hover { color: #000000; font-weight: bold; outline:0; text-decoration: none;}
#search_reset a:hover { color: #F1A901; }