/*----------------------------------------
Website:  http://www.canadian-colours.de
last update: Febr.2010 copyright M.Keuper
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url(navi.css);   
@import url(tabs.css);

/* Elements
----------------------------------------*/
BODY {background: #000000 url(../add/bgrd-219.jpg) no-repeat center top;background-attachment: scroll;}
/*--- very important - css reset browser adaptation ---*/
* {margin: 0;padding: 0;}
/*--- borders only for construction workings ---*/
#menu, #container, #content, #promotion, #left, #right, #sidebar {border: 0px solid #FF0000;}

/* base construction 
----------------------------------------*/
#menu {margin: 0 auto;width: 980px;height: 80px;}
#container {margin: 0 auto;width: 980px;height: 400px;}
#content {float: left;width: 730px;height: 400px;}
#left {float: left;width: 345px;height: auto;margin-right:10px;}
#right {float: left;width: 345px;height: auto;margin-left:10px;}
#sidebar {float: right;margin:0 10px;width: 220px;height: 400px;}
#promotion {margin: 0 auto;width: 980px;height: auto;}   /*---Google ads below---*/
BLOCKQUOTE {width: 200px;height: 350px;padding: 10px;background: #110011;border: 1px solid #311439;
opacity: 0.8;-moz-border-radius: 5px;-moz-box-shadow: 2px 2px 3px #000;}
.block {width:320px;height:auto;background: none;margin:5px auto;}

/* fonts utilities 
----------------------------------------*/
#text, P, #foot, blockquote {font-family: Arial, Helvetica, sans-serif;text-align: justify;font-size: 12px;color: #FFF;
text-shadow: 2px 2px 3px #000;}
.lh {line-height:20px;}   /*---line-height index page---*/
P,H3,H5 {text-indent: 10px;padding-bottom:5px;}
H3, H4, H5 {font-family: Verdana, Helvetica, sans-serif;font-size: 16px;font-style: italic;letter-spacing: 1px;color: #AAA;
font-variant: small-caps;text-shadow: 3px 3px 3px #000;}
H4 {text-align: center;padding-bottom:5px;}
H5 {font-size: 14px;background:#220022;border:2px solid #311439;
-moz-border-radius-bottomright: 240px 120px;-moz-box-shadow: 3px 3px 3px #000;}
#foot {text-align: center;font-size:11px;letter-spacing:2px;}
@font-face {font-family: BatmanForeverAlternate;src: url('BatmanForeverAlternate.ttf');}
.font   {font-family: BatmanForeverAlternate;font-size: 24px;color: red;font-style: normal;text-shadow: 3px 3px 4px #000;}

.header {font-family: BatmanForeverAlternate;font-size: 26px;color: #3A9043;font-style: normal;text-shadow: 3px 3px 4px #000;
background-color: #220022;border: 1px solid #311439;padding: 0px 50px 2px;-moz-box-shadow: 3px 3px 3px #000;
-moz-border-radius-bottomleft: 240px 120px;-moz-border-radius-topright: 240px 120px;
-webkit-border-top-right-radius: 240px 120px;-webkit-border-bottom-left-radius: 240px 120px;}

/*--- borders only for construction workings ---*/
TABLE, TD, .four, .five, .three {border: 0px solid #00FFFF;}

/* tables and accessories
----------------------------------------*/
TABLE {margin: 0 auto;width: 100%;height: auto;}
.ads {width: 730px;}   /*--- Google ads ---*/
TD {text-align: center;}
.three {width: 33%;vertical-align: top;padding-left: 25px;line-height: 18px;}   /*--- climate ---*/
.center {margin:0 auto;text-align: center;}
.left {text-align: left;vertical-align:top;border-bottom:1px solid #444;padding-bottom:10px;}   /*--- time ---*/
.pad {padding-bottom:10px;}
.four {vertical-align: top;text-align: center;width: 25%;}   /*--- Bilder Links ---*/
.five {vertical-align: top;text-align: center;width: 20%;}   /*--- Bilder Links ---*/
.three {vertical-align: top;text-align: left;width: 33%;}   /*--- agents ---*/
.two {vertical-align: top;padding:0 20px;width: 50%;}   /*--- links ---*/