@charset "utf-8";

/* CSS Document */

body
{
    font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* --- layout --- */
#abstand
{
    height: 8px;
    width: 900px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#kopf
{
    background-image: url(../images/kopf.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 166px;
    width: 900px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#main
{
    background-image: url(../images/hg.gif);
    background-repeat: repeat-y;
    background-position: 0px 0px;
    min-height: 440px;
    width: 660px;
    position: relative;
    padding-left: 240px;
    margin-left: auto;
    margin-right: auto;
font-size: 12px;
}

#fuss
{
    background-image: url(../images/fuss.gif);
    height: 14px;
    width: 900px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

#supertop
{
    position: absolute;
    height: 17px;
    width: auto;
    left: 620px;
    top: 21px;
}

#suche
{
    height: 17px;
    width: 115px;
    position: absolute;
    left: 770px;
    top: 15px;
}

#top
{
    height: 32px;
    width: 690px;
    position: absolute;
    left: 246px;
    top: 121px;
    z-index: 1;
}

#toplinks
{
    background-image: url(../images/top_links.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 32px;
    width: 9px;
    position: absolute;
    left: 238px;
    top: 121px;
    z-index: 2;
}

#topmenu
{
    height: 32px;
    position: relative;
    width:auto;
    margin-top: -12px;
    margin-left: -41px;
	float: left;
}

#toprechts
{
    background-image: url(../images/top_rechts.gif);
    height: 32px;
    width: 9px;
	float: left;
}

#menu
{
    position: absolute;
    width: 210px;
    left: -13px;
    top: -11px;
}

/* ---  SuperTop-Menu  --- */
#supertop ul
{
    list-style-type: none;
}

#supertop ul li
{
    float: left;
    width: auto;
    padding-right: 5px;
}

#supertop a:link, #supertop a:visited
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
}

#supertop a:hover,#supertop a:active,#supertop a:focus
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #e87817;
    text-decoration: none;
    font-weight: bold;
}

/* ---  Top-Menu  --- */
*
{
	margin: 0px;
	padding: 0px;
}

#topmenu ul
{
    text-decoration: none;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
	text-align: left;
	padding: 20px 0 20px 40px;
}

#topmenu ul li
{
	display:inline;
	list-style:none;
}

#topmenu ul li a:link, #topmenu ul li a:visited
{
	color: #000000;
	padding: 8px 8px 12px 8px;
	background-image: url(../images/top_mitte.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#topmenu ul li a:hover, #topmenu ul li a:active, #topmenu ul li a:focus
{
	color: #ffffff;
	padding: 8px 8px 12px 8px;
	background-image: url(../images/top_mitte_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#topmenu ul li.active a:active, #topmenu ul li.active a:link,
#topmenu ul li.active a:visited, #topmenu ul li.active a:hover
{
	color: #ffffff;
	padding: 8px 8px 12px 8px;
	background-image: url(../images/top_mitte_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}



/* ---  Menu (links)  --- */
#menu ul
{
    list-style-type: none !important;
}

#menu ul li
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
    text-align: left;
}

#menu ul li a:link, #menu ul li a:visited
{
    width: 210px;
    height: 23px;
    background-image: url(../images/main_n.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #000000;
    text-decoration: none;
    text-indent: 19px;
    line-height: 24px;
}

#menu ul li a:hover, #menu ul li a:active, menu ul li.active a:active
{
    width: 210px;
    height: 23px;
    background-image: url(../images/main_h.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #ffffff;
    text-decoration: none;
    text-indent: 19px;
    line-height: 24px;
}

#menu ul li.active a:active, #menu ul li.active a:link,
#menu ul li.active a:hover, #menu ul li.active a:visited
{
    width: 210px;
    height: 23px !important;
    background-image: url(../images/main_h.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #ffffff;
    text-decoration: none;
    text-indent: 19px;
    position:relative;
    left: 0px;
}

#menu ul li ul li a:link, #menu ul li ul li a:visited
{
    width: 210px;
    height: 23px !important;
    background-image: url(../images/sub_n.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #000000 !important;
    text-indent: 35px !important;
    text-decoration: none;
    line-height: 24px;
    position: relative;
    left: -15px !important;
}

#menu ul li ul li a:hover, #menu ul li ul li a:active
{
    width: 210px;
    height: 23px !important;
    background-image: url(../images/sub_h.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #ffffff !important;
    text-decoration: none;
    text-indent: 35px !important;
    position:relative;
    left: -15px !important;
}

#menu ul li.active ul li.active a:active, 
#menu ul li.active ul li.active a:link, 
#menu ul li.active ul li.active a:hover, 
#menu ul li.active ul li.active a:visited
{
    width: 210px;
    height: 23px !important;
    background-image: url(../images/sub_h.png) !important;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    display:block;
    color: #ffffff !important;
    text-decoration: none;
    text-indent: 35px;
    position:relative;
    left: -15px;
}

/* ---  Schriften  --- */

.contentheading
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #006b3b;
    padding-top: 0px;
    padding-bottom: 7px;
}

#main h1, #main h2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #006b3b;
    padding-top: 0px;
    padding-bottom: 7px;
}

#main h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #006b3b;
    padding-top: 0px;
    padding-bottom: 7px;
}

#main h4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    padding-top: 0px;
    padding-bottom: 7px;
}

#main p
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    padding-right: 20px;
    padding-top: 0px;
    padding-bottom: 4px;
}

ul
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    list-style-type: square;
	padding-right: 15px;
	padding-left: 15px;
}

.inputbox
{
	margin-right: 15px;
}

.pagination
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
    text-align: left;
    margin-top: 15px;
    margin-right: 10px !important;
    display: block;
}

.pagination a:link, .pagination a:visited
{
    text-decoration: none;
    color: #006b3b;
}

.pagination a:hover
{
    text-decoration: none;
    color: #e87817;
}

.blogsection
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

ul a:link, ul a:visited
{
    text-decoration: none;
    color: #006b3b;
}

ul a:hover
{
    text-decoration: none;
    color: #e87817;
}

p.buttonheading {
	text-align:right;
}

.buttonheading img
{
	border:0;
}

p.buttonheading a:link,p.buttonheading a:visited
{
	border:solid 2px #fff;
}

.leading p.buttonheading a:link,.leading p.buttonheading a:visited
{
	border:solid 0px #c84c64;
}

p.buttonheading a:hover
{
	background:none !important;
	color:#000 !important;
}

p.buttonheading a:active,p.buttonheading a:focus
{
	border:solid 2px;
	color:#000;
}