html {
/*   height:100%;*/
/*	background: #CEF4FC url(../images/backgrounds/body.jpg) repeat-x;*/
    margin: auto;
    padding: 0;
}
body {
    background: #006f9f url(../images/backgrounds/site_bg.gif) repeat;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #3f3f3f;
	margin: 0px 0px 0px 0px;
/*	height: 99%;*/
}

:focus {
outline: 0;
}

#container {
	position: relative;
    top:56px;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px #6A6969 solid;*/
	width: 980px;
	background: #ffffff url(../images/backgrounds/bg_page.gif) repeat-y;
    overflow:hidden;
    margin-bottom:53px;
    z-index:1;
}
#header {
	background-color:black;
	height: 150px;
	margin: 0;
	padding: 0;
}


#header_logo {
	background: url(../images/backgrounds/header_jw.jpg) no-repeat;
    height:126px;
	margin: 0;
}
#logo a {
	text-decoration: none;
    color: #ffffff;
}
#logo a img {
    border: 0;
}

#header_links {
    padding-top:4px;
    height: 20px;
	text-align: right;
    color: red;
}

#header_links a {
    padding-left:15px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 10px;
	color: #6f6f6f;
	text-decoration: none;
    margin-right: 3px;
}

#header_links a:hover {
	color: #FFFFFF;
    text-decoration: none;
}
#header_links img {
	vertical-align:middle;
    border: 0;
    margin-right: 2px;
}
#header_links img.menuseparator {
    width: 2px;
    height: 16px;
}

#mainmenu {
	clear: both;
    height: 37px;
	background-image: url(../images/backgrounds/bg_mainmenu.jpg);
	background-repeat: repeat-x;
}
#mainmenu ul {
	float: left;
    list-style: none;
	margin: 0;
	padding: 0;
}


#mainmenu li {
	position: relative;
    float: left;
    height: 37px;
}
#mainmenu li.start {
	background-image: url(../images/backgrounds/mainmenu_start.gif);
}
#mainmenu li.end {
	background: url(../images/backgrounds/mainmenu_end.gif) right;
}
#mainmenu a {
	float: left;
	display: block;
	height: 19px;
	padding: 10px 18px 4px 18px;
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#mainmenu a:hover, #mainmenu a.active:hover {
	background-image: url(../images/backgrounds/mainmenu_hover.gif);
	color: #ffffff;
	text-decoration: none;
}
#mainmenu li.start a.active {
	background-image: url(../images/backgrounds/mainmenu_start.gif);
	color: #ffffff;
	text-decoration: underline;
}
#mainmenu li.start a:hover, #mainmenu li.start a.active:hover {
	background-image: url(../images/backgrounds/mainmenu_start_hover.gif);
}
#mainmenu li.end a:hover {
	background: url(../images/backgrounds/mainmenu_end_hover.gif) right;
}

#mainmenu a.active:hover {
	background-image: url(../images/backgrounds/mainmenu_hover.gif);
	text-decoration: underline;
}

#mainmenu a.active {
	background-image: url(../images/backgrounds/mainmenu.gif);
	color: #ffffff;
	text-decoration: underline;
}

#mainmenu img.menuseparator {
    float: left;
    /*margin-top: 1px;*/
	height: 27px;
    width: 2px;
    margin-top:6px;
}


ul.submenu, ul.submenu ul {
    position: absolute;
    list-style: none;
/*    top: 41px;*/
    margin: 0;
	padding: 0;
	/*clear: left;*/
    border: 1px #272D3B solid;
	background-image: url(../images/backgrounds/submenu.jpg);
	background-repeat: repeat-x;
    visibility: hidden;
}
* html ul.submenu, * html ul.submenu ul {
    display: block;
}

.submenu li {
    height: 24px !important;
}
* html .submenu li { /*IE6 CSS hack*/
    display: inline-block;
}
.submenu li a {
	display: block;
    height: 17px !important;
	padding: 4px 14px 3px 14px;
    color: #272D3B;
	text-decoration: none;
	font-size: 11px;
    white-space: nowrap;
}
* html .submenu li a { /*IE6 CSS hack*/
    display: inline-block;
}
ul.submenu li a:hover {
    background-image: url(../images/backgrounds/submenu_hover.gif) !important;
	background-repeat: repeat-x;
    color: #ffffff;
	/*text-decoration: underline;*/
}

.submenu a.active {
	/*background: url(../images/backgrounds/submenu_active_right.gif) no-repeat right 8px;*/
/*	color: #EC5E00;*/
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
.downarrowpointer{ /*CSS for "down" arrow image added to top menu items*/
padding-left: 4px;
border: 0;
}

.rightarrowpointer{ /*CSS for "right" arrow image added to drop down menu items*/
position: absolute;
left: 200px;
padding-top: 3px;
border: 0;
}

#headerpicture {
    height: 170px;
}

#headerphoto {
    width:980px;
    height:231px;
    background: #000000 url(../images/backgrounds/bg_headerphoto.jpg) no-repeat;
}


#breadcrumb  {
	float: left;
	background:url(../images/backgrounds/bg_breadcrumb.jpg) no-repeat;
	width: 562px;
    padding-left:5px;
    padding-right:5px;
    padding-top:8px;
    height: 15px;
    padding-bottom:15px;
	font-size: 12px;
}

#breadcrumb .start {
    position: relative;
    float: left;
    height: 18px;
    top: -3px;
    padding: 3px 7px 0 13px;
    color: #000000;
}

#breadcrumb a {
  color: red;
  text-decoration: none;
  margin: 0 2px 0 2px;
}
#breadcrumb a:hover {
	text-decoration: underline;
}
#breadcrumb a.active {
	font-weight: bold;
	text-decoration: underline;
}

#content {
    padding: 0px;
}

#left_column {
	float: left;
    width: 205px;
    background: url(../images/backgrounds/bg_leftcolumn.gif) repeat-y;
    position:relative;
    top:-179px;
    z-index:5;
}

#left_column p {
    margin: 0 0 10px 0;

}

#left_column_head {
    width:165px;
    height:15px;
    padding-left:20px;
    padding-right:20px;
    padding-top:10px;
    padding-bottom:10px;
    background-image: url(../images/backgrounds/bg_leftcolumn_head.jpg);
    font-weight:bold;
    color:red;
}

#extramenu a {
    display:block;
    color:white;
    font-size:12px;
    font-weight:bold;
    text-decoration:none;
    padding-left:25px;
    padding-top:10px;
    width:158px;
    height:26px;
    background-image:url(../images/backgrounds/bg_leftmenu_item.jpg);
    margin-left:13px;
}

#extramenu a:hover {
    background-image:url(../images/backgrounds/bg_leftmenu_item_hover.jpg);
}

#left_column h1 {
    display:block;
    margin:0px;
    padding:10px;
    font-size:14px;
    font-weight:bold;
    width:185px;
    height:20px;
    background-image:url(../images/backgrounds/bg_left_column_headline.jpg);
    background-repeat:no-repeat;
    color:white;
}

#left_column img {
    margin-top:20px;
    margin-left:37px;
}

.left_menu_block {
    position:absolute;
    top:65px;
}

#main {
	float: left;
    padding-top:0px;
    width: 572px;
    /* height:545px; */
    background: url(../images/backgrounds/bg_maincontent.gif) repeat-y;
    /* overflow:hidden; */
    position:relative;
    z-index:0;
}

#main a {
    text-decoration:none;
}

#main_content {
    padding-left:10px;
    padding-right:10px;
}

#right_column {
	float: left;
    width: 203px;
    overflow:hidden;
}

#right_column p {
    margin: 0 0 10px 0;
}

#right_column h1 {
    display:block;
    margin:0px;
    padding:10px;
    font-size:14px;
    font-weight:bold;
    width:183px;
    height:17px;
    background-image:url(../images/backgrounds/bg_right_column_headline.jpg);
    background-repeat:no-repeat;
}

.newsbox_right {
    padding:10px;
    background-color:white;
    background-image:url(../images/backgrounds/bg_rightbox.jpg);
    background-repeat:repeat-x;
    background-position:bottom right;
}

#footer {
	clear: both;
    width:960px;
	height: 33px;
    padding:10px;
	background-image: url(../images/backgrounds/bg_footer.jpg);
	background-repeat: repeat-x;
	bottom: 0;
	color:#ffffff;
	font-size: 11px;
    line-height: 18px;
    text-align:center;
}

#footerstatustext {
    color: #004C98;
    font-size: 10px;
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

#footertext {
    clear: left;
    padding-top: 12px;
}

#footertext a:link, #footertext a:visited {
	color:#009EE1;
	text-decoration: underline;
}
#footertext a:hover {
  color: #009EE1;
	text-decoration: underline;
}


h2 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: bold;
    font-variant:small-caps;
    /* background: url(../images/backgrounds/headline.gif) repeat-x left bottom; */
    padding-bottom: 6px;
    border-bottom:2px dotted red;
	margin: 0 0 10px 0;
	color: red;
    width:550px;
}

.no_news h2 {
    width:740px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
    font-variant:small-caps;
    margin-top: 10px;
    color: black;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	padding-top:5px;
}
h5 {
	font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../images/backgrounds/headline.gif) repeat-x left bottom;
    padding-bottom: 6px;
	margin: 0 0 10px 0;
	color: #215DA1;
}

a {
	color: red;
	text-decoration:underline;
}

a img {
    border: 0;
}

.hidden {
    display:none;
}

.sub_foto {
    font-variant:small-caps;
}

#mainfooter {
    clear: both;
    padding:10px;
}
#mainfooter a {
    font-size: 11px;
    text-decoration: none;
}
#mainfooter a:hover {
    text-decoration: none;
}

#mainfooter a img {
    vertical-align: middle;
    margin-right: 6px;
}

.button a {
	height: 16px;
	padding: 3px 7px 3px 7px;
	background-color: #EC5E00;
	background-image: url(../images/backgrounds/button.gif);
	color: #FFFFFF;
	font-weight: bold;
	border: 1px #6A6969 solid;
	text-decoration: none;
}
.button a:hover {
	background-image: url(../images/backgrounds/button_hover.gif);
}

input, textarea {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border: 1px #666666 solid;
}

.radio, .checkbox {
    border: 0;
}
select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12px;
    border: 1px #666666 solid;
	cursor: pointer;
}
.checkbox, .radio {
	border: 0;
	cursor: pointer;
}
input.button {
    background-image: url(../images/backgrounds/button.gif);
    cursor: pointer;
    height: 18px;
    padding-bottom: 1px;
    color: #ffffff;
}

.smalltext {
	font-size: 11px;
}

div.info {
    padding: 10px;
    border: 1px #215DA1 dotted;
}

div.error {
    padding: 10px;
    border: 1px #ff0000 dotted;
}

div.info img, div.error img {
    vertical-align: middle;
    margin-right: 10px;
}

input.error, select.error {
    background-color: #ffbb99;
}

.block-main {

}

.block-main .title {

}

.block-main .body {

}

.block-right {
    margin-bottom: 20px;
}

.block-right .title {
    font-weight: bold;
    padding: 2px 0 4px 0;
    /*border-bottom: 1px #777777 solid;*/
    background: url(../images/3dline_h.gif) repeat-x left bottom;
}

.block-right .body {

}
.block-right ul {
    margin-left: 0;
    padding-left: 14px;
}

/* Galerie */
.gallery_box {
    float:left;
    margin-right:5px;
    margin-bottom:5px;
    text-align:center;
    background-color:#dfdfdf;
    width:90px;
    height:90px;
    position:relative;
    border:1px solid #afafaf;
}

.gallery_box img {
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto;
}


/* Kontakt */
#kontakt {
    border:1px solid #efefef;
    margin-right:10px;
    padding:8px;
    background: #ffffff url(../images/backgrounds/bg_kontakt.jpg) no-repeat;
}

#kontakt label {
    float: left;
    display: block;
    width: 120px;
    margin-bottom: 5px;
}

#kontakt input {
    float: left;
    width: 250px;
    margin-right: 60px;
    margin-bottom: 5px;
    border-color: #9f9f9f;
}

#kontakt select {
    margin-bottom: 5px;
    border-color: #9f9f9f;
    width:250px;
}

#kontakt #homepage, #kontakt #email {
    width: 250px;
}

#kontakt textarea {
    background: #ffffff url(../images/backgrounds/bg_grayscale.jpg) repeat-x;
    width: 500px;
    height: 100px;
    border:1px solid #dfdfdf;
}

#kontakt #newsletter {
    float: left;
}

#kontakt #newsletter {
    margin: 10px 20px 0 0;
}
#kontakt input.radio {
    width: inherit !important;
    margin: 10px 5px 0 0;
}
#kontakt label.nl {
    width: inherit !important;
    margin: 10px 10px 0 0;
}

#kontakt input.button {

}

#kontakt .submit {
    width:120px;
    height:19px;
    background-image:url(../images/buttons/btn_absenden.jpg);
    background-repeat:no-repeat;
    border:none;
    clear: left;
    float: none;
    margin: 0;
}

#trennlinie-kontakt{
 background: url(../images/backgrounds/headline.gif) repeat-x left bottom;
}
/*********************************/
#trennlinie {
 background: url(../images/backgrounds/headline.gif) repeat-x left bottom;
}

/* Tooltip */
div.tooltip {
    position: absolute;
    padding: 4px;
    top: 0px;
    left: 0px;
    color: white;
    font-size: 12px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    width: 25em;
    font-weight: bold;
    background: url(../images/backgrounds/tooltip2.png);

    /* Mozilla proprietary */
    -moz-border-radius: 5px;
}
div.tooltip p {
    margin: 0; padding: 0 3px;
}
div.tooltip p.destination {
    font-size: 9px;
    text-align: left;
    padding-top: 3px;
}



/* Pager */
.pager {
	text-align:center;
	/*width: 100%;*/
	margin-top: 10px;
	margin-bottom: 10px;
  /* height: 28px; */
}

.pager a {
	/*display: block;*/
	border: 1px #666666 solid;
	text-decoration: none;
	text-align: center;
	padding: 2px 4px 2px 4px;
	margin-top: 2px;
	height: 14px;
	color: #ffffff;
	text-decoration: none;
	background-color: #EC5E00;
	background-image: url(../images/bgbutton.gif);
  white-space: nowrap;
}
.pager a:hover {
	color: #ffffff;
	background-color: #FA8725;
	background-image: url(../images/bgbutton_over.gif);
	cursor: pointer;
}
.pager .pager-current {
	white-space:nowrap;
	background-color: #EC5E00;
	border: 1px #666666 solid;
	padding: 2px 4px 2px 4px;
	margin: 0px 0px 0px 0px;
	background-image: url(../images/bgbutton.gif);
	font-weight: bold;
}
.pager td {
  white-space: nowrap;

}

.pager .pager-previous, .pager-first, .pager-next, .pager-last  {
	margin-left: 3px;
	margin-right: 3px;
}


.pager .pager-list {
	/*float: left;*/
	text-align: center;
	width: 350px;
	white-space:nowrap;
}

.mini_art {
    margin-right:10px;
    border-bottom:1px solid #efefef;
    padding-bottom:5px;
    margin-bottom:10px;
    color:#7f7f7f;
}

/* general page style ends here */