/* CSS Document */

/* Global */

body { margin: 0; background-color: #FFF; font-family: Arial, Helvetica, sans-serif; }

#container { position: absolute; left: 50%; width: 780px; height: auto; margin-top: 0; margin-left: -390px; border: 0; }
#header { position: relative; background: url(../img/header.gif); background-repeat: no-repeat; width: 780px; height: 150px; margin: 0; padding: 0; }
#content { position: relative; float: left; margin-top: 0; margin-left: 0; width: 463px; height:auto; padding: 4px 0 4px 4px; color: #555; }


/* NAVIGATION */

/* BREADCRUMB NAVIGATION */

#topnavi { position: relative; padding: 5px 0 0 10px; margin: 0; font-size: 10px; color: #FFF; text-align: left; }
#topnavi img { margin: 0; }
#content #topnavi a	{ color: #FFF; text-decoration: none; }
#content #topnavi a:hover, #content #topnavi a:active { text-decoration: underline; }

/* MAIN NAVIGATION */

#navigation { position: relative; float: left; padding-top: 4px; }
#navigation ul { list-style-type: none; margin: 0; padding: 0; }
#naviwelt a { position: relative; background: url(../img/navi_pfeil_hellgrau.gif); background-position: 10px 8px; background-repeat: no-repeat; height: 24px; width: 132px; display: block; padding-left: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; line-height: 25px; vertical-align: middle; color: #808080; text-decoration: none; }
#naviwelt a:hover, #naviwelt a.active { background: url(../img//navi_pfeil_orange.gif); background-position: 10px 8px; background-repeat: no-repeat; color: #555; }

/* SUB NAVIGATION */

#subnavi a { position: relative; height: 18px; width: 127px; display: block; padding-left: 25px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; font-weight: normal; line-height: 19px; vertical-align: middle; color: #808080; text-decoration: none; background: none; }
#subnavi a:hover, #subnavi a.active { background: url(../img/navi_pfeil_orange.gif); background-position: 15px 5px; background-repeat: no-repeat; color: #555; }


/* MAIN CONTENT */

h1 { font-size: 12px; font-weight: bold; color: #FFF; padding: 5px 0 5px 10px; line-height: 12px; margin: 0; }
h2 { font-size: 12px; font-weight: bold; color: #FF8C1A; padding: 5px 0 5px 10px; line-height: 12px; margin: 0; }
h3 { font-size: 12px; color: #808080; padding: 5px 0 5px 10px; line-height: 12px; margin: 0; }

p { text-align: justify; font-size: 12px; line-height: 150%; color: #555; padding: 5px 10px; margin: 0; }

a { color: #555; text-decoration: none; }

.text_small	{ font-size: 10px; padding: 0 10px 10px 10px; }

#content a:link, #content a:visited	{ color: #555; text-decoration: underline; }
#content a:hover, #content a:active	{ color: #000; text-decoration: none; }

#content ul { list-style-type: none; margin: 0; padding-top: 0; padding-right: 0; padding-bottom: 10px; padding-left: 0; }
#content ul li { background: url(../img/bulletin_orange.gif); background-position: 0 11px; background-repeat: no-repeat; padding: 5px 10px 0 10px; margin-left: 15px; list-style: none; line-height: 150%; font-weight: normal; font-size: 12px; }

.bgMainTop { background-image: url(../img/bg_mainbox_top.gif); background-repeat: no-repeat; width: 463px; height: 22px; }
.bgMainMiddle { background-image: url(../img/bg_mainbox_middle.gif); width: 463px; min-height: 830px; height:auto !important; height: 830px; }
/* .bgMainBottom { background-image: url(../img/bg_mainbox_bottom.gif); background-repeat: no-repeat; width: 523px; height: 10px; margin-bottom: 0; } */

/* IMAGES */

img { margin: 10px; text-decoration: none; border: 0; }
.imglink a:link, .imglink a:visited { text-decoration: none; border: 0px; }
.imglink a:hover {}
.galerie_left img { float: left; padding: 6px; margin: 5px 10px 10px 10px; border: 1px solid #DCDCDC; }
.galerie_right img { float: right; padding: 6px; margin: 10px; border: 1px solid #DCDCDC; }

.button { float: right; border: 0; margin: 5px 10px 5px 10px; }

/* TABLES */

table	{ text-align: left; font-size: 12px; line-height: 150%; color: #555; margin: 5px 10px 5px 10px; border: 0; }
tr	{ height: 24px; border: 0; }
th	{ border: 1px solid #F2F2F2; font-weight: bold; padding: 5px; }
td	{ vertical-align: top; border: 1px solid #F2F2F2; }
td h2	{ padding: 5px 0  5px 5px; }
td p	{ padding: 0 5px 5px 5px; }

/* TOP LINK */

.top	{ position: relative; margin: 0; line-height: 100%; padding: 0; width: 15px; height: 15px; vertical-align: bottom; }
.top img	{ margin: 0 0 5px 5px; }


/* FOOTER */

#footer { position: relative; background-image: url(../img/bg_footer.gif); background-repeat: no-repeat; width: 463px; height: 26px; padding-top: 7px; margin: 0; font-size: 10px; color: #808080; text-align: center; }
#footer a:link  { text-decoration: none; }
#footer a:hover, #footer a:active   { color: #000; text-decoration: underline; }


/* SIDE BOXES */

#info { position: relative; float: left; width: 154px; padding-left: 4px; }

.infobox { margin-top: 4px; margin-bottom: 4px; }
.infobox a:link	{ color: #555; text-decoration: underline; }
.infobox a:hover, .infobox a:active	{ color: #000; text-decoration: none; }

.bgSideTop { background-image: url(../img/bg_sidebox_top.gif); background-repeat: no-repeat; font-size: 0; width: 154px; height: 22px; }
.bgSideMiddle { background-image: url(../img/bg_sidebox_middle.gif); width: 154px; }
.bgSideBottom { background-image: url(../img/bg_sidebox_bottom.gif); background-repeat: no-repeat; font-size: 0; width: 154px; height: 6px; }


 /* MAILFORM */

.input_textfield { width: 286px; padding: 2px; background-color: #FFF; font-family: arial,helvetia,sans-serif; color: #555; font-size: 12px; border-left: 0; border-top: 0; border-right: 0; border-bottom: 1px solid #DCDCDC; }
.input_textarea { width: 434px; padding: 2px; height: 200px; background-color: #FFF; font-family: arial,helvetia,sans-serif; color: #555;  font-size: 12px; border: 1px solid #DCDCDC; }
.red { width: 290px; color: #555; }
.error	{ font-size: 13px; color: #FF8C1A; font-weight: bold; line-height: 150%; }
.sent { width: 290px; margin: 0; padding-left: 0; text-align: left; color: #FF8C1A; font-weight: bold; }


/* MISCELLANEOUS */

.designlink { display: none; visibility: hidden; position: absolute; top: -100px; text-indent: 9999px; margin-top: -5000px; }

.line_orange { background: url(../img/line_orange.gif) 0% 100% repeat-x; margin: 20px 10px 20px; height: 1px; font-size: 1px; }

abbr { cursor: help; }

.spacer { clear:both; margin: 0; padding: 0; height: 30px; }

.clearer { clear : both; height: 0; margin: 0; padding: 0; overflow:hidden; }