html{
height:100%;
width:100%;
overflow:scroll;
overflow-x:hidden;
}

body {
margin:0px;
padding:0px;
height:100%;
width:100%;
font-size:11px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
background-image:url(../img/back_grey.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
}

/*-----------------------------------------------------------------------------------------*/

/*-----------------------------basic layout------------------------------------------------*/

.tab_box{
height:100%;
width:1004px;
padding:0px;
border:0px solid #FE9901;
background-color: #FFFFFF;
}

/*------------------head area[logo]-------------------*/
.td_head{
height:140px;
width:1004px;
background-image:url(../img/otte_logo.jpg);
background-repeat:no-repeat;
background-position: center;
}

/*-----------------navi_left area-----------------------*/
.td_navi_left{
width:204px;
vertical-align:top;
font-size:11px;
line-height:21px;
padding:0px 0px 0px 22px;
border-right:1px solid #FE9901;
}

/*------------------Contents area--------------------*/
.td_text{
vertical-align:top;
width:520px;
padding:0px;   
font-size:11px;
line-height:22px;
}

/*------------------foot area-------------------*/
.foot{
height:47px;
background-image:url(../img/foot.gif);
background-repeat:no-repeat;
background-position: center;
padding:5px 0px 0px 215px;
text-align: center;
}

/*-----------------news area-----------------------*/
.td_news{
width:254px;
padding:34px 0px 0px 0px;
vertical-align:top;
border-left:1px solid #FE9901;
font-family: verdana;
font-size:11px;
line-height:22px;
}

.bu_img_right {
margin: 20px 0px 0px 20px;
}

/*-----------------site sitemap -----------------------*/

.sitemap {
width:495px;
margin:0px 0px 0px 25px;
}

/*-----------------site kontakt-----------------------*/
.tab_kontakt{
width:495px;
margin:0px 0px 0px 25px;
border-bottom:1px solid #FE9901;
}
.img_small {        /* image e-mail */
border: 0px;
margin-top:0px;
}
/*-----------------site newsletter-----------------------*/
.tab_letter_form {
width: 100%;
}

.td_top_02 {
vertical-align:top;
text-align: right;
padding: 0px 10px 0px 0px;
width: 120px;
height: 30px;
}

.td_top_03 {
vertical-align:top;
padding: 0px 0px 0px 0px;
}

.kontakt_form {
width:100%;
border: 1px solid #3F3F3F;
}


/*-----------------site aktuelles -----------------------*/
/*.news_float {
display:block;
margin:0px 0px 20px 0px;
border:1px solid #FE9901;
}*/

.tab_list{
float:left;
width:145px;
height:300px;
}




/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------global html elements-----------------------------------------*/


h1 {
font-size:25px;
line-height: 30px;
color: #575757;
font-weight:normal;
font-style:italic;
margin: 0px;
}

h1.news {
font-size:20px;
color: #BB201B;
font-weight:normal;
font-style:normal;
margin: 0px 0px 5px 20px;
}
h2 {
font-size:12px;
color: #BB201B;
font-style:normal;
margin: 0px 0px 0px 0px;
}


h3 {
font-size: 12px;
line-height: 18px;
margin: 0px;
color: #B62415;  
padding: 0px 0px 5px 0px;
}

p {
margin: 0px 0px 0px 0px;
font-size:11px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}

td {
font-size:11px;
line-height:22px;
font-family: Verdana, Arial;
color: #3F3F3F;
}

img {
border: 0px;
}


/*-------------------------------------------------------------------------------------------------*/
/*----------------------------------Project html elements-----------------------------------------*/

/*--------------------content---------------------------*/
.bu_home {
margin: 118px 0px 0px 210px;
}
.tab_title {
height: 35px;
width:520px;
margin:25px 0px 0px 0px;
}

.tab_article {
width:520px;
}

.text_left {
vertical-align:top;
padding: 0px 0px 0px 0px;
}

.text{
vertical-align:top;
padding: 0px 0px 0px 0px;
}


.bild {
text-align: right;
padding: 8px 0px 0px 20px;
width:160px;
}

.bild_li {
text-align: left;
padding: 8px 20px 0px 0px;
width:160px;
}

.bild_top{
vertical-align:top;
text-align: left;
}

.bildunterschrift p {
text-align:left;
font-style:italic;
font-size: 11px;
line-height: 18px;
padding: 3px 0px 0px 0px;
}

.videopromo {
	margin-top: 33px;
	width: 190px;
	border: 0px solid #909090;
	text-align:left;
}

.videopromo a {
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
}

.videopromo a:LINK {
	color: #ffffff;
	text-decoration: none;
}

.videopromo a:VISITED {
	color: #ffffff;
	text-decoration: none;
}

.videolabel {
		padding-left:10px;
	width: 180px;
	height: auto;
	background: #FE9901;
	color: #ffffff;
}

.error {
color: #BB201B;
font-weight: bold;
list-style-type: none;
}

/*--------------------news and appointments ---------------------------*/
.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: 11px;
line-height:18px;
color: #3F3F3F;
vertical-align:top;
}

.news_text p {
font-size: 11px;
line-height:18px;
}
.news_text span {
font-size: 11px;
line-height:18px;
}

.tab_news {
width: 520px;
}

.newslist_line {
border-bottom:1px solid #FE9901;
}

.tab_news_start {
margin: 5px 10px 5px 20px;
border-bottom: 0px dotted #3F3F3F;
width: 204px;
}

.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;
}




/*-------------------------------------------------------------------------------------*/
/*-----------------------------------global Link--------------------------------------------------*/
a:link{
color: #B62415;
}

a:visited{
color: #B62415;
}

a:hover{
color: #B62415;  
}

a:active{
color: #FE9901;
}

a:focus{
color: #FE9901;
}


/*------------------------------------------------------------------------------------------------*/
/*-------------------------buttons more -------------------------------------------------*/ 

a.more {
font-size: 11px;
line-height: 17px;
padding: 0px;
margin: 0px;
color: #1a4b8d;
}

a.more:link {
color: #B62415;  
}

a.more:visited {
color: #B62415;  
}

a.more:hover {
color: #FE9901;
}

a.more:active {
color: #FE9901;
}

a.more:focus {
color: #FE9901;
}

/*-----------------------button  -----first Layer------------------------------------------*/

a.button{
text-decoration:none;
color: #585858;
background-image:url(../img/bu.gif);
background-repeat:no-repeat;
background-position: bottom;
display:block;
line-height:15px;
padding:3px 0px 3px 24px;
}

a.button:link{
color: #585858;
text-decoration:none;
}

a.button:visited{
color: #585858;
text-decoration:none;
}

a.button:hover{
color: #BB201B;
text-decoration:none;
}

a.button:active{
color:#000000;
text-decoration:none;
}

a.button:focus{
color: #000000;
text-decoration:none;
}

/*------------------button active-------*/
a.button_act{
text-decoration:none;
color: #BB201B;
font-weight:bold;
display:block;
line-height:15px;
padding:3px 10px 3px 24px;
background-image:url(../img/bu_act.gif);
background-repeat:no-repeat;
background-position: bottom;
}

a.button_act:link{
color:#BB201B;
text-decoration:none;
}

a.button_act:visited{
color: #BB201B;
text-decoration:none;
}

a.button_act:hover{
color: #BB201B;
text-decoration:none;
}

a.button_act:active{
color: #BB201B;
text-decoration:none;
}

a.button_act:focus{
color: #000000;
text-decoration:none;
}



/*------------------------------------------------------------------*/
/*--------------subbutton ---second layer------------------*/

a.subbutton{
text-decoration:none;
color: #585858;
background-image:url(../img/bu.gif);
background-repeat:no-repeat;
background-position: bottom;
display:block;
line-height:15px;
padding:3px 0px 3px 47px;
}

a.subbutton:link{
color: #585858;
text-decoration:none;
}

a.subbutton:visited{
color: #585858;
text-decoration:none;
}

a.subbutton:hover{
color: #BB201B;
text-decoration:none;
}

a.subbutton:active{
color: #000000;
text-decoration:none;
font-weight:bold;
}

a.subbutton:focus{
color: #000000;
text-decoration:none;
}


/*------------------subbutton  active-------*/
a.subbutton_act{
text-decoration:none;
color: #BB201B;
line-height:15px;
background-image:url(../img/bu_act.gif);
background-repeat:no-repeat;
font-weight:bold;
display:block;
padding:3px 10px 3px 47px;
background-position: bottom;
}

a.subbutton_act:link{
color:#BB201B;
text-decoration:none;
}

a.subbutton_act:visited{
color:#BB201B;
text-decoration:none;
}

a.subbutton_act:hover{
color:#BB201B;
text-decoration:none;
}

a.subbutton_act:active{
color:#BB201B;
text-decoration:none;
}

a.subbutton_act:focus{
color:#BB201B;
text-decoration:none;
}


/*-----------------------button  -----first Layer------------------------------------------*/

a.button_foot{
text-decoration:none;
font-size:11px;
line-height:15px;
color: #909090;
border-right:0px solid #909090;
padding:0px 5px 0px 5px;
font-size:11px;
}

a.button_foot:link{
color: #585858;
text-decoration:none;
}

a.button_foot:visited{
color: #585858;
text-decoration:none;
}

a.button_foot:hover{
color: #BB201B;
text-decoration:none;
}

a.button_foot:active{
color:#000000;
text-decoration:none;
}

a.button_foot:focus{
color: #000000;
text-decoration:none;
}

/*------------------button active-------*/
a.button_foot_act{
text-decoration:none;
font-size:11px;
line-height:15px;
color: #BB201B;
font-weight:bold;
display:block;
padding:0px 5px 0px 5px;
background-image:url(../img/bu_act.gif);
background-repeat:no-repeat;
}

a.button_foot_act:link{
color:#BB201B;
text-decoration:none;
}

a.button_foot_act:visited{
color: #BB201B;
text-decoration:none;
}

a.button_foot_act:hover{
color: #BB201B;
text-decoration:none;
}

a.button_foot_act:active{
color: #BB201B;
text-decoration:none;
}

a.button_foot_act:focus{
color: #000000;
text-decoration:none;
}

/*------------------------- Button Sitemap  ---------------------------------*/
.sitemap {
        border: 0px solid #FFFFFF;
}

a.button_sitemap {
        display: block;
        height: 20px;
        font-size: 13px;
        line-height: 25px;
        color: #6D6F71;
        padding: 0px 50px 0px 0px;
        margin-top: 20px;
        text-decoration: none;
        font-weight: bold;
        border: 0px solid #FFFFFF;
}

a.button_sitemap:link {
        color: #BB201B;
}

a.button_sitemap:visited {
        color: #BB201B;
}

a.button_sitemap:hover {
        color: #FE9901;
}

a.button_sitemap:active {
        color: #FE9901;
}

a.button_sitemap:focus {
        color: #FE9901;
}


/*------------------------- Sub-Button Sitemap  ---------------------------------*/

a.subbutton_sitemap {
        display: block;
        clear: both;
        height: 20px;
        font-size: 13px;
        line-height: 18px;
        color: #6D6F71;
        padding: 0px 50px 50px 0px;
        margin: 0px;
        text-decoration: none;
        border: 0px solid #FFFFFF;
}

a.subbutton_sitemap:link {
        color: #6D6F71;
        padding: 0px 50px 0px 0px;
        margin: 0px;
}

a.subbutton_sitemap:visited {
        color: #6D6F71;
        padding: 0px 50px 0px 0px;
        margin: 0px;
}

a.subbutton_sitemap:hover {
        color: #FE9901;
        padding: 0px 50px 0px 0px;
        margin: 0px;
}

a.subbutton_sitemap:active {
        color: #FE9901;
        padding: 0px 50px 0px 0px;
        margin: 0px;
}

a.subbutton_sitemap:focus {
        color:#FE9901;
}