@charset "utf-8";
/* BT-n MAIN CSS
    The main Stylesheet of the
    bt-template. By Mike
------------------------------------------ */

/* Main Colors of the webportal: 
	bt-blue:         	#00588a
	bt-green:       	#0db14b
	bt-lightblue:  	#0085c3
	strokegrey:   	#b2b2b2
	hintergrund: 	#9fa2a4
	Hauptfläche: 	#ebebeb
	footer:		#afafaf
	Menü L2 bg:	#d8d8d8
	Menü L3 bg:	#cacaca
	Text:		#484848
	Links:		bt-lightblue
*/
.c_sitebg            { background-color: #9fa2a4 }
.c_contentbg         { background-color: #ebebeb }
.c_footerbg          { background-color: #afafaf }

/* Set everything to defaults: */
body, table, tr, td, p, div, h1, h2, h3, h4, h5, h6, object, img {
      border-collapse: collapse;
      border-spacing: 0px;
      border-style: none;
      border-width: 0px;
      border-color: #ebebeb;
      margin: 0px;
      padding: 0px;
      font-family: Arial, Verdana, Helvetica, 'MS Sans Serif', sans-serif;
      font-size: 12px;
      color: #484848;
      text-decoration: none; }

/* Links: */
a                 {  text-decoration: none;       color: #00588a; }
a:hover           {  text-decoration: underline;  color: #0085c3; }
a:visited         {  text-decoration: none;       color: #0085c3; }
a:visited:hover   {  text-decoration: underline;  color: #0085c3; }

/* Headers: */
h1 { font-size: 30px; color: #00588a; font-weight: bold;  }
h2 { font-size: 30px; color: #484848; font-weight: bold;  }
h3 { font-size: 24px; color: #00588a; font-weight: bold;  }
h4 { font-size: 24px; color: #484848; font-weight: bold;  }
h5 { font-size: 20px; color: #00588a; font-weight: bold;  }
h6 { font-size: 20px; color: #484848; font-weight: bold;  }

/* Trenner: */
hr { border: 1px solid white; }

/* Helper classes: 
    basic classes wich are simple helpers for shadows and co
    also used to make IE and Mozilla render the same way
*/
.nlh       		{ line-height: 0; }
.textcenter { text-align: center; }

.left     		{ text-align: left; }
.center 		{ vertical-align: middle; }
.top       		{ vertical-align: top; }



.shadowborderleft   {	background-image: url(bt_main_FILES/ShadowLeft.png);
					background-position: 100% 0%; 
                    background-repeat: repeat-y; 
					}
.shadowborderright {	background-image: url(bt_main_FILES/ShadowRight.png);
					background-position: 0% 0%; 
					background-repeat: repeat-y; 
					}
.shadowbordertop   { 	background-image: url(bt_main_FILES/ShadowTop.png);
					background-position: 0% 100%; 
					background-repeat: repeat-x; 
					}
.shadowbordertopleft   { 	background-image: url(bt_main_FILES/ShadowTopLeft.png);
					background-position: 100% 100%; 
					background-repeat: none; }
.shadowbordertopright   { background-image: url(bt_main_FILES/ShadowTopRight.png);
					background-position: 0% 0%; 
					background-repeat: none; }
.shadowborderbottom { 	background-image: url(bt_main_FILES/ShadowBottom.png);
						background-position: 0% 0%; 
						background-repeat: repeat-x; 
						}
.shadowborderbottomleft   { 	background-image: url(bt_main_FILES/ShadowBottomLeft.png);
					background-position: 0% 0%; 
					background-repeat: none; }
.shadowborderbottomright   { background-image: url(bt_main_FILES/ShadowBottomRight.png);
					background-position: 0% 0%; 
					background-repeat: none; }

.topendspacer {	background-image: url(bt_main_FILES/TOP_EndSpacer.png);
				background-position: 0% 0%;
				background-repeat: repeat-y; }
				
.top3shadowbottom   {	background-image: url(bt_main_FILES/TOP3_ShadowBottom.png);
					background-position: 0% 0%; 
					background-repeat: repeat-x; }
					
.bcshadow		{
				height: 19px;
				background-image: url(bt_main_FILES/BC_BG_Mid_1x30.png);
				background-position: 0% 0%; 
				background-repeat: repeat-x;
				vertical-align: top;
				padding-top: 11px;
				}

/* BasicLayout: 
    basic abmessungen of the portal
    all sizes in pixels!
*/

.headerrow1       { height: 100px; }
.headerrow2       { height: 140px; }
.headerrow3       { height:  10px; }

.h25                     { height:  25px; }
.h10                     { height:  10px; }

.paddingtop20   { padding-top: 20px; }


/* ID's - Content Areas
    All Elements with an ID gets exchanged through typo3!
*/
#btlogo         {}
#btadress     {}
#btbanner     {}
#btquickbox       {  	width: 200px; }
td#btquickselect { 	height: 55px;
			width: 100%;
			padding-left: 10px;
			padding-right: 10px;
			background-color: #dadada;
			background-image: url(bt_main_FILES/contact-bg.png);
			background-position: 0% 0%; 
                    	background-repeat: repeat-x;
			text-align: center;
		  }
#btquickselect td { 	width: 60px; 
			text-align: center;
		  }			
#btlogin 	{	height: 85px;
			background-color: #e6e6e6;
			padding-left: 10px;
			padding-right: 10px;
			}

/* for the MainMenu look at bt_menu.css */
#btlanguage 		{ }
#btbreadcrump 	{ }
#btbreadcrump a	{ color: #00588a; }
#btbreadcrump a:hover	{ color: #0085c3; }

#btcontent   { 	width: 640px; 
				padding-left: 10px; 
				padding-top: 15px;
			}
#btfooter     {}




/* Typo 3 specific 
.contenttable td { vertical-align: top; }
*/


/* Rich TEXT Editor */
/* ---------------- */

/* Backend Styles */
.htmlarea-content-body {
        background-color: #ebebeb;
}


/* Make Table borders visible Make sure we can click in empty cells without too much difficulty */
.htmlarea-showtableborders, .htmlarea-showtableborders td, .htmlarea-showtableborders th {
        padding: 3px; 
        border: 1px dashed #316ac5 ! important;
}

/* Tables */
table.WB { border: 1px solid white; }
table.BlueBox { border: 1px solid #00538b; }
table.LiBlueBox { border: 1px solid #0082c4; }
table.GreenBox { border: 1px solid #2fa829; }

TD.NoBorder { border: 0px solid white; }
TD.WB { border: 1px solid white; padding: 3px; }

TD.WB-Blue { border: 1px solid white; background-color: #00538b; color: white; padding: 3px; }
TD.WB-Blue p { color: white; }

TD.WB-LiBlue { border: 1px solid white; background-color: #0082c4; color; white; padding: 3px; }
TD.WB-LiBlue p { color: white; }

TD.WB-Green { border: 1px solid white; background-color: #2fa829; color: white; padding: 3px; }
TD.WB-Green p { color: white; }

TD.Blue { background-color: #00538b; color: white; padding: 3px; }
TD.Blue p { color: white; }

TD.LiBlue { background-color: #0082c4; color; white; padding: 3px; }
TD.LiBlue p { color: white; }

TD.Green { background-color: #2fa829; color: white; padding: 3px; }
TD.Green p { color: white; }

/* Paragraphs */
p.big { font-size: 18px; }
p.medium { font-size: 16px; }
p.small { font-size: 10px; }
p.WhiteBox { border: 1px solid white; padding: 12px; }
p.BlueBox { border: 1px solid #0082c4; padding: 12px; }
p.SolidBlue { border: 1px solid #0082c4; padding: 12px; background-color: #0082c4; color: white; }

/* Character */
span.big { font-size: 18px; }
span.medium { font-size: 16px; }
span.small { font-size: 10px; }

/* Links */

/* Images */
img.WBox { border: 1px solid white; padding: 4px; }
img.WhiteBG { border: 5px solid white; }
img.GBWhiteBG { border: 1px solid #b2b2b2; padding: 6px; background-color: white; }
img.GBLiBlueBG { border: 1px solid #b2b2b2; padding: 6px; background-color: #0082c4; }
img.LiBlueBWBG { border: 1px solid #0082c4; padding: 6px; background-color: white; }
img.LiBlueB { border: 1px solid #0082c4; padding: 6px; background-color: #ebebeb; }