/* ###################################### */
/* ###      Global Configuration      ### */
/* ###################################### */



html, body {
  height            : 100%;
  width             : 100%;
  min-height        : 100%;
  margin            : 0px;
  padding           : 0px;
  font-family       : Verdana, Arial, Helvetica, sans-serif;
  font-size         : 12px;
  color             : #2d3439;


}

#outbox {
  width             : 100%;
  text-align        : center;
  height            : 100%;
  background        : url(../images/bgrnd_site.gif) repeat-x bottom #d7e8f0;
}

#mainbox {
  min-width         : 785px;
  max-width         : 1280px;
  width             : 80%;
  margin            : 0 auto;
  border            : 0px solid #000000;
  height            : 100%;
}

#maintab {
  width             : 100%;
  height            : 100%;
  padding-top       : 0px;
  padding-bottom    : 10px;
}

td {
  text-align        : left;
  vertical-align    : top;
}

div {
  padding           : 0px;
  margin            : 0px;
}

img {
  border            : 0px;
}

/* ###################################### */
/* ###      Content-Construction      ### */
/* ###################################### */


#contenttab {
  height            : 100%;
  width             : 100%;
  background        : #ffffff;
}

#tab_header {
  height            : 215px;
  background        : #AAAAAA;
}


/* Footer-format */
#tab_footer {
  height            : 60px;
  background        : url(../images/bgrnd_footer.gif) repeat-x bottom;
}

#footer_content {
  color             : #8FA0BF;
  text-align        : center;
  font-size         : 10px;
  padding-top       : 8px;
}

#footer_content a:link, #footer_content a:visited {
  color             : #A8B6CF;
  text-decoration   : underline;
}
 
#footer_content a:hover {
  color             : #FFFFFF;
  text-decoration   : underline;
}
/* ----- */

 
#leftarea {
  width             : 180px;
  background        : #ffffff;
  vertical-align    : top;
  padding-bottom    : 5px;
  padding-left      : 5px;
}

#rightarea {
  width             : 180px;
  background        : #ffffff;
  vertical-align    : top;
  padding-bottom    : 5px;
  padding-right     : 5px;
  border            : 0px solid #AAAAAA; /* Kontrollrahmen */
}

#contentarea {
  vertical-align    : top;
  width             : 100%;
}

#content_outbox {
  padding-left      : 15px;
  padding-right     : 15px;
  padding-bottom    : 15px;
  border            : 0px solid #AAAAAA; /* Kontrollrahmen */
}

.content_box {
  margin-bottom     : 30px;
}


/* ###################################### */
/* ###              Header            ### */
/* ###################################### */

#topbar {
  height            : 45px;
  background        : url(../images/bgrnd_topbar.gif) repeat-x bottom #021a46;  
}

#header {
  height            : 120px;
  background        : url(../images/bgrnd_header.gif) repeat-x bottom;  
}

#navibar {
  height            : 30px;
  background        : url(../images/bgrnd_navibar.gif) repeat-x bottom #ae9785; 
}

#navishadow {
  height            : 20px;
  background        : url(../images/bgrnd_shadow.gif) repeat-x bottom;  
}

#topbarlogo {
  float             : left;
  height            : 45px;
  width             : 180px;
  vertical-align    : bottom;
  background        : url(../images/topbar_logo.jpg) no-repeat left;  
}

#headerpic {
  height            : 120px;
  background        : url(../images/header.jpg) no-repeat left; 
}


#userinfo {
  padding-top       : 85px;
  text-align        : right;
  color             : #0F3376;
}

/* ###################################### */
/* ###           Navibar 1            ### */
/* ###################################### */

.toplinks1 {
  height            : 40px;
  line-height       : 40px;
}

.toplinks1 ul {
  margin            : 0;
  padding           : 0;
  list-style        : none;
  height            : 40px;
}

.toplinks1 li {
  float             : left;
  margin            : 0;
  padding           : 0;
}

.toplinks1 #leftimg {
  width             : 94px;
  background        : url(../images/toplinks1_left.gif) no-repeat;
  height            : 40px;
  border-right      : 1px solid #223d7d;
}

.toplinks1 #rightimg {
  width             : 94px;
  background        : url(../images/toplinks1_right.gif) no-repeat;
  height            : 40px;
  border-left       : 1px solid #5372be;
}

.toplinks1 a:link, .toplinks1 a:visited{
  float             : left;
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #f7ffe6;
  border-left       : 1px solid #5372be;
  border-right      : 1px solid #223d7d;
  line-height       : 40px;
  padding           : 0px 10px 0px 10px;
  background        : url(../images/topbar1_out.gif) #435dbc;
 }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.toplinks1 a {float:none;}
/* End IE5-Mac hack */

.toplinks1 a:hover {
  background    : url(../images/topbar1_hover.gif) #5272D5;
  color         : #FFFFFF;
  }
  
.toplinks1 #current a {
  background    : url(../images/topbar1_hover.gif) #5272D5;
  color         : #FFFFFF;
  }

.toplinks1 #current{
  background    : url(../images/topbar1_hover.gif) #5272D5;
  color         : #FFFFFF;
  }



/* ###################################### */
/* ###           Navibar 2            ### */
/* ###################################### */

.toplinks2 {
  height            : 30px;
  line-height       : 30px;
}

.toplinks2 ul {
  margin            : 0;
  padding           : 0;
  list-style        : none;
  height            : 30px;
}

.toplinks2 li {
  float             : left;
  margin            : 0;
  padding           : 0;
}


.toplinks2 a:link, .toplinks2 a:visited{
  float         : left;
  display       : block;
  text-decoration:none;
  font-weight   : normal;
  color         : #f7ffe6;
  border-left   : 1px solid #AFA399;
  border-right  : 1px solid #6F5845;
  line-height   : 30px;
  padding       : 0px 10px 0px 10px;
 }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.toplinks2 a {float:none;}
/* End IE5-Mac hack */

.toplinks2 a:hover {
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #FFFFFF;
  }
  
.toplinks2 #current a {
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #FFFFFF;
  }

.toplinks2 #current{
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #FFFFFF;
  }

/* ###################################### */
/* ###           Navibar 3            ### */
/* ###################################### */

.toplinks3 {
  height            : 30px;
  line-height       : 30px;
}

.toplinks3 ul {
  margin            : 0;
  padding           : 0;
  list-style        : none;
  height            : 30px;
}

.toplinks3 li {
  float             : left;
  margin            : 0;
  padding           : 0;
}


.toplinks3 a:link, .toplinks3 a:visited{
  float         : left;
  display       : block;
  text-decoration:none;
  font-weight   : normal;
  color         : #e6d39b;
  border-left   : 1px solid #AFA399;
  border-right  : 1px solid #6F5845;
  line-height   : 30px;
  padding       : 0px 10px 0px 10px;
 }

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.toplinks3 a {float:none;}
/* End IE5-Mac hack */

.toplinks3 a:hover {
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #f1e4d2;
  }
  
.toplinks3 #current a {
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #f1e4d2;
  }

.toplinks3 #current{
  background    : url(../images/bgrnd_navi_hover.gif) #A7907E;
  color         : #f1e4d2;
  }



/* ###################################### */
/* ###            Navibox             ### */
/* ###################################### */

.navibox_head {
  width             : 175px;
  height            : 35px;
  background        : url(../images/navibox_head.gif) no-repeat;
  color             : #FFFFFF;
}

.navibox_head h1 {
  font-size         : 12px;
  color             : #FFFFFF;
  margin-left       : 10px;
  padding-top       : 9px ;
}

.navibox {
  width             : 175px !important;
  min-height        : 130px;
  background        : url(../images/navibox_bgrnd.gif) no-repeat bottom #fff0d4;
  margin-bottom     : 5px;
}

.navibox_content {
  margin-left       : 10px;
  margin-right      : 10px;
  padding-bottom     : 10px;
}

.navibox ul {
  margin            : 0;
  padding           : 0;
  list-style        : none;
}

.navibox li {
  margin            : 0px;
  padding           : 0px;
  border-bottom     : 1px dotted #e1cdb0;
}


.navibox a {
  display           : block;
  text-decoration   : none;
  font-weight       : normal;
  color             : #564f48;
  line-height       : 20px;

  background        : none;
}


 a:link, .navibox a:visited {
  color             : #564f48;
  text-decoration   : none;
}

.navibox a:hover {
  color             : #FF0000;
  text-decoration   : none;
}

.navibox a:focus {
  color             : #FF0000;
  text-decoration   : none;
}

/* ###################################### */
/* ###           Headlines            ### */
/* ###################################### */

#content_outbox h1 {
  font-size       : 18px;
  color           : #e84c00;
  font-weight     : bold;
  padding-bottom  : 2px;
  margin-bottom   : 20px;
  border-bottom   : 1px solid #e4dad5;
  text-align      : left;
}

h2 {
  font-size       : 16px;
  color           : #ec7400;
  font-weight     : bold;
  margin-bottom   : 10px;
}


h3 {
  font-size       : 14px;
  color           : #ec7400;
  font-weight     : bold;
  margin-bottom   : 6px;
}

th {
  background      : #EFEFEF;
}


/* ###################################### */
/* ###             Links              ### */
/* ###################################### */

#content_outbox a:link, #content_outbox a:visited {
  color                 : #10367e;
  text-decoration       : underline;
}

#content_outbox a:hover {
  color                 : #FF0000;
  text-decoration       : underline;
}

.content_box a {
  background-image      : url(../images/link_img.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 12px;
  color                 : #10367e;
  text-decoration       : underline;
}

.content_box a:hover {
  color                 : #FF0000;
}

.linkimg {
  background-image      : url(../images/link_img.gif);
  background-repeat     : no-repeat;
  background-position   : 0 2px;
  padding-left          : 12px;
}

/* ###################################### */
/* ###             Forum              ### */
/* ###################################### */

.greyblue {
  background            : #DDE2EB;
}

.bgrnd_theme_topic {
  background            : #B1BCD5;
  color                 : #0E2C67;
} 

.bgrnd_topic_bottom {
  background            : #E8EBEF !important;
}

.border_left  { border-left   : 1px solid #A5ABAF;}
.border_right { border-right  : 1px solid #A5ABAF;}
.border_top   { border-top    : 1px solid #A5ABAF;}
.border_bottom { border-bottom: 1px solid #A5ABAF;}
.border_all   { border        : 1px solid #A5ABAF;}

.forum_table td {
  border-bottom         : 1px solid #A5ABAF;
}



/* ###################################### */
/* ###          Member Table          ### */
/* ###################################### */

.member_table {
  border-collapse : collapse;
  border          : 1px solid #A5ABAF;
  margin-top      : 20px;
}

.member_table th {
  background      : #B1BCD5;
  color           : #0E2C67;
}

.member_table td {
  border          : 1px solid #A5ABAF;
  vertical-align  : middle;
  padding-left    : 5px;
}



/* ###################################### */
/* ###           Guestbook            ### */
/* ###################################### */

#bookentries {
  border        : 0px solid #000;
  width         : 100%;
  margin        : auto; 
  text-align    : center; 
}

/* Eintragsformular */
#bookform {
  margin        : auto;
  width         : 100%;
}

#bookform col {
  border        : 0px solid #000;
}

#bookform th {
  border-width  : 0px;
  font-weight   : bold;
  padding-left  : 5px;
  border-right  : 1px solid #A5ABAF;
}



#bookform input[type=text] {
  width         : 250px;
  border        : 1px solid #AAAAAA;
}

#bookform textarea {
  width         : 250px;
  border        : 1px solid #AAAAAA;
}

#booknavlist {
        border: 0px;
        margin: 0px;
        margin-bottom: 30px;
        padding: 0px;
        padding-left: 25px;
        padding-top: 3px;
        padding-bottom: 3px;
        font-weight: bold;
        background-color: #FFF;
}

#booknavlist a, #booknavlist a:link, #booknavlist a:visited, #booknavlist a:active, #booknavlist a:focus {
        font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
        background-color: #FFF;
        color: #003399;
        padding: 1.5px;
        margin: 0;
        margin-left: 2px;
        margin-right: 2px;
        text-decoration: none;
}

#booknavlist a:hover {
        background-color: #003399;
        color: #FFF;
}

#booknavlist li {
        padding-right: 1px;
        display: inline;
}

#booknavlist ul {
        margin: 0px;
        padding: 0px;
}

#booknavlist #booknavactive a, #booknavlist #booknavactive a:visited, #booknavlist #booknavactive a:active, #booknavlist #booknavactive a:hover {
        background-color: #003399;
        color: #FFF;
        font-weight: bold;
}


fieldset.bookfld {
  border: 3px solid #000;
  width: 50%;
  margin: auto;
}

fieldset.bookfld legend {
  font-weight: bold;
  font-size: larger;
}

table.booktable {
  width: 90%;
  margin: auto;
}

table.booktable col {
  border-width: 0px;
}

caption.booktabcap {
   color: #003399;
     font-family: Arial, Helvetica, sans-serif;
     font-size: larger;
     font-weight: bold;
     margin-left: auto;
     margin-right: auto;
     caption-side: top;      /* top|bottom|left|right */
}
                           
td.bookcell th.bookcell {
  border-width: 0px;
}

tr.booklinec1 {
  background-color: #FFF;
}

tr.booklinec2 {
  background-color: #DDD;
}

/* Einträge */


table.eintrag_main {
  width             : 100%;
  border            : 1px solid #A5ABAF;
  text-align        : left;
  margin-bottom     : 30px;
  border-collapse   : collapse;
}

table.eintrag_main col {
  margin: 0px;
}
td.eintrag_title {
  font-weight       : bold;
  padding           : 5px;
}

td.eintrag_date {
  white-space       : nowrap;
  width             : 100%;
  text-align        : right;
  font-size         : smaller;
  padding           : 5px;
}

td.eintrag_left {
  width             : 30%;
  padding           : 5px;
  vertical-align    : top;
}

td.eintrag_right {
  vertical-align    : top;
  width             : 70%;
  background-color  : #fff;
  text-align        : left;
  padding           : 15px;


}


/* ################################## */
/* ###          ABSTÄNDE          ### */
/* ################################## */

.mtop2    {margin-top:      2px;}
.mtop5    {margin-top:      5px;}
.mtop10   {margin-top:     10px;}
.mtop15   {margin-top:     15px;}
.mtop20   {margin-top:     20px;}
.mtop25   {margin-top:     25px;}
.mtop30   {margin-top:     30px;}
.mtop35   {margin-top:     35px;}
.mtop40   {margin-top:     40px;}
.mtop45   {margin-top:     45px;}
.mtop50   {margin-top:     50px;}

.mbot2    {margin-bottom:   2px;}
.mbot5    {margin-bottom:   5px;}
.mbot10   {margin-bottom:  10px;}
.mbot15   {margin-bottom:  15px;}
.mbot20   {margin-bottom:  20px;}
.mbot25   {margin-bottom:  25px;}
.mbot30   {margin-bottom:  30px;}
.mbot35   {margin-bottom:  35px;}
.mbot40   {margin-bottom:  40px;}
.mbot45   {margin-bottom:  45px;}
.mbot50   {margin-bottom:  50px;}

.mleft2   {margin-left:     2px;}
.mleft5   {margin-left:     5px;}
.mleft10  {margin-left:    10px;}
.mleft15  {margin-left:    15px;}
.mleft20  {margin-left:    20px;}
.mleft25  {margin-left:    25px;}
.mleft30  {margin-left:    30px;}
.mleft35  {margin-left:    35px;}
.mleft40  {margin-left:    40px;}
.mleft45  {margin-left:    45px;}
.mleft50  {margin-left:    50px;}

.mright2  {margin-right:    2px;}
.mright5  {margin-right:    5px;}
.mright10 {margin-right:   10px;}
.mright15 {margin-right:   15px;}
.mright20 {margin-right:   20px;}
.mright25 {margin-right:   25px;}
.mright30 {margin-right:   30px;}
.mright35 {margin-right:   35px;}
.mright40 {margin-right:   40px;}
.mright45 {margin-right:   45px;}
.mright50 {margin-right:   50px;}

.ptop2    {padding-top:     2px;}
.ptop5    {padding-top:     5px;}
.ptop10   {padding-top:    10px;}
.ptop15   {padding-top:    15px;}
.ptop20   {padding-top:    20px;}
.ptop25   {padding-top:    25px;}
.ptop30   {padding-top:    30px;}

.pbot2    {padding-bottom:  2px;}
.pbot5    {padding-bottom:  5px;}
.pbot10   {padding-bottom: 10px;}
.pbot15   {padding-bottom: 15px;}
.pbot20   {padding-bottom: 20px;}
.pbot25   {padding-bottom: 25px;}
.pbot30   {padding-bottom: 30px;}

.pleft2   {padding-left:    2px;}
.pleft5   {padding-left:    5px;}
.pleft10  {padding-left:   10px;}
.pleft15  {padding-left:   15px;}
.pleft20  {padding-left:   20px;}
.pleft25  {padding-left:   25px;}
.pleft30  {padding-left:   30px;}

.pright2  {padding-right:   2px;}
.pright5  {padding-right:   5px;}
.pright10 {padding-right:  10px;}
.pright15 {padding-right:  15px;}
.pright20 {padding-right:  20px;}
.pright25 {padding-right:  25px;}
.pright30 {padding-right:  30px;}

.pall2    {padding:         2px;}
.pall5    {padding:         5px;}
.pall10   {padding:        10px;}
.pall15   {padding:        15px;}
.pall20   {padding:        20px;}
.pall25   {padding:        25px;}
.pall30   {padding:        30px;}