/* style.css für t3-Musterweb */
/* Allgemeines CSS Reset */
/* ... ohne img wg. vspace und hspace, ohne table, td und th wg. cellpadding u.a. */
html, body, div, span, p, pre, a, address, code, dfn, dl, dt, dd, ol, ul, li, form, label, legend, caption, tbody, tfoot, thead, tr 
{
   margin:0;
   padding:0;
   border:0;
   vertical-align:baseline;
}

a img,:link img,:visited img { border:none }

body 
  { 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    margin-top: 1px; 
    margin-bottom: 5px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-left: 0px; 
    margin-right: 5px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    font-weight: normal; 
    font-size: 15px; 
    text-decoration: none; 
    background-color: #C6D7BD; 
    color: #00309C;  
    background-position: left 1px;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-image: url(images/HG-964.JPG);
/*
    background-position: top; 
    background-attachment: fixed; 
*/
    } 

p	{ margin-top: 0em; margin-bottom: 0.4em; line-height: 1.2em;} 
.p0	{ margin-bottom: 0em; } 
.p1	{ margin-bottom: 0.2em; } 
.p2	{ margin-bottom: 0.3em; } 
.p3	{ margin-bottom: 1em;} 

.small 	{ font-size: 13px; } 
.extrasmall 	{ font-size: 80%; } 

.TabBG1 { background-color: #A9CA9D; } 
.TabBG2 { background-color: #006500; color:#ffffff; } 
.TabBG3 { background-color: #006500;  font-weight: bold;  color:#ffffff;} 
.BlockBG1 { background-color: #A9CA9D; } 

.Aktionsbox { border-color: #006600;  border-style: ridge;}


a 
  { 
    text-decoration: underline; 
    color: #FFFFFF;
    } 

a:focus
  { 
    text-decoration: underline; 
    color: #ffff66;
    } 

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

a:active
  { 
    text-decoration: underline; 
    color: #FFFF66;
    } 

a.active
  { 
    text-decoration: underline; 
    color: #FFFF66;
    } 

#center_c a {
	color:#009A63;
}

#center_c a:hover {
	color:#00309C;
}

h1 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 240%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #01607E;  
    } 

h2 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 200%; 
    margin-top: 0em; 
    margin-bottom: 0.1em; 
    color: #445E96;  
    } 

h3 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 160%; 
    margin-top: 0em; 
    margin-bottom: 0.1em; 
    color: #017D77;
    } 

h4 
  {
	font-family: Arial, Verdana, sans-serif;
	font-weight: bold;
	font-size: 120%;
	margin-top: 0em;
	margin-bottom: 0.4em;
	color: #060;
    } 

h5 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 100%; 
    margin-top: 0.8em; 
    margin-bottom: 0em; 
    color: #009A63;
    } 

h6 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: normal; 
    font-size: 80%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #00309C;
    } 

.h1 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 240%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #01607E;  
    } 

.h2 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 200%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #445E96;  
    } 

.h3 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 160%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #017D77;
    } 

.h4 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 120%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #060;
    } 

.h5 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: bold; 
    font-size: 100%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #009A63;
    } 

.h6 
  { 
    font-family: Arial, Verdana, sans-serif; 
    font-weight: normal; 
    font-size: 80%; 
    margin-top: 0em; 
    margin-bottom: 0em; 
    color: #00309C;
    } 

table 
  { 
    empty-cells: show;
    font-size: 15px; 
    } 

th
  {
    font-weight: bold; 
    background-color: #006500;
    color:#ffffff; 
    padding: 4px 0px 4px 0px;
    }
 
td
  {
    vertical-align:top;
    }

li 
  { 
    list-style: square; 
    } 

li li 
  { 
    list-style: disc; 
    } 

li li li 
  { 
    list-style: circle; 
    } 

ul 
  { 
    margin-top: 0em; 
    margin-bottom: 0.4em; 
    margin-left: 1.2em; 
    margin-right: 1em; 
    padding-left: 0px; 
    } 

ol 
  { 
    margin-top: 0em; 
    margin-bottom: 0.4em; 
    margin-left: 1.5em; 
    margin-right: 1em; 
    padding-left: 0px; 
    } 

dl 
  { 
    margin-top: 0em; 
    margin-bottom: 0em; 
    margin-left: 0em; 
    margin-right: 0em; 
    } 

dt 
  { 
    margin-top: 0.6em; 
    margin-bottom: 0em; 
    margin-left: 0em; 
    margin-right: 0em; 
    } 

dd 
  { 
    margin-top: 0em; 
    margin-bottom: 0em; 
    margin-left: 2.4em; 
    margin-right: 2em; 
    } 

#overdiv 
  { 
    overflow:visible;
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    border-top-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    margin-top: 0px; 
/*
    background-color: #00f1f1; 
    width: 972px; 
*/
    } 

#extra_left1 
  { 
    overflow:visible;
    vertical-align: top; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
/*
    border-width: 1px; 
    border-color: #FFCF00; 
    width: 120px; 
    height:300px;
    background-color: #f1f1f1; 
    border-style: solid; 
*/
    } 

#extra_left2 
  { 
    overflow:visible;
    vertical-align: top; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
/*
    border-width: 1px; 
    border-color: #FFCF00; 
    width: 120px; 
    height:300px;
    background-color: #f1f1f1; 
    border-style: solid; 
*/
    } 

#extra_right1 
  { 
    overflow:visible;
    vertical-align: top; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
/*
    border-width: 1px; 
    border-color: #FFCF00; 
    width: 120px; 
    height:250px;
    background-color: #f1f1f1; 
    border-style: solid; 
*/
    } 

#extra_right2 
  { 
    overflow:visible;
    vertical-align: top; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
/*
    border-width: 1px; 
    border-color: #FFCF00; 
    width: 120px; 
    height:150px;
    background-color: #f1f1f1; 
    border-style: solid; 
*/
    } 


/* 962 + 2 (Borderdicke links + rechts) wegen Boder (Innenraum bleibt so genau 1024) */
#container 
  {
	width: 963px;
	overflow:visible;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	border-width:1px 1px;
	border-style:solid;
	border-color:#848284;
    } 

#topT1
  { 
    overflow:visible;
    border-top-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    height: 25px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    color:#FFFFFF;
    } 

#topT2 
  { 
    overflow:hidden;
    height: 15px; 
    border-top-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    background-color: #f77CB6;  
    color:#FF0000;
    } 

#topT3
  {
	margin-top: 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #017D77;
	height: 56px;
	text-align:left;
	overflow:hidden;
/*
	border-bottom-width: 2px; 
	border-bottom-style: solid; 
	border-bottom-color: #FFCF00; 
	border-width: 2px;
	border-style: solid; 
	border-color: #000000; 
*/
    } 

#top 
  { 
    overflow:visible;
    border-top-width: 0px; 
    border-left-width: 0px; 
    border-right-width: 0px; 
    border-bottom-width: 0px; 
    height: 150px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    color:#FFFFFF;
    background-image: url(images/Logo-1.gif);
    background-repeat: no-repeat;
    background-position: center;
    } 

#topLeft 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 30px; 
    width: 180px; 
    background-color: #ff0000; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px;

    border-width:2px 0px;
    border-style:solid;
    border-color:#000000;
    } 

#topCenter 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 30px; 
    width: 600px; 
    background-color: #00ff00; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    border-width:2px 0px;
    border-style:solid;
    border-color:#000000;
    } 

#topRight 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 30px; 
    width: 180px; 
    background-color: #0000ff; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    border-width:2px 0px;
    border-style:solid;
    border-color:#000000;
    } 

#center_table 
  { 
    width: 100%;
    height: 653px;
    overflow:visible;
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    font-size: 15px; 
    border-style:none;
    border-width:0px 0px;
/*
    color: #FFFFFF;  
    background-color: #eeeeee; 
    background-color: #C3B98A;
*/
    } 

#center_c 
  { 
    padding-top: 5px; 
    padding-left: 5px; 
    padding-right: 5px; 
    padding-bottom: 5px; 
    vertical-align: top; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    border-style:none;
    border-width:0px 0px;
/*
    background-image: url(images/work/bottom1a.png);
    background-image: url(images/bottom1atrans60.jpg);
    background-repeat: no-repeat;
    background-position: center;
*/
    } 

#center_l 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:visible;
    vertical-align: top; 
    width: 180px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 5px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 5px; 
    color: #FFCF00;
    border-style:none;
    border-width:0px 0px;
/*
    background-position: right top;
    border-left-width: 1px; 
    border-left-style: solid; 
    border-left-color: #FFCF00; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #FFCF00; 
*/
    } 

#center_r 
  { 
    font-family: Arial, Verdana, sans-serif;
    overflow:visible;
    vertical-align: top; 
    width: 190px; 
    padding-top: 5px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 5px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    font-size: 14px;
    color: #00309C; 
    border-style:none;
    border-width:0px 0px;
/*
    background-position: right top;
    border-left-width: 1px; 
    border-left-style: solid; 
    border-left-color: #FFCF00; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #FFCF00; 
*/
    } 

#bottomB1 
  { 
    overflow:visible;
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 3px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px;
    border-top-width: 2px; 
    border-top-style: solid; 
    border-top-color: #FFCF00; 
    border-bottom-width: 2px; 
    border-bottom-style: solid; 
    border-bottom-color: #FFCF00; 
    color: #FFFFFF;  
    background-color: #096;
    } 

#bottom 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:visible;
    height: 30px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    border-top-width: 1px; 
    border-top-style: solid; 
    border-top-color: #848284; 
/*
    border-left-width: 1px; 
    border-left-style: solid; 
    border-left-color: #FFCF00; 
    border-right-width: 1px; 
    border-right-style: solid; 
    border-right-color: #FFCF00; 
    border-bottom-width: 1px; 
    border-bottom-style: solid; 
    border-bottom-color: #FFCF00; 
*/    } 

#bottomB2 
  { 
    overflow:hidden;
    height: 13px; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px;
    border-style:none;
    border-width:0px 0px;
    } 

#bottomLeft 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 20px; 
    width: 180px; 
    background-color: #FF0000; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 

    border-width:1px 0px;
    border-style:solid;
    border-color:#000000;
    } 

#bottomCenter 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 20px; 
    width: 600px; 
    background-color: #00ff00; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 

    border-width:1px 0px;
    border-style:solid;
    border-color:#000000;
    } 

#bottomRight 
  { 
    font-family: Arial, Verdana, sans-serif;
    font-size: 14px; 
    overflow:hidden;
    height: 20px; 
    width: 180px; 
    background-color: #0000FF; 
    margin-top: 0px; 
    margin-left: 0px; 
    margin-right: 0px; 
    margin-bottom: 0px; 
    padding-top: 0px; 
    padding-left: 0px; 
    padding-right: 0px; 
    padding-bottom: 0px; 
    border-width:1px 0px;
    border-style:solid;
    border-color:#000000;
    } 


.Balkentitel { background-image: url(/images/3391.jpg); text-align: center; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 100%; padding-right: 0px; background-repeat: repeat-x; height: 25px; color: #ffffff; font-size: 14px;  font-weight: bold; padding-top: 5px; }

.Menuebox {
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	padding-bottom: 5px;
	background-color: #5B7189;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	height: 160px;
	border-top: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	padding-top: 5px;
	overflow: visible;
	color: #ffffff;
}

/* ... wird momentan nicht benützt */
.Textzelle {
	border-bottom: #c8c8c8 1px solid;
	border-left: #c8c8c8 1px solid;
	padding-bottom: 5px;
	background-color: #f4f4f4;
	margin: 0px;
	padding-left: 2px;
	padding-right: 2px;
	height: 160px;
	border-top: #c8c8c8 1px solid;
	border-right: #c8c8c8 1px solid;
	text-align: justify;
	padding-top: 5px;
	color: #ffffff;
}

#Linkbalken { cursor: hand }


/* horizontaler Navigationsbereich - einfache Variante */
#top_navigation { }

#top_navigation a {
	color:#009A63;
}

#top_navigation a:hover {
	color:#00309C;
}

#top_navigation a.active {
	color:#00309C;
}


/* horizontaler Navigationsbereich (oder 5 Buttons à 120px = 600 px) */
#navigation ul {
	padding: 0;
	width: 963px;
	height:29px;
	margin: 0;
	background-image:url(/images/3314.gif);
	background-repeat:repeat-x;
}

#navigation li{
	float:left;
	list-style: none;
	width:120px;
	height:29px;
	padding: 0;
	margin: 0;
}

#navigation a {
	padding:8px 5px 9px 5px;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align:left;
	background-image:url(/images/3314.gif);
	background-position:left;
	background-repeat:repeat-x;
	border-right:1px solid #c6c6c6;
	border-left:1px solid #c6c6c6;
	display:block;
	line-height:1;
	text-decoration:none;
	color:#808080;
}

#navigation a:hover{
	background-image:url(/images/3315.gif);
	background-position:left;
	background-repeat:repeat-x;
	color:#111111;
}
#navigation a.active{
	background-image:url(/images/3315.gif);
	background-position:left;
	background-repeat:repeat-x;
	color:#660000;
}


/* vertikaler Navigationsbereich */
#left_navigation {
	width: 150px;
	padding: 0px 0px 15px 5px;
	text-align:left;
	margin-left: 10px;
	float: left;
}

#left_navigation ul{
	width: 150px;
	padding: 0 0 0 0;
	margin: 0;
}

#left_navigation li{
	list-style: none;
	height:25px;
	padding: 0;
	margin: 0;
}

#left_navigation li a {
	display:block;
	padding:0px 5px 3px 5px;
	text-decoration:none;
	color:#009A63;
	line-height:1;
	font-size: 12px;
	font-weight: bold;
	border-bottom: 1px solid #a6a6a6;
	margin-top: 0px;
	margin-bottom: 0px;
}

#left_navigation a:hover {
	color:#00309C;
	font-weight: bold;
}

#left_navigation a.active {
	color:#00309C;
	font-weight: bold;
}