/*  Description */

body 
{
background-image: url("./images/bgc00.png");
margin: 10px 0;
text-align: center;
height: 100%;
}

a:link, a:active, a:visited
{
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: #5780ae;
text-decoration: underline;
}
a:hover
{
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: #002b5f;
text-decoration: none;
}


a.side1:link, a.side1:active, a.side1:visited, a.side1:hover
{
font-size: 11px;
text-decoration: none;
font-weight: bold;
}

a.side2:link, a.side2:active, a.side2:visited
{
font-size: 10px;
text-decoration: underline;
}
a.side2:hover
{
text-decoration: none;
}

a.side3:link, a.side3:active, a.side3:visited, a.side3:hover
{
font-size: 11px;
text-decoration: none;
font-weight: bold;
color: #FF3300;
}

a.side3:hover
{color: #CC3300;}

a.side4:link, a.side4:active, a.side4:visited, a.side4:hover
{
font-size: 11px;
text-decoration: none;
}


a.headline:link, a.headline:active, a.headline:visited
{
font-size: 12px;
text-decoration: none;
color: #006b9e;
}
a.headline:hover
{
text-decoration: none;
color: #000000;
}

a.headline2:link, a.headline2:active, a.headline2:visited
{
font-size: 12px;
text-decoration: none;
color: #a8260d;
}
a.headline2:hover
{
text-decoration: none;
color: #000000;
}

h2
{
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
font-weight: bold;
}

h3
{
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 14px;
}

table
{
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
}

img
{
border: 0;
}

fieldset
{
border: 0px;
margin: 0px;
padding: 0px;
}

/*############################################################################################
/*############################################################################################
/* --- Grundgerüst --- */

.main
{
text-align: center;
width: 1000px;
margin: 0px auto;
}


.header
{
width: 1000px;
height: 150px;
background-image: url("./images/bgo00.png");
background-repeat: no-repeat;
}

.content
{
width: 1000px;
background-image: url("./images/bgm00.png");
background-repeat: repeat-y;
}

.footer
{
width: 1000px;
height: 150px;
background-image: url("./images/bgu00.png");
background-repeat: no-repeat;
}

/*############################################################################################
/*############################################################################################
/* --- 3-Spalten Aufteilung --- */


.content-l
{
float: left;
width: 200px;
text-align: center;
}

.content-c
{
float: left;
width: 600px;
text-align: center;

}

.content-r
{
float: left;
width: 200px;
text-align: center;

}

.content-b 
{
width: 1000px;
clear: both;
}

/*############################################################################################
/*############################################################################################
/* --- Navigations Boxen --- */


.nav-01, .nav-02, .nav-03, .nav-04, .nav-05, .nav-06, .nav-07, .nav-08, .nav-09, .nav-10, .nav-11, .nav-12
{
width: 160px;
max-width: 160px;
height: 30px;
background-repeat: no-repeat;
margin: 0px auto;
}

.nav-01 { background-image: url("./images/nav-01.png"); }
.nav-02 { background-image: url("./images/nav-02.png"); }
.nav-03 { background-image: url("./images/nav-03.png"); }
.nav-04 { background-image: url("./images/nav-04.png"); }
.nav-05 { background-image: url("./images/nav-05.png"); }
.nav-06 { background-image: url("./images/nav-06.png"); }
.nav-07 { background-image: url("./images/nav-07.png"); }
.nav-08 { background-image: url("./images/nav-08.png"); }
.nav-09 { background-image: url("./images/nav-09.png"); }
.nav-10 { background-image: url("./images/nav-10.png"); }
.nav-11 { background-image: url("./images/nav-11.png"); }
.nav-12 { background-image: url("./images/nav-12.png"); }


.nav-mi
{
width: 160px;
max-width: 160px;
background-image: url("./images/nav-mi.png");
background-repeat: repeat-y;
margin: 0px auto;
text-align: left;
}

.nav-bo
{
width: 160px;
height: 30px;
background-image: url("./images/nav-bo.png");
background-repeat: no-repeat;
margin: 0px auto;
}

/*############################################################################################
/*############################################################################################
/* --- Content Boxen --- */

.con-01, .con-02, .con-03, .con-04, .con-05, .con-06, .con-07, .con-08, .con-09, .con-10, 
.con-11
{
width: 600px;
max-width: 600px;
height: 30px;
background-repeat: no-repeat;
margin: 0px auto;
}

.con-01 { background-image: url("./images/con-01.png"); }
.con-02 { background-image: url("./images/con-02.png"); }
.con-03 { background-image: url("./images/con-03.png"); }
.con-04 { background-image: url("./images/con-04.png"); }
.con-05 { background-image: url("./images/con-05.png"); }
.con-06 { background-image: url("./images/con-06.png"); }
.con-07 { background-image: url("./images/con-07.png"); }
.con-08 { background-image: url("./images/con-08.png"); }
.con-09 { background-image: url("./images/con-09.png"); }
.con-10 { background-image: url("./images/con-10.png"); }
.con-11 { background-image: url("./images/con-11.png"); }

.con-mi
{
width: 600px;
max-width: 600px;
background-image: url("./images/con-mi.png");
background-repeat: repeat-y;
margin: 0px auto;
text-align: left;
}

.con-bo
{
width: 600px;
height: 30px;
background-image: url("./images/con-bo.png");
background-repeat: no-repeat;
margin: 0px auto;
}


.pad
{
margin: 0px;
padding: 5px 15px;
}


/*############################################################################################
/*############################################################################################
/* --- Inputs & Buttons & Selects & textarea --- */
form
{
padding: 0px;
margin: 0px;
}

form label 
{
display: block;
float: left;
width: 110px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
}

.in-nav-1, .in-con-1, .in-con-2, .in-con-3, .sel-con-1
{
border: 1px solid #d5d5d5;
font-family: Verdana, Arial, Tahoma;
background-color: #e3e3e3;
}

.in-nav-1	{font-size:10px; margin:0 0 2px 0; width: 100px;}

.in-con-1	{font-size:12px; width:300px;}
.in-con-2 {font-size:10px; width:100%;}
.in-con-3 {font-size:10px; }


.sel-con-1 {font-size:10px;}

.bu-nav-1, .bu-con-1
{
border: 1px solid #757575;
font-family: Verdana, Arial, Tahoma;
background-color: #bababa;
margin: 4px 0px;
}

.bu-nav-1
{
font-size: 10px;
}

.bu-con-1
{
font-size: 12px;
width: 200px;
}



.txt-con-1
{
font-size: 12px;
width: 300px;
border: 1px solid #d5d5d5;
font-family: Verdana, Arial, Tahoma;
background-color: #e3e3e3;
height: 50px;
}

.txt-con-2
{
font-size: 12px;
width: 100%;
border: 1px solid #d5d5d5;
font-family: Verdana, Arial, Tahoma;
background-color: #e3e3e3;
height: 50px;
overflow: visible;
}

.txt-con-3
{
font-size: 12px;
width: 100%;
border: 1px solid #d5d5d5;
font-family: Verdana, Arial, Tahoma;
background-color: #e3e3e3;
height: 130px;
overflow: visible;
}

/*############################################################################################
/*############################################################################################
/* --- <P> --- */

.p-nav-1
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
}


.p-con-1
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
text-align: justify;
}

.p-con-2
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
text-align: center;
}

.p-con-3
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
text-align: left;
}

.p-con-4
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
text-align: left;
}

.p-con-5
{
padding: 3px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
text-align: left;
background: #e9e9e9;
border: 1px solid #d9d9d9;
}

.p-con-6
{
padding: 3px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 13px;
text-align: left;
border: 1px solid #d9d9d9;
background-image: url("./images/bgx-01.png");
}

.p-con-7
{
padding: 0px;
margin: 0px;
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
text-align: center;
}

/*############################################################################################
/*############################################################################################
/* --- <DIV> --- */

.error
{
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: #CC0000;
border: 1px dashed #CC0000;
padding: 6px;
background: #E0E0E0;
margin: 3px 0px;
}

.succ
{
font-family: Verdana, Arial, Tahoma;
font-size: 12px;
color: #449811;
border: 1px dashed #449811;
padding: 6px;
background: #E0E0E0;
margin: 10px 0px;
text-align: center;
}

.div-con-01
{
font-family: Verdana, Arial, Tahoma;
font-size: 10px;
border: 1px dashed #555555;
padding: 3px;
}

.div-01
{
clear:both;
}

.div-02
{
padding: 10px;
}

.div-03
{
text-align: center;
width: 100%;
background: #dfdfdf;
padding: 15px 0;
margin: 10px 0;
border: 1px solid #555555;
}

/*############################################################################################
/*############################################################################################
/* --- <hr> --- */

.hr-01
{
background-color: #999999; /* Mozilla 1.4 */
color: #999999; /* IE 6 */
border: #999999; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.hr-02
{
background-color: #c9c9c9; /* Mozilla 1.4 */
color: #c9c9c9; /* IE 6 */
border: #c9c9c9; /* Opera 7.11 */
height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

.hr-03
{
background-color: #e5e5e5; /* Mozilla 1.4 */
color: #e5e5e5; /* IE 6 */
border: #e5e5e5; /* Opera 7.11 */
height: 2px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
margin: 3px 0px;
padding: 0px;
}

/*############################################################################################
/*############################################################################################
/* --- Farben --- */

.col-01 { color: #006b9e; }
.col-02 { color: #daa520; }
.col-03 { color: #a9a9a9; }
.col-04 { color: #b3d119; }
.col-05 { color: #379c3f; }
.col-06 { color: #dcdcdc; }



.bgcol-01 { background: #e0e0e0; }
.bgcol-02 { background: #e8e8e8; }



/*############################################################################################
/*############################################################################################
/* --- Table --- */

.tab-01
{
font-size: 10px;
margin: 2px 0px;
border-collapse: collapse;
width: 570px;
}

.tab-02
{
font-size: 10px;
border-collapse: collapse;
width: 130px;
}

.td-01 {padding: 2px 4px 2px 0px;}
.td-02 {padding: 2px 2px 2px 0px; font-size: 12px; }
.td-03 {padding: 10px; background: #e9e9e9; text-align: center;}
.td-04 {padding: 10px; background: #d9d9d9; }

.td-05 {padding: 4px; background: #e3e3e3; text-align: center; border-bottom: 2px solid #d8d8d8; border-top: 2px solid #d8d8d8;}
.td-06 {padding: 4px; background: #e3e3e3; border-bottom: 2px solid #d8d8d8; border-top: 2px solid #d8d8d8;}
.td-07 {padding: 10px; background:#e9e9e9; text-align: center; border-bottom: 2px solid #d8d8d8;}
.td-08 {padding: 4px; background: #e9e9e9; font-size: 12px; vertical-align: top; border-bottom: 2px solid #d8d8d8;}

.td-09 {padding: 4px; background: #97b0c4; border-bottom: 2px solid #d8d8d8; border-top: 2px solid #d8d8d8;}
.td-10 {padding: 4px; background: #aab4bc; text-align: center; border-bottom: 1px solid #d8d8d8; border-top: 1px solid #d8d8d8;}


.td-11 { padding: 5px 0px; text-align: center; }

/*############################################################################################
/*############################################################################################
/* --- Bilder--- */


.img-01
{
  float: left;
  margin: 0 20px 0 0;
}

.img-02
{
  border: 1px solid #5780ae;
}

.img-02:hover
{
  border: 1px solid #002b5f;
}

/*############################################################################################
/*############################################################################################
/* --- Kalender--- */

.cal-td-head
{
  width: 72px;
  border: 1px solid #afafaf;
  background-color: #dfdfdf;
  text-align: center;
  vertical-align: top;
  font-size: 10px;
}

.cal-td-01
{
  width: 72px;
  height: 120px;
  border: 1px solid #acacac;
  background-color: #c8c8c8;
  text-align: left;
  vertical-align: top;
}

.cal-td-today
{
  width: 72px;
  height: 120px;
  border: 1px solid #0167ae;
  background-color: #d1effc;
  text-align: left;
  vertical-align: top;
}