/*	Based on Less Framework
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/

/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, 
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, 
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, 
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup, 
menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

/*		Default Layout: 992px. 
		Gutters: 24px.
		Outer margins: 48px.
		Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	-webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
	
}

a, a:link, a:visited, a:active, a:focus {
	color: #666666;
	text-decoration: none
}

a:hover {
	color: #666666;
	text-decoration: underline;
}

#rahmen {
	position:absolute; 
	left:90px; 
	top:110px; 
	width:700px;
	height:100%; 
	height:auto; 
	z-index:17;
	padding-bottom: 40px;
}


.ueberschrift {
	width:auto;
	position:relative; 
	z-index:7;
	padding-left: 70px;
	vertical-align:top;
	font-family: Times, Helvetica, sans-serif;
    font-style: italic;
	font-weight:normal;
	font-size: 25px;
    color: #9999ff;
    line-height: 1.2em;
	
}
.text {
	font-size: 18px;
	padding-left: 70px;
	line-height: 22px;
	color: #999999;
}
.partnerlogo{
		padding: 10px 0px 0px 70px;
}

#head {
	position:absolute; 
	left:0px; 
	top:0px; 
	width:100%; 
	height:121px; 
	z-index:1; 
	background-image: url(../cd/bg_head.gif);  
}

#logo {
	position:absolute; 
	left:90px; 
	top:17px; 
	width:150px; 
	height:35px; 
	z-index:15;
}



#punkt01, #punkt02, #punkt03, #punkt04 {
	margin-top: 30px;
	position:relative;
	width:auto; 
	height:auto;
	z-index:2;
}


.nummer {
	position:absolute; 
	width:70px;  
	z-index:300;
	
}

.text {

		position:relative; 
	padding-top:10px;
	width:auto; 
	z-index:8;
}


#contact {
	position:absolute; 
	left:700px; 
	top:0px; 
	height:32px; 
	z-index:16
}
#impressum {
	position:absolute; 
	left:780px; 
	top:0px; 
	height:32px; 
	z-index:16
}

.meta {
	font-size: 16px;	
	line-height: 17px;
	color: #FFFFFF;
}

.meta a:link, .meta a:visited, .meta a:active, .meta a:focus {
	color: #FFFFFF;
	text-decoration: none;
}

.meta a:hover {
	color: #FFFFFF;
	text-decoration: none;
}



/*		Tablet Layout: 768px.
		Gutters: 24px.		Outer margins: 28px.
		Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */

	@media only screen and (min-width: 768px) and (max-width: 991px) {
		#rahmen {
			position:absolute; 
			left:90px; 
			top:120px; 
			width:600px;
			height:100%; 
			z-index:17;
		}
		#contact {
			position:absolute; 
			left:500px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
		#impressum {
			position:absolute; 
			left:580px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
	}



/*		Wide Mobile Layout: 480px.
		Gutters: 24px.
		Outer margins: 22px.
		Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */

	@media only screen and (min-width: 480px) and (max-width: 767px) {

		#rahmen {
			position:absolute; 
			left:90px; 
			top:110px; 
			width:500px;
			height:100%; 
			z-index:17;
		}
		#contact {
			position:absolute; 
			left:500px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
		#impressum {
			position:absolute; 
			left:580px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
	}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

	@media only screen and (max-width: 767px) {
		
		a, a:link, a:visited, a:active, a:focus {
			color: #666;
			text-decoration: underline;
		}
		#rahmen {
			position:absolute; 
			left:10px; 
			top:110px; 
			width:290px;
			height:100%; 
			z-index:17;
		}
		.nummer {
			position:relative ; 
			width:70px;  
			z-index:300;

		}
		.ueberschrift {
			width:auto;
			position:relative; 
			z-index:7;
			padding-left: 0px;
			padding-top:5px;
			vertical-align:top;
			font-family: Times, Helvetica, sans-serif;
		    font-style: italic;
			font-weight:normal;
			font-size: 24px;
		    color: #9999ff;
			line-height: 23px;		
			}
		.text {
			float:none;
			font-size: 20px;
			padding-left: 0px;
			line-height: 25px;
			color: #666;
		}
		#logo {
			position:absolute; 
			left:10px; 
			top:60px; 
			width:150px; 
			height:35px; 
			z-index:15;
		}
		.partnerlogo{
				padding: 10px 0px 0px 0px;
		}
		#contact {
			position:absolute; 
			left:10px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
		#impressum {
			position:absolute; 
			left:90px; 
			top:0px; 
			height:32px; 
			z-index:16
		}
		.meta {
			font-size: 19px;	
			line-height: 17px;
			color: #FFFFFF;
		}
	
	}