/* == RESET =========================================================== */

a, abbr, acronym, address, applet, b, big, blockquote, body, caption, center, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, object, ol, p, pre, q, s, samp, small, span, strike, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, u, ul, var {
	background : transparent;
	border : 0;
	font-size : 100%;
	font-weight : normal;
	margin : 0;
	outline : 0;
	padding : 0;
	vertical-align : baseline;
}

body {
	line-height : 1em;
}

ol, ul {
	list-style : none;
}

blockquote, q {
	quotes : none;
}

blockquote:after, blockquote:before, q:after, q:before {
	content : none;
}

:focus {
	outline : 0;
}

ins {
	text-decoration : none;
}

del {
	text-decoration : line-through;
}

table {
	border-collapse : collapse;
	border-spacing : 0;
}

/* == GRID SYSTEM ===================================================== */

body {
	min-width : 960px;
}

.grid24 {
	margin-left : auto;
	margin-right : auto;
	width : 960px;
}

.block, .h1, .h10, .h11, .h12, .h13, .h14, .h15, .h16, .h17, .h18, .h19, .h2, .h20, .h21, .h22, .h23, .h24, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .w1, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19, .w2, .w20, .w21, .w22, .w23, .w24, .w3, .w4, .w5, .w6, .w7, .w8, .w9 {
	display : inline;
	float : left;
	margin : 8px;
}

.w1 {
	width : 24px;
}

.w2 {
	width : 64px;
}

.w3 {
	width : 104px;
}

.w4 {
	width : 144px;
}

.w5 {
	width : 184px;
}

.w6 {
	width : 224px;
}

.w7 {
	width : 264px;
}

.w8 {
	width : 304px;
}

.w9 {
	width : 344px;
}

.w10 {
	width : 384px;
}

.w11 {
	width : 424px;
}

.w12 {
	width : 464px;
}

.w13 {
	width : 504px;
}

.w14 {
	width : 544px;
}

.w15 {
	width : 584px;
}

.w16 {
	width : 624px;
}

.w17 {
	width : 664px;
}

.w18 {
	width : 704px;
}

.w19 {
	width : 744px;
}

.w20 {
	width : 784px;
}

.w21 {
	width : 824px;
}

.w22 {
	width : 864px;
}

.w23 {
	width : 904px;
}

.w24 {
	width : 944px;
}

.h1 {
	min-height : 18px;
}

.h2 {
	min-height : 52px;
}

.h3 {
	min-height : 86px;
}

.h4 {
	min-height : 120px;
}

.h5 {
	min-height : 154px;
}

.h6 {
	min-height : 188px;
}

.h7 {
	min-height : 222px;
}

.h8 {
	min-height : 256px;
}

.h9 {
	min-height : 290px;
}

.h10 {
	min-height : 324px;
}

.h11 {
	min-height : 358px;
}

.h12 {
	min-height : 392px;
}

.h13 {
	min-height : 426px;
}

.h14 {
	min-height : 460px;
}

.h15 {
	min-height : 494px;
}

.h16 {
	min-height : 528px;
}

.h17 {
	min-height : 562px;
}

.h18 {
	min-height : 596px;
}

.h19 {
	min-height : 630px;
}

.h20 {
	min-height : 664px;
}

.h21 {
	min-height : 698px;
}

.h22 {
	min-height : 732px;
}

.h23 {
	min-height : 766px;
}

.h24 {
	min-height : 800px;
}

.fc {
	margin-left : 0;
}

.lc {
	margin-right : 0;
}

.fr {
	margin-top : 0;
}

.lr {
	margin-bottom : 0;
}

.ml1 {
	padding-left : 40px;
}

.ml2 {
	padding-left : 80px;
}

.ml3 {
	padding-left : 120px;
}

.ml4 {
	padding-left : 160px;
}

.ml5 {
	padding-left : 200px;
}

.ml6 {
	padding-left : 240px;
}

.ml7 {
	padding-left : 280px;
}

.ml8 {
	padding-left : 320px;
}

.ml9 {
	padding-left : 360px;
}

.ml10 {
	padding-left : 400px;
}

.ml11 {
	padding-left : 440px;
}

.ml12 {
	padding-left : 480px;
}

.ml13 {
	padding-left : 520px;
}

.ml14 {
	padding-left : 560px;
}

.ml15 {
	padding-left : 600px;
}

.ml16 {
	padding-left : 640px;
}

.ml17 {
	padding-left : 680px;
}

.ml18 {
	padding-left : 720px;
}

.ml19 {
	padding-left : 760px;
}

.ml20 {
	padding-left : 800px;
}

.ml21 {
	padding-left : 840px;
}

.ml22 {
	padding-left : 880px;
}

.ml23 {
	padding-left : 920px;
}

.mr1 {
	padding-right : 40px;
}

.mr2 {
	padding-right : 80px;
}

.mr3 {
	padding-right : 120px;
}

.mr4 {
	padding-right : 160px;
}

.mr5 {
	padding-right : 200px;
}

.mr6 {
	padding-right : 240px;
}

.mr7 {
	padding-right : 280px;
}

.mr8 {
	padding-right : 320px;
}

.mr9 {
	padding-right : 360px;
}

.mr10 {
	padding-right : 400px;
}

.mr11 {
	padding-right : 440px;
}

.mr12 {
	padding-right : 480px;
}

.mr13 {
	padding-right : 520px;
}

.mr14 {
	padding-right : 560px;
}

.mr15 {
	padding-right : 600px;
}

.mr16 {
	padding-right : 640px;
}

.mr17 {
	padding-right : 680px;
}

.mr18 {
	padding-right : 720px;
}

.mr19 {
	padding-right : 760px;
}

.mr20 {
	padding-right : 800px;
}

.mr21 {
	padding-right : 840px;
}

.mr22 {
	padding-right : 880px;
}

.mr23 {
	padding-right : 920px;
}

.mt1 {
	padding-top : 34px;
}

.mt2 {
	padding-top : 68px;
}

.mt3 {
	padding-top : 102px;
}

.mt4 {
	padding-top : 136px;
}

.mt5 {
	padding-top : 170px;
}

.mt6 {
	padding-top : 204px;
}

.mt7 {
	padding-top : 238px;
}

.mt8 {
	padding-top : 272px;
}

.mt9 {
	padding-top : 306px;
}

.mt10 {
	padding-top : 340px;
}

.mt11 {
	padding-top : 374px;
}

.mt12 {
	padding-top : 408px;
}

.mt13 {
	padding-top : 442px;
}

.mt14 {
	padding-top : 476px;
}

.mt15 {
	padding-top : 510px;
}

.mt16 {
	padding-top : 544px;
}

.mt17 {
	padding-top : 578px;
}

.mt18 {
	padding-top : 612px;
}

.mt19 {
	padding-top : 646px;
}

.mt20 {
	padding-top : 680px;
}

.mt21 {
	padding-top : 714px;
}

.mt22 {
	padding-top : 748px;
}

.mt23 {
	padding-top : 782px;
}

.mb1 {
	padding-bottom : 34px;
}

.mb2 {
	padding-bottom : 68px;
}

.mb3 {
	padding-bottom : 102px;
}

.mb4 {
	padding-bottom : 136px;
}

.mb5 {
	padding-bottom : 170px;
}

.mb6 {
	padding-bottom : 204px;
}

.mb7 {
	padding-bottom : 238px;
}

.mb8 {
	padding-bottom : 272px;
}

.mb9 {
	padding-bottom : 306px;
}

.mb10 {
	padding-bottom : 340px;
}

.mb11 {
	padding-bottom : 374px;
}

.mb12 {
	padding-bottom : 408px;
}

.mb13 {
	padding-bottom : 442px;
}

.mb14 {
	padding-bottom : 476px;
}

.mb15 {
	padding-bottom : 510px;
}

.mb16 {
	padding-bottom : 544px;
}

.mb17 {
	padding-bottom : 578px;
}

.mb18 {
	padding-bottom : 612px;
}

.mb19 {
	padding-bottom : 646px;
}

.mb20 {
	padding-bottom : 680px;
}

.mb21 {
	padding-bottom : 714px;
}

.mb22 {
	padding-bottom : 748px;
}

.mb23 {
	padding-bottom : 782px;
}

.box {
	padding : 8px;
}

html body * dd.clear, html body * div.clear, html body * li.clear, html body * span.clear {
	background : none;
	border : 0;
	clear : both;
	display : block;
	float : none;
	font-size : 0;
	height : 0;
	list-style : none;
	margin : 0;
	overflow : hidden;
	padding : 0;
	visibility : hidden;
	width : 0;
}

.clearfix:after {
	clear : both;
	content : ".";
	display : block;
	height : 0;
	visibility : hidden;
}

.clearfix {
	display : inline-block;
}

* html .clearfix {
	height : 1%;
}

.clearfix {
	display : block;
}

/* == TYPOGRAPHIE ===================================================== */

body {
	font : 13px/17px Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
}

a:focus {
	outline : 1px dotted invert;
}

hr {
	border-color : #000000;
	border-style : solid;
	border-width : 1px 0 0;
	clear : both;
	height : 0;
	margin : 8px 0;
}

h1 {
	font-size : 27px;
}

h2 {
	font-size : 25px;
}

h3 {
	font-size : 23px;
}

h4 {
	font-size : 21px;
}

h5 {
	font-size : 19px;
}

h6 {
	font-size : 17px;
}

ol {
	list-style : decimal;
}

ul {
	list-style : square;
}

li {
	margin-left : 26px;
}

address, dl, fieldset, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul {
	line-height : 125%;
	margin-bottom : 13px;
}

form {
	float : left;
}

.input {
	margin : 0;
}

label {
	cursor : pointer;
}

button, input, select, textarea {
	*vertical-align : middle;
}

button, input {
	*overflow : visible;
	line-height : normal;
}

table button, table input {
	*overflow : auto;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
	-webkit-appearance : button;
	cursor : pointer;
}

input[type="checkbox"], input[type="radio"] {
	box-sizing : border-box;
}

input[type="search"] {
	-moz-box-sizing : content-box;
	-webkit-box-sizing : content-box;
	box-sizing : content-box;
}

button::-moz-focus-inner, input::-moz-focus-inner {
	border : 0;
	padding : 0;
}

textarea {
	overflow : auto;
	resize : vertical;
	vertical-align : top;
}



input:invalid, textarea:invalid {
	background-color : #f0dddd;
}

/* == LAYOUT ========================================================== */

table {
	width : 100%;
}

a, a:visited {
	text-decoration : none;
}

a:active, a:hover {
	outline : 0;
}

a:focus {
	outline : thin dotted;
}

/* == CSS3 EFFEKTE ==================================================== */

a, input, textarea {
	-moz-transition-duration : 500ms;
	-moz-transition-timing-function : ease-out;
	-o-transition-duration : 500ms;
	-o-transition-property : all;
	-o-transition-timing-function : ease-out;
	-webkit-transition-duration : 500ms;
	-webkit-transition-property : all;
	-webkit-transition-timing-function : ease-out;
	transition-duration : 500ms-moz-transition-property;
	transition-property : all;
	transition-timing-function : ease-out;
}

@media print {

/* == DRUCK =========================================================== */

* {
	-ms-filter : none !important;
	background : transparent !important;
	color : black !important;
	filter : none !important;
	text-shadow : none !important;
}

a, a:visited {
	text-decoration : underline;
}

li a[href]:after, p a[href]:after, td a[href]:after {
	content : " (" attr(href) ")";
	font-style : italic;
}

a[href^="#"]:after, a[href^="javascript:"]:after {
	content : "";
}

blockquote, pre {
	border : 1px solid #999;
	page-break-inside : avoid;
}

thead {
	display : table-header-group;
}

img, tr {
	page-break-inside : avoid;
}

img {
	max-width : 100% !important;
}

@page {
	margin : 1.5cm;
}

@page:left {
	margin-right : 2.5cm;
}

@page:right {
	margin-left : 2.5cm;
}

h1, h2, h3, h4, h5, h6, p {
	orphans : 3;
	widows : 3;
}

g3, h1, h2 {
	page-break-after : avoid;
}

.noprint {
	display : none;
}

body {
	min-width : 100%;
}


}

/* == ENTWICKLERFARBEN ================================================
.grid24 {
	background : rgba(255,255,255,0.9) url("http://fileserver.local/snippets/jan/grid_generator/img/bg/24-18-8-8.png");
}

.h1, .h10, .h11, .h12, .h13, .h14, .h15, .h16, .h17, .h18, .h19, .h2, .h20, .h21, .h22, .h23, .h24, .h3, .h4, .h5, .h6, .h7, .h8, .h9, .w1, .w10, .w11, .w12, .w13, .w14, .w15, .w16, .w17, .w18, .w19, .w2, .w20, .w21, .w22, .w23, .w24, .w3, .w4, .w5, .w6, .w7, .w8, .w9 {
	background : rgba(0,0,0,0.1);
}

.fc {
	background : rgba(0,255,0,2);
}

.lc {
	background : rgba(0,0,255,0.2);
}

.fr {
	background : rgba(0,255,150,0.2);
}

.lr {
	background : rgba(0,100,255,0.2);
}

.box {
	background : rgba(255,255,0,0.1);
}

form {
	background : rgba(255,100,255,0.2);
}

fieldset {
	background : rgba(255,100,0,0.1);
}

legend {
	background : rgba(255,255,0,0.7);
}

label {
	background : rgba(255,255,0,0.2);
}

input, select, textarea {
	background : rgba(0,100,255,0.3);
}