html{
height:100%;
width:100%;
overflow:scroll;
overflow-x:auto;
}

body {
margin:0px;
padding:0px;
height:100%;
width:100%;
font-size:11px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}


/*-----------------------------------------------------------------------------------------*/
/*-----------------------------basic layout------------------------------------------------*/

.tab_box{
height:100%;
width:100%;
padding:0px 0px 0px 0px;
}


.td_top{
height:10px;
max-height:10px;
}

/*------------------head area-------------------*/

.td_left_head{
height:178px;
background-color: #CC2323;
}

.td_right_head{
height:172px;
background-color:#CC2323;
}

.td_head{
height:178px;
width:980px;
}

.td_top_1{
height:10px;
}

.empty_head{
height:172px;
}


.td_head_back{
width:428px;
height:178px;
background-image:url(../img/layout_b/head_01.jpg);
background-repeat:no-repeat;
background-position: top right;
}

.td_logo {
width:172px;
height:172px;
border:3px solid #CC2323;
}

/*-----------------main navi area-----------------------*/

.td_main_navi {
vertical-align:top;
background-color:#CC2323;
width:178px;
height:168px;
padding:10px 0px 0px 0px;
}


/*-----------------sub navi area-----------------------*/

.td_head_img {
vertical-align: top;
background-color:#CC2323;
background-image:url(../img/layout_b/head_01.jpg);
background-repeat:no-repeat;
background-position: top left;
width:178px;
height:168px;
padding:10px 0px 0px 0px;
}

.td_sub_navi {
vertical-align: top;
background-color:#CC2323;
width:178px;
height:168px;
padding:10px 0px 0px 0px;
}

/*------------------Contents area--------------------*/

.tab_content{
width:100%;
height:100%;
}


.td_content {
vertical-align:top;
background: #FFFFFF;
padding:50px 0px 0px 0px;
width:980px;
}


/*-------------------news box -------------------------*/

.td_news_box {
vertical-align:top;
padding:60px 0px 0px 20px;
width:200px;
background: #FFFFFF;
}

/*------------------foot area-------------------*/

.foot{
text-align: center;
height:25px;
padding:0px;
background: #FFFFFF;
border-top:1px solid #000000;
}


/*-----------------site contact-----------------------*/
.tab_contact{
width:100%;
margin:0px 0px 0px 0px;
}

.img_small {        /* image e-mail */
border: 0px;
margin-top:0px;
}

.map {
vertical-align:top;
padding:0px 0px 0px 20px;
}



/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------global html elements-----------------------------------------*/

h1 {
font-size:25px;
line-height: 30px;
color: #807F7F;
font-weight:normal;
margin: 0px;
padding:0px 0px 20px 0px;
}

h1.pagetitle {
font-size:27px;
line-height: 30px;
color: #0000B3;
font-weight:bold;
font-style:normal;
margin: 25px 0px 0px 35px;
letter-spacing: 0.5px;
}

h1.news {
font-size:20px;
line-height: 25px;
color: #b30000;
font-weight:normal;
margin: 0px ;
padding:0px 0px 0px 0px;
}

h2 {
font-size:12px;
color: #b30000;
font-style:bold;
margin: 0px 0px 0px 0px;
}


h3 {
font-size: 12px;
line-height: 18px;
font-style:bold;
margin: 0px;
color: #3F3F3F;
padding: 0px 0px 0px 0px;
}

h4 {
color:#0066CC;
}

p {
margin: 0px 0px 0px 0px;
font-size:12px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}

td {
font-size:12px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}

img {
border: 0px;
}

ul {
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
vertical-align:top;
}

* html ul {
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
}

li{
margin-top:0px;
margin-bottom:0px;
margin-right:0px;
padding: 0px 0px 0px 0px;
}

/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------Project html elements-----------------------------------------*/

/*--------------------content---------------------------*/

.tab_content{
width:100%;
height:100%;
}

.content{
vertical-align:top;
padding:30px 25px 10px 25px;
}

.tab_title {
height: 35px;
width:100%;
margin:0px 0px 0px 0px;
}

.tab_article {
width:100%;
margin:0px 0px 0px 0px;
}


.text_left {
vertical-align:top;
padding: 0px 20px 0px 0px;
}

.text_right{
vertical-align:top;
padding: 0px 0px 0px 30px;
}

.img_left {
width:250px;	
vertical-align:top;
padding: 5px 0px 0px 0px;
}

.img_right {
width:250px;		
vertical-align:top;
padding: 5px 0px 0px 0px;
}

.caption_text {
vertical-align:top;
width:100px;
padding: 3px 0px 0px 0px;
}

.caption {
vertical-align:top;
padding: 3px 0px 0px 0px;
}

.caption p {
font-size:12px;
line-height:18px;
font-style:italic;
color: #3F3F3F;
}

.caption_text {
vertical-align:top;
padding: 3px 0px 0px 0px;
}


* html .caption_text {
width:250px;
}

.caption_text p {
font-size:12px;
line-height:18px;
font-style:italic;
color: #3F3F3F;
}

.error_messages {
font-weight:bold;
color: #DF0000;
}

.td_mail_img {
padding-top: 3px;
}


/*--------------------navi_left---------------------------*/

/*---------------------------------------------------------------------------------------*/
/*-----------------------------news and appointments -----------------------------------*/
.td_news{
width:188px;
padding:30px 10px 30px 10px;
vertical-align:top;
font-family: verdana;
font-size:11px;
line-height:22px;
border:1px solid #CCCCCC;
}

.tab_list{
float:left;
width:145px;
height:300px;
}

.tab_news_list{
width:950px;
}

.bu_img_right {
margin: 20px 0px 0px 20px;
}

.date{
color: #000000;
font-weight:bold;
}

.td_news_date {
padding: 0px 20px 0px 0px;
}

.td_more {
padding: 0px 0px 10px 0px;
}

.td_img_news {
vertical-align:top;
}
.news_text {
font-size:12px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}
.news_text span {
font-size:12px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}

.newslist_line {
border-bottom:1px solid #0066CC;;
}

.tab_news_box {
width:200px;
border:1px solid #000000;
margin: 0px 1px 1px 0px;
}

.tab_news_box td  {
padding: 0px 5px 0px 5px;
}

.tab_news_box p  {
font-size:11px;
line-height:17px;
}

.td_img_news {
vertical-align:top;
}

.news_float {
border: 0px dotted #3F3F3F;
width: 145px;
height: 370px;
margin: 0px 10px 0px 0px;
float:left;
}

.thumb_aktuell {
margin: 5px 0px 5px 0px;
}
/*--------------------contctform--------------------------*/

.contact_form{
width: 320px;
border: 1px solid #000000;
font-size:12px;
padding: 5px;
height:13px;
margin: 5px 0px 5px 0px;
}


* html .contact_form{
width: 320px;
border: 1px solid #000000;
font-size:12px;
padding: 5px;
height:22px;
margin: 5px 0px 5px 0px;
}

.textarea_form{
width: 320px;
height: 100px;
border: 1px solid #000000;
font-size:12px;
padding: 5px 0px 5px 0px;
margin: 0px;
}

.submit {
background-color: #000000;
color: #ffffff;
height: 25px;
width: 330px;
padding: 0px;
margin: 5px 0px 5px 0px;
}

/*-----------------------------------------------------------------------------------------*/
/*-------------------------------- downloads------------------------------------------------*/

.tab_download_list {
width:auto;
margin:0px 0px 0px 0px;
}


.td_icon_file {
vertical-align:top;
width: 10px;
}

.file_name {
width:90%;
}

.td_icon_file_bottom {
vertical-align:bottom;
width: 30px;
}

.border_bottom {
border-bottom: 1px solid #8b8d90;
}


/*-----------------------------------------------------------------------------------------*/
/*-------------------------------- gallery ------------------------------------------------*/
.pg_type_gallery .gal_content{
	margin-bottom: 10px;
}

.pg_type_gallery .td_zahlen a{
	text-decoration: none;
}

.pg_type_gallery h1 {
	padding:0px 0px 15px 0px;
}

.pg_type_gallery .anchor{
	font-size:0px; 
	line-height:0px;
	padding: 0px;
	margin: 0px;
}

.pg_type_gallery td{
	line-height: 12px;
}

.td_zahlen{
margin: 0px 0px 20px 5px;
}

.img_home {
margin: 10px 0px 10px 0px;
}

.gallery {
width: 100%;
}

.name{
float:left;
}

.photos {
font-size: 12px;
}

.td_img_big {
vertical-align:top;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
width: 360px;
}

.tab_img_big {
height:400px;
width:380px;
}

.td_img_title {
vertical-align:top;
background: #ffffff;
}

.td_img {
vertical-align:top;
text-align: center;
background: #ffffff;
}


.td_img_caption {
vertical-align:bottom;
font-size: 11px;
line-height: 17px;
background: #ffffff;
color: #676666;
}

.top {
vertical-align:top;
}

.top_left {
width:12px;
height:10px;
background-image: url(../img/gallery/top_left.gif);
background-repeat:no-repeat;
}

.back_left {
width:12px;
background-image: url(../img/gallery/back_left.gif);
background-repeat:repeat-y;
}

.back_top {
height:10px;
background-image: url(../img/gallery/back_top.gif);
background-repeat:repeat-x;
}

.top_right{
width:19px;
height:10px;
background-image: url(../img/gallery/top_right.png);
background-repeat:no-repeat;
}

.back_right {
width:19px;
background-image: url(../img/gallery/back_right.png);
background-repeat:repeat-y;
}

.bottom_left {
max-width:12px;
height:18px;
background-image: url(../img/gallery/bottem_left.png);
background-repeat:no-repeat;
}

.bottom_right{
width:19px;
height:18px;
background-image: url(../img/gallery/bottom_right.png);
background-repeat:no-repeat;
}

.back_bottom {
height:18px;
background-image: url(../img/gallery/back_bottom.png);
background-repeat:repeat-x;
}

.td_img_thumbs {
vertical-align:top;
padding:0px 0px 0px 5px;
}

.tab_thumbs {
float: left;
vertical-align:top;
border: 1px solid #b9b8b8;
height: 71px;
width:71px;
margin: 0px 5px 10px 5px;
}

.tab_thumbs_highl {
float: left;
vertical-align:top;
border: 1px solid #4287be;
height: 71px;
width:71px;
margin: 0px 5px 10px 5px;
}

.td_one_thumb  {
background: #ffffff;
vertical-align:top;
text-align: center;
padding:6px 0px 0px 0px;
}

h1.gallery_title {
text-align:left;
color: #3a6f9c;
font-size: 45px;
line-height: 55px;
font-weight: normal;
margin: 10px 20px 0px 0px;
}

h2.title_gallery_img {
color: #3a6f9c;
}


/* ----------------------------- number navigation ---------------------------- */

a.numbers {
font-size: 12px;
line-height: 17px;
text-decoration: none;
border:0px solid #FFFFFF;
}

a.numbers:link {
color: #000000;
}

a.numbers:visited {
color: #000000;
}

a.numbers:hover {
color: #b30000;
}

a.numbers:active {
color: #b30000;
}

a.numbers:focus {
color: #b30000;
}

a.numbers_act {
font-size: 12px;
line-height: 17px;
text-decoration: none;
border:0px solid #FFFFFF;
color: #b30000;
font-weight: bold;
}

.no_border {
border: 0px solid #ffffff;
}



/*-------------------------------------------------------------------------------------*/
/*-----------------------------------global Link---------------------------------------*/

a:link{
color: #b30000;
}

a:visited{
color: #b30000;
}

a:hover{
color: #000000;
}

a:active{
color: #000000;
}

a:focus{
color: #000000;
}


/*---------------------------------------------------------------------------------------*/
/*-------------------------buttons more -------------------------------------------------*/

a.more {
text-decoration:none;
font-size: 11px;
line-height: 17px;
padding: 0px;
margin: 0px;
color:#b30000;
float:right;
}

a.more:link {
color: #b30000;
}

a.more:visited {
color: #000000;
}

a.more:hover {
color: #000000;
}

a.more:active {
color: #000000;
}

a.more:focus {
color: #000000;
}

/*---------------------------------------------------------------------------------------*/
/*------------------------ button ---first layer-------------------------------------*/

ul.menu{
margin:0px 0px 0px 0px;
padding:0px;
list-style-type:none;
}

ul.menu li {
padding:0px 0px 1px 20px;
}

li.button_act {
background-image:url(../img/layout_b/button_icon_act.gif);
background-repeat:no-repeat;
background-position: 0px 6px;
}

a.button{
text-decoration:none;
color: #ffffff;
font-size:12px;
line-height:15px;
padding:0px 0px 0px 0px;
margin: 0px;
font-weight:bold;
}

a.button:link{
color: #ffffff;
text-decoration:none;
}

a.button:visited{
color: #ffffff;
text-decoration:none;
}

a.button:hover{
color: #ffffff;
text-decoration:none;
}

a.button:active{
color: #ffffff;
}

a.button:focus{
color: #ffffff;
}

/*------------------button active-------*/
a.button_act{
text-decoration:none;
color: #ffffff;
font-size:12px;
line-height:15px;
padding:0px 0px 0px 0px;
margin: 0px;
font-weight:bold;
margin: 0px;
}

a.button_act:link{
color: #ffffff;
text-decoration:none;
}

a.button_act:visited{
color: #ffffff;
text-decoration:none;
}

a.button_act:hover{
color: #ffffff;
text-decoration:none;
}

a.button_act:active{
color: #ffffff;
text-decoration:none;
}

a.button_act:focus{
color: #ffffff;
text-decoration:none;
}

/*---------------------------------------------------------------------------------------*/
/*--------------------------------subbutton ---second layer------------------------------*/

ul.submenu{
margin:0px 0px 0px 0px;
padding:0px;
list-style-type:none;
}

ul.submenu li {
padding:0px 0px 1px 20px;
}

li.subbutton_act {
background-image:url(../img/layout_b/button_icon_act.gif);
background-repeat:no-repeat;
background-position: 0px 6px;
}

a.subbutton{
text-decoration:none;
color: #ffffff;
font-size:12px;
line-height:15px;
padding:0px 0px 5px 0px;
margin: 0px;
font-weight:bold;
}

a.subbutton:link{
color: #ffffff;
text-decoration:none;
}

a.subbutton:visited{
color: #ffffff;
text-decoration:none;
}

a.subbutton:hover{
color: #ffffff;
text-decoration:none;
}

a.subbutton:active{
color: #ffffff;
}

a.subbutton:focus{
color: #ffffff;
}


/*------------------subbutton  active-------*/
a.subbutton_act{
text-decoration:none;
color: #ffffff;
font-size:12px;
line-height:15px;
padding:0px;
font-weight:bold;
margin: 0px;
}

a.subbutton_act:link{
color: #ffffff;
text-decoration:none;
}

a.subbutton_act:visited{
color: #ffffff;
text-decoration:none;
}

a.subbutton_act:hover{
color: #ffffff;
text-decoration:none;
}

a.subbutton_act:active{
color: #ffffff;
text-decoration:none;
}

a.subbutton_act:focus{
color: #ffffff;
text-decoration:none;
}


/*---------------------------------------------------------------------------------------*/
/*--------------------------------subbutton ---third layer------------------------------*/

ul.subsubmenu{
margin:0px 0px 0px 0px;
padding:0px;
list-style-type:none;
}

ul.subsubmenu li {
padding:0px 0px 1px 20px;
}

li.subsubbutton_act {
background-image:url(../img/layout_b/button_icon_act.gif);
background-repeat:no-repeat;
background-position: 0px 6px;
}

a.subsubbutton{
text-decoration:none;
color: #ffffff;
font-size:12px;
line-height:15px;
padding:0px 0px 5px 0px;
margin: 0px;
font-weight:bold;
}
a.subsubbutton:link{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton:visited{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton:hover{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton:active{
color: #ffffff;
}

a.subsubbutton:focus{
color: #ffffff;
}


/*------------------subbutton  active-------*/
a.subsubbutton_act{
text-decoration:none;
color: #ffffff;
font-size:13px;
line-height:14px;
padding:0px;
font-weight:bold;
margin: 0px;
}

a.subsubbutton_act:link{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton_act:visited{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton_act:hover{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton_act:active{
color: #ffffff;
text-decoration:none;
}

a.subsubbutton_act:focus{
color: #ffffff;
text-decoration:none;
}



/*---------------------------------------------------------------------------------------*/
/*----------------------------------button foot------------------------------------------*/

a.button_foot{
text-decoration:none;
font-size:12px;
line-height:22px;
color:#000000;
padding:0px 20px 0px 20px;
font-size:11px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
text-decoration:none;
}

a.button_foot:link{
color:#000000;
text-decoration:none;
}

a.button_foot:visited{
color:#000000;
text-decoration:none;
}

a.button_foot:hover{
color: #b30000;
text-decoration:none;
}

a.button_foot:active{
color: #b30000;
text-decoration:none;
}

a.button_foot:focus{
color: #b30000;
text-decoration:none;
}

/*------------------button active-foot------*/
a.button_foot_act{
text-decoration:none;
font-size:12px;
line-height:2px;
color: #b30000;
padding:0px 20px 0px 20px;
font-size:11px;
border-left:1px solid #ffffff;
border-right:1px solid #ffffff;
text-decoration:none;
}

a.button_foot_act:link{
color: #b30000;
text-decoration:none;
}

a.button_foot_act:visited{
color: #b30000;
text-decoration:none;
}

a.button_foot_act:hover{
color: #b30000;
text-decoration:none;
}

a.button_foot_act:active{
color: #b30000;
text-decoration:none;
}

a.button_foot_act:focus{
color: #b30000;
text-decoration:none;
}


