/* Haupt-CSS Document */
* { margin:0; padding:0; }

html { height:101%; }
body {
	color: #138;
	height:101%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:63%;
	margin:0;
	padding:0;
	background:#f8f8b8 url(../images/bg-body.png) repeat-x fixed;
}


/* allgemeine Tags wie h1, h2, p, i, em ... */
h1 {
   font-size:1.6em;
   color:#13a;
   padding:0;
   margin-left:6px;
   background:transparent url(../images/bg-h1-re.png) no-repeat scroll right top;
   height:32px;
   overflow:hidden;
}
.hh1 {
   background:transparent url(../images/bg-h1-li.png) no-repeat scroll left top;
   display:block;
   height:32px;
   padding:7px;
}
h2 { font-size:1.4em; border-bottom:1px solid #aaa; padding-bottom:2px; }
h3 { font-size:1.4em; font-weight:normal; font-variant:small-caps; }
h4 { font-size:1.3em; color:#999; }
h5 { /* wegen geafische Überschrift */
  height: 25px;
  text-indent: -999em;
  width: auto;
}
.h5i38 { left:50%; margin-left:-172px; position:relative; }
h6 { font-size:1.2em; }

h1, h2, h3, h4, h5, h6 { margin:12px 0 6px; }

#col2 h1 { font-size:1.4em; }
#col2 h2 { font-size:1.2em; }
#col2 h3 { font-size:1.2em; }
#col2 h4 { font-size:1.1em; }
#col2 h5 { font-size:1.1em; }
#col2 h6 { font-size:1.0em; }

blockquote { margin:0; padding-left:5px; border-left:5px solid #A2B3CD; text-indent:15px; }

a { color:#28f; }
a:hover { color:#f00; text-decoration:none; }

img { border: none; }

ul { margin:0; padding:0; }
ol { margin:0; padding:0; list-style:inside decimal; }
li { }

em { background:#ff0; padding: 1px 2px 1px 2px; font-weight:normal; font-style:normal; }
u  { text-decoration:none; border-bottom:1px dotted #444; padding-bottom:1px; }
p  { margin:0 0 5px 0; padding:0; }
p, th, td, li, blockquote{ font-size:1.3em; line-height:135%; }

input, select, textarea {
   font-family:verdana, arial, helvetica;
   margin-bottom:3px;
   border-color:#24c;
   border-style:dotted;
   border-width: 1px;
   font-family:verdana, arial;
   font-size:11px;
}
input, textarea { padding:2px 4px; }
input:focus, select:focus, textarea:focus { background-color:#FDFDC6; color:#444; }

hr {
   background:#F8F850 none repeat scroll 0 0;
   border-left:1px solid #2244CC;
   border-top:1px solid #2244CC;
   color:#FF0000;
   height:4px;
   margin-bottom:5px;
}
.clearer { clear:both; height:1px; font-size:0; }

table { border-collapse:collapse; empty-cells:show; margin-left:1px; }
table.fine { border:1px solid #222; margin-left:1px; }
table.fine th, table.fine td { border:1px dotted #222; }
table.contenttable th, table.contenttable td,
table.fine th, table.fine td { padding:1px 4px 2px 4px; vertical-align:top; }
td input, td select, td textarea { margin-bottom:0px; }

.mini { font-size:9px; }
.midi { font-size:11px; }

/* auch in rte.css */
.rot { color: #f00; }
.blau { color: #24c; background:#d0a000 url(../images/bg-h1-re.png) no-repeat left center; padding:2px; font-weight:bold; }
.gelb { color: #f6da35; background:#24c; padding:2px; font-weight:bold; }
.important { color: #f40; }
.detail { letter-spacing:1px; }
.n-o-p { color:#0033e0; }

.align-left { text-align:left; clear:both; }
.align-center { text-align:center; }
.align-right { text-align:right; }
.align-justify { text-align:justify; }
.spalte-links { float:left; width:48%; }
.spalte-rechts { float:right; width:48%; }
.csc-frame-frame1 { border:1px solid #222; background-color:#A2B3CD; }
.csc-frame-frame2 { border:1px solid #ad2121; background-color:#ffefef; }

.txt50  {float:left; width:48%; margin:0 10px 10px 0; }
.txt100 {float:left; width:96%; margin:0 10px 10px 0; }
.txt50 h1, .txt50 h2, .txt50 h3, .txt50 h4, .txt50 h5, .txt50 h6 { margin-top:0 !important; margin-bottom:15px; }

.lefttext {float:left; width:48%; text-align:justify;}
.righttext {float:right; width:48%; text-align:justify;}
* html .lefttext {float:left; width:49%; text-align:justify;}
* html .righttext {float:right; width:49%; text-align:justify;}
/* ---------------------------------- */

/* Definition der Haupt-DIV-Container */
#bodywrapper { width:100%; position:relative; padding-bottom:24px; }
#deko01 {
	background:transparent url(../images/bg-body01.gif) no-repeat left top;
	position:absolute;
	left:0; top:0;
	width:220px; height:250px;
	z-index:2;
}
#deko02 {       
	background:transparent url(../images/bg-body02.gif) no-repeat right bottom;
	position:absolute;
	right:0; bottom:0;
	width:100px; height:200px;
	z-index:2;
}
#deko02 div {
   color:#666;
   font-size:10px;
   left:10px;
   padding:0 3px 2px;
   position:absolute;
   top:178px;
   width:32px;
   z-index:5;
}
#deko02 div.shadow {
   color:#eee;
   font-size:10px;
   left:12px;
   padding:0 3px 2px;
   position:absolute;
   top:179px;
   width:32px;
   z-index:4;
}
#deko02 div a { color:#666; }
#deko02 div.shadow a { color:#eee; }

#main {
   position:relative;
   left:50%;
   margin-left:-498px;
   top:0; width:996px; padding:0;
   background:url(../images/bg-main-b.png);
   border:1px solid #24c;
}

#main2 {
   position:relative;
   background:#fcfcfc;
   margin:6px;
   width:984px;
}

/* Definition des Headerbereichs, enthält u.a. Headerdaten, Topmenue (Impressum ..), Hauptmenue und breadcrumb */
#header {
   background:transparent url(../images/bg-header_95x50.png);
   border-bottom:3px double #24c;
   height:160px;
   position:relative;
   top:0;
}
#header1 { left:38px;  background:transparent url(../images/kappe_142x110g_li.png) no-repeat; }
#header2 { right:38px; background:transparent url(../images/kappe_142x110g.png) no-repeat right top; }
#header1, #header2 {
   height:120px;
   position:absolute;
   top:25px;
   width:150px;
}

/* Definition der linken Spalte, enthält evtl. Submenue und Inhalt "LINKS" */

#col1, #col2, #col3, #col3-2 { position:relative; }

#col1 {
   float:left;
	width:210px;
	border-right:0px dotted #ccc;
	margin-right:15px;
}
#col1 .cc {
   margin:10px 0;
   /* muss, sonst spinnt der IE !? * /
   border-top:1px solid #fff; */
}

#left { margin:0 0 0 4px; }

/* Definition der rechten Spalte, enthält Inhalt "RECHTS" */
#col2 {
	float:right;
	width:210px;
	border-left:0px dotted #ccc;
	margin-right:0;
	margin-left:25px;
	}
#cc2 { margin:10px 10px 0 0; }
/*#col2 h1 { font-size:1.4em; background:transparent url(../images/bg-col2h1.png) no-repeat; }*/

/* Definition der mittleren Spalte, enthält Inhalt "NORMAL" */
#col3, #col3-2 { float:none; overflow:hidden; min-height:380px; padding-bottom:35px; }
#col3   { margin:0; }
#col3-2 { margin:0; }
#col3 .cc { margin:10px 0 0 0; }
#col3-2 .cc { margin:10px 30px 0 0; }

#col3 ul li, #col3-2 ul li {
   background:transparent url(../images/list.gif) no-repeat scroll left 4px;
   line-height:150%;
   padding-left:15px;
   list-style:none;
}
/* Definition der Fußzeile, enthält u.a. Copyright ... */
#footer {
   background:#FAE255;
   border-top:4px double #000088;
   color:#2244CC;
   height:24px;
   overflow:hidden;
   position:relative;
}
.footl { margin-left:5px; line-height:24px; float:left; width:50%; }
.footm { margin-right:35px; line-height:24px; float:right; width:auto; }
#footer a { color:#fff; text-decoration:none;  }

#logo-overlay {
   background:transparent url(../images/kg-rursternchen.png) no-repeat center top;
   height:100px;
   left:198px;
   overflow:hidden;
   position:absolute;
   top:30px;
   width:600px;
   z-index:100;
}
#logo-overlay a { display:block; width:100%; height:100%; font-size:0; }


/* CSS Document for NAVIGATION objects */
#topmenu {
   position:relative;
   left:50%;
   margin-left:-498px;
   top:5px; width:996px; padding:0;
   overflow:hidden;
	text-align:right;
   color:#f8f850;
	height:22px;
	font-size:11px;
}
#topmenu a { color:#f8f850; text-decoration:none; }

#menu {
   background:url(../images/bg.gif) repeat-x 50% bottom;
	font-size:0.9em;
   height:33px;
	position:relative;
   width:100%;
}
#menu ul {
   margin:0 0 0 225px;
   list-style:none; position:absolute; top:8px; left:0;
}
#menu li {
        padding:0 0 0 9px;
        background: url(../images/left.gif) no-repeat left top;
        float:left;
        line-height:15px;
}
#menu a {
        padding: 5px 15px 4px 6px; display: block; font-weight: bold;
        background: url(../images/right.gif) no-repeat right top;
        float: left; color: #765; text-decoration: none;
}
#menu a:hover {
        color:#333;
}
#menu #current {
        background-image: url(../images/left_on.gif);
}
#menu #current a {
        background-image: url(../images/right_on.gif); padding-bottom: 5px; color:#333;
}

/*- Submenue:--------------------------- */

#submenu {
   margin:10px 6px 25px 4px;
   width:195px;
   z-index:1;
}

#submenu ul {
   border-color:#7F97E9;
   border-style:solid;
   border-width:1px;
}

#submenu li { list-style:none; }
#submenu li { line-height:32px; }
#submenu li a {
   font-size:13px;
   height: 32px;
   text-decoration:none;
   color: #224;
   display: block;
   overflow:hidden;
   background:  url(../images/submenu2.gif);
   padding: 0 0 0 10px;
}
#submenu li a.letzter { height:31px; }

#submenu li a.active {
   color: #e11;
   background: url(../images/submenu2.gif);
   font-weight:bold;
}

#submenu li a.current {
   color: #224;
   background: url(../images/submenu2.gif) 0 -32px;
   font-weight:bold;
   padding: 0 0 0 10px;
}
#submenu li a:hover {
   color: #33c;
   font-weight:bold;
   padding: 0 0 0 10px;
   text-decoration:none !important;
}
        
ul.lev1 ul { margin-left:15px; }
ul.lev2, ul.lev3, ul.lev4 { border-width:1px 0 0 1px; }

#breadcrumb {
	position:relative;
	left:0;
   top:0;
	width:100%;
	height:24px;
   font-size:1.1em;
}
#breadcrumb div { margin:2px 0 0 225px; line-height:18px; color:#666; }
#breadcrumb div a { color:#666; text-decoration:none; }

/* Boxen: */
.box {
	background:#E8F0F8;
	border: 1px solid #E8F0F8;   /* MUSS, sonst spinnt der IE6 mit Verschiebungen der nachfolgenden Elemente */
	border-left:8px solid #369;
	color:#000;
	padding:0px 8px 0px 10px;
	margin:0.5em 0pt 0.5em 0pt;
}
.box1, .csc-frame-frame1 {
	background-color:#a1e8f8;
	border:1px solid #9B8aDE;
	margin-bottom:0.5em;
	padding:1px 8px;
}
.box2, .csc-frame-frame2 {
   background-color:#FFF0B8;
   border:1px solid #e11;
	color:#300;
	margin-bottom:0.5em;
	padding:1px 8px;
}
.box3 {
   background:white url(../images/bg-box3.png) repeat-y left top;
   border-color:#CCC #999 #999 #CCC;
   border-style:solid;
   border-width:1px 2px 2px 1px;
   height:1%;
   margin:5px 0 0.5em 0;
   padding:1px 5px 1px 40px;
}

.box h1, .box h2, .box h3, .box h4, .box h5, .box h6,
.box1 h1, .box1 h2, .box1 h3, .box1 h4, .box1 h5, .box1 h6,
.box2 h1, .box2 h2, .box2 h3, .box2 h4, .box2 h5, .box2 h6,
.box3 h1, .box3 h2, .box3 h3, .box3 h4, .box3 h5, .box3 h6
   { margin: 0 0 4px 0; }

/* Änderungen der Standard-Styles CSC: */
.csc-header-date { font-size:1.1em; color:#999; }


/* Anpassungen für powermail:  */
.tx-powermail-pi1 { }
.tx-powermail-pi1 p { }

.tx-powermail-pi1 textarea, .tx-powermail-pi1 input[type=text] { width:250px; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html { display:block; clear:left; font-size:1.2em; }
.tx-powermail-pi1 label {
   display:block;
   float:left;
   font-size:12px;
   width:123px;
}.tx-powermail-pi1 fieldset { border:none; padding:0; }
.tx-powermail-pi1 legend { display:none; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_radio_title { display:inline; float:left; margin-right:15px; }
.tx-powermail-pi1 .powermail_radio_inner { float:left; }
.tx-powermail-pi1 .powermail_radio_inner label { display:inline; width:auto !important; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_reset  { float:left; width:180px; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_reset input { color:#999 !important; }
.tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html_submit { clear:none; }

.powermail_all_table td { padding:2px 10px 3px 0px; }

.tx-powermail-pi1_confirmation form { float:left; margin:15px 20px 0 0 !important; }
.tx-powermail-pi1_confirmation p,
input.tx-powermail-pi1_confirmation_submit
    { font-weight:bold; color:#292 !important; }


input.powermail_radio { border:none !important; }
.powermini { font-size:0.8em; float:left; }
div.tx_powermail_pi1_fieldwrap_html_captcha {
   border-top:1px solid #ddd;
   border-bottom:1px solid #ddd;
   margin:15px 0pt;
   padding:5px 0pt 15px;
}
input.powermail_reset, input.powermail_submit { margin-right:5px; font-size:1.1em; }

div.tx-powermail-pi1_mandatory { border:5px solid #f00; padding:5px; }
div.tx-powermail-pi1_mandatory li strong { color:red; }
.tx-powermail-pi1 i { color:red; font-weight:bold; font-size:14px; }
.powermail_mandatory, .powermail_mandatory_js { color:red; }
/* Abstand zu den Submit-Buttons: */
#powermaildiv_uid26 { margin:0 0 10px; }


/* powermail für Antrag auf Mitgliederzugang */
.tx-powermail-pi1_formwrap_109 input[type=text], .tx-powermail-pi1_formwrap_109 textarea { width:190px; }


/* für die rg_smoothgallery */
.carouselInner .thumbnail { float:left; margin:0 3px 15px 0; }
.jdGallery .slideInfoZone h2 { font-size:1em !important; }

/* kk_downloader styles: */
.kk_dl_flxw { font-size:1.3em; line-height:150%; }
.click-count { background:#24c; color:#f8f8b8; font-weight:bold; padding:2px; }
.kk_filesize_class { font-size:0.9em; }

/* tt_calendar     table.   */
.tt_calendar { border:1px solid #008; width:99.8%; background:transparent url(../images/ballons-rechts.gif) no-repeat right bottom; }
.tt_calendar td { vertical-align:top; padding:5px; }
.cal_1stRow { border-top:3px double #008; }
.cal_Header { font-size:1.4em; font-weight:bold; letter-spacing:0.1em; }
.cal_Time { text-align:right; }
.cal_Date {
   background:#24c;
   color:#FCFCFC;
}
.cal_Time {
   background:#FEED81 url(../images/bg_cal_time.png) no-repeat -6px -1px;
}
.cal_Date, .cal_Time {
   width:100px;
   border-right:1px dotted #008;
   font-weight:bold;
}
.cal_Content { border-top:1px dotted #bbb; }

/* FE-Login: */
.tx-felogin-pi1 { font-size:1.2em; }
.tx-felogin-pi1 h3 { font-size:1.2em; font-weight:bold; font-variant:normal; }
.tx-felogin-pi1 fieldset { border:none; margin-top:10px; font-size:1.2em; }
.tx-felogin-pi1 fieldset legend { display:none; }

/* FE-User Listing */
.tx-feuserlisting-pi1 table { border:2px solid #ccc; width:100%; }
.tx-feuserlisting-pi1 th { background:#ccc; padding:4px; white-space:nowrap; text-align:right; }
.tx-feuserlisting-pi1 td { background:#eee; padding:4px; }
.tx-feuserlisting-pi1-listrow th { text-align:center; }
.tx-feuserlisting-pi1-singleView th { width:25%; }

/* csc Modifikationen  */
.csc-textpic-caption { font-size:1em; }
.csc-firstHeader { margin-top:0 !important; margin-bottom:15px; }
.csc-textpic { overflow:hidden; }


/* unsichtbares */
.ns { display:none; }