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

	Theme Name: mk Portfolio
	Theme URI: http://mkloeden.de
	Description: Personal Portfolio Theme.
	Author: Mike Klöden.
	Author URI: http://mkloeden.de
	Version: 1.0
	Tags: portfolio, theme, mk
	General comments/License Statement if any.

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

@import "stylesheets/reset.css";
@import "stylesheets/main.css";

/*grid*/
.container_12{margin-left:auto; margin-right:auto; width:960px}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16,
.grid_17,
.grid_18,
.grid_19,
.grid_20,
.grid_21,
.grid_22,
.grid_23,
.grid_24{display:inline; float:left; position:relative; margin-left:10px; margin-right:0px}

.first{margin-left:0 !important}
.last{margin-right:0 !important}

.grid_1{width:30px}
.grid_2{width:70px}
.grid_3{width:110px}
.grid_4{width:150px}
.grid_5{width:190px}
.grid_6{width:230px}
.grid_7{width:270px}
.grid_8{width:310px}
.grid_9{width:350px}
.grid_10{width:390px}
.grid_11{width:430px}
.grid_12{width:470px}
.grid_13{width:510px}
.grid_14{width:550px}
.grid_15{width:590px}
.grid_16{width:630px}
.grid_17{width:670px}
.grid_18{width:710px}
.grid_19{width:750px}
.grid_20{width:790px}
.grid_21{width:830px}
.grid_22{width:870px}
.grid_23{width:910px}
.grid_24{width:950px}

.prefix_1{padding-left:40px}
.prefix_2{padding-left:80px}
.prefix_3{padding-left:120px}
.prefix_4{padding-left:160px}
.prefix_5{padding-left:200px}
.prefix_6{padding-left:240px}
.prefix_7{padding-left:280px}
.prefix_8{padding-left:320px}
.prefix_9{padding-left:360px}
.prefix_10{padding-left:400px}
.prefix_11{padding-left:440px}
.prefix_12{padding-left:480px}
.prefix_13{padding-left:520px}
.prefix_14{padding-left:560px}
.prefix_15{padding-left:600px}
.prefix_16{padding-left:640px}
.prefix_17{padding-left:680px}
.prefix_18{padding-left:720px}
.prefix_19{padding-left:760px}
.prefix_20{padding-left:800px}
.prefix_21{padding-left:840px}
.prefix_22{padding-left:880px}
.prefix_23{padding-left:920px}

.suffix_1{padding-right:40px}
.suffix_2{padding-right:80px}
.suffix_3{padding-right:120px}
.suffix_4{padding-right:160px}
.suffix_5{padding-right:200px}
.suffix_6{padding-right:240px}
.suffix_7{padding-right:280px}
.suffix_8{padding-right:320px}
.suffix_9{padding-right:360px}
.suffix_10{padding-right:400px}
.suffix_11{padding-right:440px}
.suffix_12{padding-right:480px}
.suffix_13{padding-right:520px}
.suffix_14{padding-right:560px}
.suffix_15{padding-right:600px}
.suffix_16{padding-right:640px}
.suffix_17{padding-right:680px}
.suffix_18{padding-right:720px}
.suffix_19{padding-right:760px}
.suffix_20{padding-right:800px}
.suffix_21{padding-right:840px}
.suffix_22{padding-right:880px}
.suffix_23{padding-right:920px}

.clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0}
.clearfix:after{clear:both; content:' '; display:block; font-size:0; line-height:0; visibility:hidden; width:0; height:0}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}