/* CSS-Datei zur Vorlage "http://wwww.css-vorlagen.de/templates/2-spalten-variabel.html */
/* Diese Datei darf frei verwendet und angepasst werden, unterliegt jedoch der http://creativecommons.org/licenses/by/2.0/ */
*{
 margin:0;
 padding:0;
}
body{
   background:       #F5F6F2;
   font-family:      verdana,arial,sans-serif;
   font-size:        12px;
   text-align:       center;
   color:            black;
   background-color: #F5F6F2;
   margin:           0;
   padding:          1em;
   min-width:        41em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
   }


div#Seite {
   background-image:         url(bilder/top_bg.jpg);
   background-repeat:        no-repeat;
	 background-position:			 top right;
   font-size:        0.9em;
   text-align:       left;    /* Seiteninhalt wieder links ausrichten */
   margin:           auto;      /* standardkonforme horizontale Zentrierung */
/*   width:            760px;  */
	 width:						 95%;
   padding:          0;
   background-color: #ffffdd;
   border:           1px ridge #60632C;
   min-height:       380px;
   }
html>body div#Seite {
   border-color:                  #60632C;  /* Farbangleichung an den Internet Explorer  */
  }
h1 {
   background-image:         url(bilder/top.gif);
   background-repeat:        no-repeat;
   margin:                                                                  0;
   padding:                                                                  0;
   text-align:                                                  center;
   color:                                                                    #ffffff;
   background-color:                          transparent;
   height:                                                                          80px;
   line-height:                                                   80px;
  }
html>body h1 {
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }
h1.admin {
    font-size:                                                                   1.5em;
    background-image:                                         url(bilder/top.jpg);
    background-repeat:                                 no-repeat;
    margin:                                                                  0;
    padding:                                                                  0;
   text-align:                                                  center;
    color:                                                                    #ffffff;
   background-color:                          #ffffff;
    height:                                                                         80px;
   }
html>body h1.admin{
    border-color: gray;  /* Farbangleichung an den Internet Explorer  */
  }
#kruemel {width:100%; overflow:hidden; background:#ffffff url(bilder/nav_button.gif) repeat-x; border-top:1px #333 solid; border-bottom:1px #333 solid;}
#kruemel ul {display:block; margin:0; padding:0; font-size:10px; line-height:1em;}
#kruemel ul li {float:right; margin:0; padding-left:1em; padding-right:1em;  background:#b8b8b8  url(bilder/nav_button.gif) repeat-x center right; font-size:10px; line-height:1em; list-style-type:none; border-left:2px #fff solid; border-right:1px #aaa solid;}
#kruemel ul li#first {border-right:1px #aaa solid; border-left:none; padding:0.5em 0em 0.5em 0em; width:48px;}
#kruemel ul li#last {border-left:1px #fff solid; border-right:none; padding:0.5em 0em 0.5em 0em;}
#kruemel ul li a {display:block; width:auto; font-size:1em; font-weight:bold; background:transparent; text-decoration:none; color:#000; margin:0; padding:0.5em 0.8em 0.5em 0.8em;}
#kruemel ul li a:hover {background:#eee; color:#333; text-decoration:none;}
#kruemel ul li#current {border-left:1px #444 solid; border-right:1px #888 solid;background:transparent url(bilder/background_active.gif) repeat-x center right;}
#kruemel ul li#current a, #kruemel ul li#current a:hover {color:#fff; background:transparent; text-decoration:none;}
html>body h1.kruemel {
    border-color: #ffffff;  /* Farbangleichung an den Internet Explorer  */
  }
.kruemelhier {
    border-left:     1px solid #ffffff;
    font-weight:     bold;
    padding:         5 5px 5 5px;
    text-align:      center;
    width:           100px;
}
.kruemelprint  {
   float:         right;
   padding:       10px 0 0 0;
}
h2   				{   font-size: 1.2em;   }
.subtitel   {  font-size: 1.1em;  }
h3   {   font-size: 0.9em;   }
h6   {   font-size:        1.1em                 }
#table,tr,td   {
  font:          11px verdana,arial,sans-serif;
   }
#p   {
  font:          12px verdana,arial,sans-serif;
}
hr.normal   {
   color:                                                                  #C9CBAC;
   background-color:                 #C9CBAC;
   border:                                                         none;
   height:                                                         1px;
}
hr.intern   {
   color:                                                                  #008080;
   background-color:                 #008080;
   border:                                                         none;
   height:                                                         1px;
}
#links{
   border:                0px solid #ccc;
   float:                 left;  
   font-size:             0.9em;
   padding-top:           1em;
   margin:                0 0.4em 1em 0.1em;
/*   min-height: 						400px;
 	 height: 								70%;  */
   border:                 0px ridge #C9CBAC;
   width:                  20%;  /*140px;  */
}
#Navi_Icon {
   background-image:         url(bilder/Navi_Icon.gif);
   background-repeat:        no-repeat;
	 background-position:			 top  left;
   height:                   212px;
   line-height:              212px;
	 
	 }
#menu{

  font:11px verdana,arial,sans-serif;
 width:140px
}
#liste{
/* background:#ffffff;  */
 border-bottom:                                        0px solid #951d1d;
 border-left:                                                0px solid #ccc;
 border-right:                                        0px solid #ccc;
 list-style:                                                none;
 margin:                                                                5px  0  5px  5px;;
 width:                                                                        138px
}
#liste li a{
 border-bottom:                                        1px solid #C9CBAC;
 color:                                                                        #666;
 display:                                                                block;
 padding:                                                                5px 8px;
 text-decoration:                                none;
 width:                                                                        122px
}
#liste li a:hover{
   color:            #C9CBAC;
   text-decoration:         none
}
#liste li .hier {
   border-bottom:  1px solid #C9CBAC;
   font-weight:                 bold;
   color:                                         #C9CBAC;
   display:                                 block;
   padding:                                 5px 8px;
   width:                                         122px
  }
/*  2. Unterkategorie   */
#sub{
   list-style:                  none;
   margin:                      5px 0 0 15px;
   width:                       128px
}
#sub li a   {
   border-bottom:                  1px solid #C9CBAC;
   color:                                                 #666;
 display:                                         block;
 padding:                                         1px 8px;
 text-decoration:  none;
 width:                                                 105px
}
#topicshort {
   font-weight:               bold;
   color:                     #a52121;
   margin-left:               0.2em;
  }
div#inhalt   {
    background:              #ffffff;
    float:                   right;
    width:                   75%;
    min-height:              350px;
    margin:                  10px 10px 10px 0px;
    border:                  1px dashed silver;
    padding:                 10px 10px   10px 10px;
    }
h3.topicinhalt
		{
    font-weight:               bold;
    color:                     #5C6127;
    font-size:             		 1.2em;
    padding-top:           		 1em;
    margin:                		 0 0.4em 1em 0.1em;
		}
#ideetab1 {
/*  background:                  #ffffdd;  */
  border-style:                solid;
  border-width: 							 1px  0  1px  0;
  border-color:								 #5C6127;
  padding:										 0;
  width:                       95%;
  margin:											 1em auto;
	padding:										 5px;
}
#branchetab1 {
  background:                  #ffffdd;
  border-style:                solid;
  border-width: 							 1px  1px  1px  1px;
  border-color:								 #5C6127;
  padding:										 0;
  width:                       95%;
  margin:											 1em auto;
}
#branchetab2 {
  background:                  #dfdfdf;
  border-style:                solid;
  border-width: 							 1px  1px  1px  1px;
  border-color:								 #5C6127;
  padding:										 0;
  width:                       95%;
  margin:											 1em auto;
}
.littleright   {
  float:             left;
   margin:           0 0.4em 0 4em;
}
ul#easy li {
   list-style:                 none;
   display:                    block;
   padding:                    0;
   margin:                     5px  5px;
   background:                 #ffffdd;
   border:                     1px solid silver;
   width:                      95%;
  }
ul#impressum li {
   list-style:                none;
   display:                                block;
   padding:                                5px  5px  5px  5px;
   margin:                                4px  4px  4px   4px;
   background:                 #ffffdd;
   border:                                 1px solid silver;
   width:                                         95%;
}
ul#documents li {
   list-style:                none;
         display:                                block;
   font-size:                 11px;
         padding:                                5px 8px;
         margin:                                5px  5px;
         background:                 #ffffdd;
         border:                                 1px solid silver;
         width:                                         95%;
}
#topicinhalt {
   font-weight:                 bold;
   color:                                         #a52121;
          margin-left:                        0.2em;
  }
p#Fusszeile {
    font-weight:       normal;
    clear:             both;
    font-size:         0.9em;
    margin:            0;
    padding:           0.3em;
    text-align:        center;
    background-image:  url(bilder/bg_foot.gif);
    background-repeat: repeat-x;
    background-color:  #C9CBAC;
    border-top:        1px #5C602A solid;
    color:             #5C602A;
    height:            10px;
    display:           inline-block;
    width: 99.4%;  
}
.left   {
    float:             left;
    width:             90%;
}
.right   {
    float:             right;
    width:             10%;
}
form   {
   background-color:  #ffffff;
         display:                                                inline;
         }
.button   {
   background-color:                        #ffffff;
         border:                                                                0px;
   color:                                                                         #a52121;
   font-weight:                                         bold;
}
.button1   {
   background-color:     #ffffff;
   border:               0px;
   color:                #5C602A;
   font-weight:          bold;
}
/*-------- ausgabe für den internen bereich ------------ */
#iliste{
 background:                                          #ffffdd;
 border-bottom:                                 0px solid #951d1d;
 border-left:                                         0px solid #ccc;
 border-right:                                 0px solid #ccc;
 list-style:                                         none;
 margin:                                                         5px;
 width:                                                                 138px
}
#iliste li a{
 border-bottom:1px solid #008080;
 color:#666;
 display:block;
 padding:5px 8px;
 text-decoration:none;
 width:122px
}
#iliste li a:hover{
   color:            #008080;
   text-decoration:         none
}
#iliste li .hier {
          border-bottom:  1px solid #008080;
   font-weight:                 bold;
   color:                                         #008080;
          display:                                 block;
          padding:                                 5px 8px;
   width:                                         122px
  }
#itopicshort {
   font-weight:        bold;
   color:              #5C602A;
   margin-left:        0.2em;
   }
  p#iFusszeile {
    clear:            both;
    font-size:        0.7em;
    margin:           0;
    padding:          0.2em;
    text-align:       center;
    background-color: #5C602A ;
    color:            #ffffff;
  }
#itopicinhalt {
   font-weight:       bold;
   color:             #5C602A;
   margin-left:       0.2em;
  }
#itabelle {
/*  border-collapse:collapse;  */
  border-spacing:0;
  border-style:solid;
  border-width: 1px  0  1px  0;
  border-color:#008080;
  padding:1px;
  width:95%;
  margin:1em auto;
}
#itabelle td.text {
/*  border-style:solid;
  border-width:1px;
  border-color:#ff0000;  */
  padding:4px;
  width:95%;
  text-indent:5px;
}
#itabelle td.check {
 /* border-style:solid;
  border-width:1px;
  border-color:#ff0000;  */
  padding:1px;
  text-indent:5px;
}
#itabelle1 {
/*  border-collapse:collapse;  */
  border-spacing:0;
  border-style:solid;
  border-width: 1px  1px  1px  1px;
  border-color:#008080;
  padding:1px;
  width:95%;
  margin:1em auto;
}
#itabelle1 th {
   text-align:                          left;
          color:                                           #008080;
          background-color: #dcdcdc;
  padding:4px;
  text-indent:5px;
}
#itabelle1 td {
  border-style:solid;
  border-width:1px  0  0  0;
  border-color:#008080;
  padding:4px;
  width:95%;
  text-indent:5px;
}
a.txt2        { text-decoration:none; color:#a52121; font-size:11px; font-family:Verdana; font-weight: bold; line-height:13px;}
a.txt2:link    { text-decoration:none; color:#a52121; font-size:11px; font-family:Verdana; font-weight: bold; line-height:13px;}
a.txt2:visited { text-decoration:none; color:#a52121; font-size:11px; font-family:Verdana; font-weight: bold; line-height:13px;}
a.txt2:active  { text-decoration:none; color:#a52121; font-size:11px; font-family:Verdana; font-weight: bold; line-height:13px;}
a.txt2:hover   { text-decoration:none; color:#808080; font-size:11px; font-family:Verdana; font-weight: bold; line-height:13px;}
div#kl_seite {
   font-size:        0.9em;
   text-align:                          left;    /* Seiteninhalt wieder links ausrichten */
   margin:                                          0 auto;      /* standardkonforme horizontale Zentrierung */
   width:                                          500px;
   padding:                                  0;
   background-color: #ffffdd;
   border:                                          1px ridge #a52121;
   }
  html>body div#kl_seite {
   border-color:                  #a52121;  /* Farbangleichung an den Internet Explorer  */
  }
table.monthstat   {
   border-bottom:               1px ridge #a52121;
}
table.apply   {
	 width:			 									95%;
   margin:                       0;
   padding:                       0;
   background-color:              #ffffdd;
   border:                        1px ridge #C9CBAC;
}
td.applyr   {
vertical-align: top;
   background-color:              #C9CBAC;
   color:                                                                                                        #5C602A;
}
td.applyl   {
   background-color:                                                        #ffffdd;
    color:                                                                                                        #5C602A;
}
td.applyl input,select,textarea  {
   background-color:                                                        #ffffff;
   font-size:                     0.9em;
   font-family:                   verdana,arial,sans-serif;
   border:                        1px solid #C9CBAC;
}
textarea.applyl   {
   background-color:                                                        #ffffff;
}
td.applyn input   {
   background-color:               #ffffdd;
   font-size:                     0.9em;
   font-family:                   verdana,arial,sans-serif;
}
tr.applyb    {
   border-bottom:                 1px solid #C9CBAC;
}
input,select,textarea    {
   background-color:                                                    #ffffdd;
   font-size:                     0.9em;
   font-family:                   verdana,arial,sans-serif;
   }
#ergliste{
/* background:#ffffff;  */
 border-bottom:                                        0px solid #951d1d;
 border-left:                                                0px solid #ccc;
 border-right:                                        0px solid #ccc;
 text-align: left;
 margin:                                                                25px  10px  15px  15px;
 width:                                                                        100%;
}
.login a{
 width: 	 						 auto;
 background:					 transparent;
 text-align:					 center;
 text-decoration:			 none;
 color:								 #000000;
 font-size: 					 1em;
 font-weight:					 bold;
 font-family: 				 Arial;
 text-decoration: 		 none;
 margin: 							 0px;
 padding: 						 3px 1em;
 display: 						 block;
}
.login {
}
.login a:hover {background:#eee; color:#333; text-decoration:none;}
.button_left {
 float:left;
}
.button_middle {
 float:left;
 margin-left:2em;
}
.button_middle input {
}
.button_right {
 float:right;
}
ul#branche li {
   list-style:                none;
   width: 15em;
   min-width: 15em;
float:left;
   display:                             inline;
   padding:                                0px  5px;
   margin:                                2px  40px;
   background:                 #ffffdd;
   border:                                 1px solid silver;
}
ul#branche li img { 

margin-left: 10px;
height:20px;
}
ul#branchetab3 li {
   list-style:                none;
   width: 20em;
   min-width: 12em;
float:left;
   display:                             inline;
   padding:                                0px  5px;
   margin:                                2px  10px;
   background:                 #ffffdd;
   border:                                 1px solid silver;
}
ul#branchetab3 li img {

margin-left: 10px;

}
#branchetab3 a, #branchetab3 a:active {
font-weight: bold;
color: #2a532a;
text-decoration:none;

}
#branchetab3 a:hover {
font-weight: bold;
background-color: #2a532a;
color: #ffffff;
padding-top: 2px;

}
.ideeTab {
border: thin solid #c0c0c0;
padding: 0px 10px;
}
#seitenzahl {
display: table;

}

#seitenzahl a {
display:table-cell; width:auto; font-size:1em;
font-weight:bold; background:transparent;text-decoration:none;
color:#000; margin:0; padding:0.5em 0.8em 0.5em 0.8em;
}
#seitenzahl .aktiv {
width:50px font-size:1em; font-weight:bold;
background:silver;text-decoration:none;
color:#000; margin:0; padding:0.5em 0.8em 0.5em 0.8em;}
.button_r  {
float:right;
   background-color:     #2a532a;
   border:             0px ;
   
padding:5px;


}
.button_r  a{

   background-color:     #2a532a;
   border:             0px ;
   color:                #ffffff;
   font-weight:          bold;
padding:5px;
text-decoration: none;
}

.big   {
   font-weight:          bold;
	 font-size:						 1.3em;
   color:     					 #2a532a;
}
#anmeld_r {

float:right;


}
#anmeld_r a {

   border:             0px ;
   color:                red;
   font-weight:          bold;
padding:5px;
text-decoration: none;

}
#bemerk {
margin: 2em;
text-align: center;
padding: 2em;
border: 1px ridge #C9CBAC;
}