/* VocaMe */


/*///////////////////// Allgemein ////////////////////*/

body, html {
	font-family: Arial,Helvetica, "Lucida Grande",Helvetica,sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #925e00;
}

a { color: #5c0c0f; text-decoration: none; }
a:hover { color: #5c0c0f; text-decoration: underline; }

td { vertical-align: top; font-size: 12px; text-align: left; }
td a { font-size: 11px; }
td textarea { font-family: Arial,Helvetica, "Lucida Grande",Helvetica,sans-serif; font-size: 12px; }
input, textarea { font-family: Arial,Helvetica, "Lucida Grande",Helvetica,sans-serif; font-size: 12px; }

/*///////////////////// Klassen ///////////////*/
.hidden, .seo { display: none; }
.hiddenPic { width: 1px; height: 1px; visibility: hidden; }
.abstand { margin-bottom: 20px; }
.einruecken { padding-left: 20px; }
.picBorder { border: #925e00 1px solid; }
.bold { font-weight: bold; }
#mainNavi.pixelrunter { margin-top: 121px !important; margin-bottom: -1px; } /* nur für dt. Version */



/*///////////////////// Container DIVs ///////////////*/

#container { position: absolute; height: 585px; top: 50%; left: 50%; margin-top: -295px; margin-left: -468px; background: #c38804 url(../images/allgemein/header.jpg) no-repeat; }
#helpNaviLeft { margin-top: 122px; paddin-top: 0px; height: 23px; width: 222px; line-height: 25px; text-indent: 25px; color: #c38804; }
#mainNavi { margin-top: 120px; height: 25px; margin-right: 45px; }
#helpNaviRight { margin-top: 122px; height: 23px; line-height: 25px; color: #c38804; }
#teaserline { margin-left: 135px; margin-top: 32px; height: 93px; }
#contentContainer { width: 712px; height: 200px; margin-left: 135px; }
#contentPic { width: 312px; }
#content { width: 400px; height: 200px; margin-top: -2px; }
#scrollbereich { width: 380px; min-width: 380px; padding-right: 20px; height: 200px; overflow: scroll; overflow-x: hidden; text-align: justify; }
#scrollbereich p { font-size: 12px; line-height: 16px !important; }
#saengerNavi { margin-top: 30px; margin-left: 135px; height: 40px; width: 712px; }
#bg_home { margin-top: 3px; width: 935px; height: 433px; background: url(../images/allgemein/bg_home.jpg) no-repeat; }
#bg_home_en { margin-top: 3px; width: 935px; height: 433px; background: url(../images/allgemein/en_bg_home.jpg) no-repeat; }
#home_teaser_container { position: absolute; width: 400px; height: 160px; margin-left: 510px; margin-top: 20px; text-align: center; }
#home_teaser { display: inline-block; background: #5c0c0f; padding: 7px; width: auto; text-align: center;  }
#home_teaser_container table td { text-align: center; }
#home_teaser_container table td { vertical-align: middle; }
#flashcontainer { height: 220px; }

/*///////////////////// Details ///////////////*/

#helpNaviLeft a, #helpNaviRight a { color: #925E00; }
#helpNaviLeft a.active, #helpNaviRight a.active { color: #5c0c0f; }
#helpNaviLeft a:hover, #helpNaviRight a:hover { color: #5c0c0f; }
#saengerNavi div { width: 95px; max-width: 98px; padding-right: 10px; }
#saengerNavi div a, #saengerNavi td a { text-decoration: none; color: #FFFFFF; }
#saengerNavi div a:hover, #saengerNavi div a.active, #saengerNavi td a:hover, #saengerNavi td a.active  { text-decoration: none; color: #5c0c0f; }





/*///////////////////// Schriften ///////////////*/

h1,h2,h3,p { margin-bottom: 7px; font-weight: normal; }
#home_teaser p { margin-bottom: 0px; }
#home_teaser a { color:#FFFFFF; font-size: 12px; }
#scrollbereich p, #home_teaser p { line-height: 14px; }
#scrollbereich h1, #home_teaser h1 { font-size: 16px; }
#scrollbereich h2, #home_teaser h2 { font-size: 14px; }
#scrollbereich h3, #home_teaser h3 { font-size: 12px; }