/* :.:..........:.:.........................: */
html{}
body{font-family:Trebuchet MS, Arial, Helvetica, sans-serif; font-size:12px; height:100%; color:#58606B; background: #fff;}

/* ..........................
... ::: HAUPTELEMENTE ::: ... 
.......................... */
p{margin-bottom:16px; line-height:18px;}

a{text-decoration:none;}
a:hover{text-decoration:none;}

img{border:0;}
.fl_left{float:left;}
.fl_right{float:right;}
.line{color:#EB6A0A; height:1px; border-top:1px solid #E3E3E3; border-bottom:none;}
.clearer{clear:both;}

/* ....................................
... ::: ALLGEMEINE CSS STRUKTUR ::: ... 
.................................... */
#firstbox{width:960px; margin:0px auto;}
	#header{width:960px; height:96px;}
	#content{width:960px; margin-top:15px;}
	#footer{clear:both; width:960px; height:60px; padding:16px 0px 0px 0px; text-align:right;} 

/* .........................
... ::: CSS ELEMENTE ::: ... 
......................... */
.spruch{float:left; text-transform:uppercase; color:#CCCCCC; font-size:24px; font-weight:bold; line-height:24px; padding:36px 33px 0px;}
.spruch span{font-size:14px;}
.logo{text-align:right; padding:23px 33px 0px 0px; float:right;}

/* BOXEN */
.box{margin:15px 0px 0px;}
.box a{display:block; width:399px; height:149px; padding:33px; color:#fff;}
.box a:hover{background:#58606B;}
.box p span{float:right; font-size:11px; padding-top:5px;}
h2{text-transform:uppercase; font-size:24px; font-weight:bold; color:#fff; margin-bottom:33px;}

.blue{background:#002c69;}
.blue h2 span{color:#9DA0BA;}

/* .blue{background:#0A1152;}
.blue h2 span{color:#9DA0BA;} */

.orange{background:#d64c33;}
.orange h2 span{color:#F4ABA4;}

/* .orange{background:#E32E1B;}
.orange h2 span{color:#F4ABA4;} */

.lila{background:#6B1027;}
.lila h2 span{color:#C49FA9;}

.green{background:#006E46;}
.green h2 span{color:#99C5B5;}

div#footer p a{color:#58606B; margin-top:15px;}
