/*



960px grid system ~ Core CSS.



12 Columns ~ Margin left: 10px ~ Margin right: 10px







Based on the 960.gs grid system - http://960.gs/



by Nathan Smith







Created by the Grid System Generator - v1.04



Learn more ~ http://www.gridsystemgenerator.com/



*/







/*



Forces backgrounds to span full width,



even if there is horizontal scrolling.



Increase this if your layout is wider.







Note: IE6 works fine without this fix.



*/



body {



  min-width: 960px;



}







/* =Containers



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



.container_12



{



  margin-left: auto;



  margin-right: auto;



 /* width: 960px; */ 



  width: 1032px;



  overflow: hidden;



}











/* =Grid >> Global



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



.grid_1,



.grid_2,



.grid_3,



.grid_4,



.grid_41,



.grid_5,



.grid_6,



.grid_7,



.grid_8,



.grid_81,



.grid_9,



.grid_10,



.grid_11,



.grid_12 {



  display: inline;



  float: left;



  margin-left: 10px;



  margin-right: 10px;



}



.grid_12 {



  margin-left: 10px;



  margin-right: 10px;	



}



.push_1, .pull_1,



.push_2, .pull_2,



.push_3, .pull_3,



.push_4, .pull_4,



.push_5, .pull_5,



.push_6, .pull_6,



.push_7, .pull_7,



.push_8, .pull_8,



.push_9, .pull_9,



.push_10, .pull_10,



.push_11, .pull_11 {



  position: relative;



}







/* =Grid >> Children (Alpha ~ First, Omega ~ Last)



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



.alpha {margin-left: 0;}



.omega {margin-right: 0;}



a.text-button,button.text-button{display:inline-block;padding-top:13px;border:none;border-top:1px solid #0062ad;font-weight:400;font-size:12px;line-height:20px;text-transform:uppercase;word-break:normal; margin-top:13px;}

.text-button:active,.text-button:focus,.text-button:hover{border-top-color:#000;color:#000}



/* =Grid >> 12 Columns



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



.container_12 .grid_1 {width: 60px;}



.container_12 .grid_2 {width: 320px;}



.container_12 .grid_3 {width: 220px;}



.container_12 .grid_4 {width: 310px; padding-left:10px;}

.container_12 .grid_41 {width: 200px;}



.container_12 .grid_5 {width: 380px;}



.container_12 .grid_6 {width: 220px;}



.container_12 .grid_7 {width: 540px;}



.container_12 .grid_8 {width: 620px;}



.container_12 .grid_81 {width: 720px;}



.container_12 .grid_9 {width: 700px;}



.container_12 .grid_10 {width: 780px;}



.container_12 .grid_11 {width: 860px;}



.container_12 .grid_12 {width: 940px;}



.l20 { margin-left:37px;}



/* =Prefix Extra Space >> 12 Columns



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



.container_12 .prefix_1 {padding-left: 80px;}



.container_12 .prefix_2 {padding-left: 160px;}



.container_12 .prefix_3 {padding-left: 240px;}



.container_12 .prefix_4 {padding-left: 320px;}



.container_12 .prefix_5 {padding-left: 400px;}



.container_12 .prefix_6 {padding-left: 480px;}



.container_12 .prefix_7 {padding-left: 560px;}



.container_12 .prefix_8 {padding-left: 640px;}



.container_12 .prefix_9 {padding-left: 720px;}



.container_12 .prefix_10 {padding-left: 800px;}



.container_12 .prefix_11 {padding-left: 880px;}







/* =Suffix Extra Space >> 12 Columns



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



.container_12 .suffix_1 {padding-right: 80px;}



.container_12 .suffix_2 {padding-right: 160px;}



.container_12 .suffix_3 {padding-right: 240px;}



.container_12 .suffix_4 {padding-right: 320px;}



.container_12 .suffix_5 {padding-right: 400px;}



.container_12 .suffix_6 {padding-right: 480px;}



.container_12 .suffix_7 {padding-right: 560px;}



.container_12 .suffix_8 {padding-right: 640px;}



.container_12 .suffix_9 {padding-right: 720px;}



.container_12 .suffix_10 {padding-right: 800px;}



.container_12 .suffix_11 {padding-right: 880px;}







/* `Push Space >> 12 Columns



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



.container_12 .push_1 {left: 80px;}



.container_12 .push_2 {left: 160px;}



.container_12 .push_3 {left: 240px;}



.container_12 .push_4 {left: 320px;}



.container_12 .push_5 {left: 400px;}



.container_12 .push_6 {left: 480px;}



.container_12 .push_7 {left: 560px;}



.container_12 .push_8 {left: 640px;}



.container_12 .push_9 {left: 720px;}



.container_12 .push_10 {left: 800px;}



.container_12 .push_11 {left: 880px;}







/* `Pull Space >> 12 Columns



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



.container_12 .pull_1 {left: -80px;}



.container_12 .pull_2 {left: -160px;}



.container_12 .pull_3 {left: -240px;}



.container_12 .pull_4 {left: -320px;}



.container_12 .pull_5 {left: -400px;}



.container_12 .pull_6 {left: -480px;}



.container_12 .pull_7 {left: -560px;}



.container_12 .pull_8 {left: -640px;}



.container_12 .pull_9 {left: -720px;}



.container_12 .pull_10 {left: -800px;}



.container_12 .pull_11 {left: -880px;}







/* `Clear Floated Elements



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



/* http://sonspring.com/journal/clearing-floats */



.clear {



  clear: both;



  display: block;



  overflow: hidden;



  visibility: hidden;



  width: 0;



  height: 0;



}







/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */



.clearfix:before,



.clearfix:after {



  /*content: "\0020";*/



  display: block;



  overflow: hidden;



  visibility: hidden;



  width: 0;



  height: 0;



}



.clearfix:after {



  clear: both;



}



/*



The following zoom:1 rule is specifically for IE6 + IE7.



Move to separate stylesheet if invalid CSS is a problem.



*/



.clearfix {



  zoom: 1;



}







/*



Helferklassem SHU



*/



.fl {



	float: left;



}



.w100 {



	width: 120px;



}



.w120 {



	width: 120px;



}



.w160 {



	width: 160px;



}



.w180 {



	width: 160px;



}



.h125 {



	height: 125px;



}



.h200 {



	height: 200px;



}



.ml36 {



	margin-left: 36px;



}



.mr36 {



	margin-right: 36px;



}



.mr45 {



	margin-right: 45px;



}



.mt25 {



	margin-top: 25px;



}



.mb20 {



	margin-bottom: 20px;



}



.pt35 {



	padding-top: 35px;



}



.pb125 {



	padding-bottom: 125px;



}



.pr15 {



	padding-right: 15px;



}



.pl5 {



	padding-left: 5px;



}



.pr6 {



	padding-right: 6px;



}



.posrel {



	position: relative;



}



/* Debug only */



.green {



	background-color: green;



}



.red{



	background-color: #ff0000;



}