* {
	margin: 0;
	padding: 0;
}

/*default browser CSS
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	
	
}
body {
	line-height: 1;
	text-align:center;
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}
:focus {
	outline: 0;
}

/* generalelements */

body {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #444;
	background:#F4F4F4;
	line-height:1.65;
}

hr {
	display: none;
}

img {
	vertical-align: baseline;
	border: 0;
}

p {
	margin: 0 0 1.4em 0;
	font-size: 13px;
	line-height: 1.65;
}

h1, h2, h3, h4, h5, h6{
	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
}
strong {
	font-weight: bold;
}

cite,
em,
i {
	font-style: italic;
}

big {
	font-size: 131.25%;
}

sup,
sub {
	height: 0;
	line-height: 1;
	position: relative;
	vertical-align: baseline;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

ins {
	background: #ffc;
	text-decoration: none;
}

a {
	color: #1c8dc8;
	text-decoration: none;
}

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

.left{
	float:left;
}

.right{
	float:right;
}	

h1.page-title , h2.page-title {
	margin: 0 0 .75em 0;
	font-size: 28px;
	font-weight: normal;
	color: #1c8dc8;
}


/*  Wrapper */

#wrapper {
	width: 880px;
	margin: 0 auto;
	padding:20px 40px 20px 40px;
	background:#FFF;
	text-align:left;


}

#wrapper:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

/* Header  */

#header {
	margin-bottom:10px;
	padding: 0;
	clear:both;
	width: 880px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;

}

#header:after, #navigation-wrap:after  {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

#masthead{
	width: 880px;
	height:120px;
	padding:0px 0 0px 0;
}

#masthead:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;

}

#grafik {
	background-image: url(../images/header_grafik3.jpg);
	width: 880px;
	padding:0;
	visibility: hidden; 
}

#grafik-alt {
	background-image: url(../images/header_grafik_produkte.jpg);
	width: 880px;
	padding:0;
margin-top: -5px;
	visibility: true; 

}
#grafik-text-bg {
	background:#fff;
	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.8; /* Gecko-Browser */
	opacity:0.8; /* Opera 9+ */
	float:right;
	margin-top: 50px;
	padding: 10 10 10 10;
	text-shadow: 0px 0px 1px #fff;
}

#grafik-title{
	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
	font-size: 32px;
	font-weight: normal;
	color:#000;
	clear:both;
	line-height:1;
}

#grafik-title a:link, #site-title a:visited, #site-title a:hover, #site-title a:active{
	text-decoration: none;
	color:#FFF !important;
	line-height:1;
}

#grafik-description{
	font-size: 16px;
	font-weight: bold;
	margin-top: 0px;
	color:#fff;

	clear:both;
	line-height:1;
}



.hidden
{
display: none;
}

#prevNext
{
margin-bottom: -2.5em;
margin-left: 800px;

}

#prevNext img
{
position: relative;
top: 200px;
z-index: 2;
cursor: pointer;

 
}

#header-text 
{
margin: 0;
padding: 0 1em;
font-size: 1.5em;
position: relative;
top: -50px;
line-height: 50px;
height: 50px;
background: black;
opacity: .70;
filter:alpha(opacity=70);
}


.r {color:#fff}
.r:link {color:#fff}
.r:hover {color:#fff}


.s {color:#a6a6a6}
.s:link {color:#a6a6a6}
.s:hover {color:#a6a6a6}



#site-title{
 	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
	font-size: 38px;
	font-weight: normal;
	color:#FFF;
	float:left;
	margin-left:20px;
	margin-top: 20px;
	clear:both;
	line-height:1;
	padding:0;
}

#site-title a:link, #site-title a:visited, #site-title a:hover, #site-title a:active{
	text-decoration: none;
	color:#FFF !important;
	line-height:1;
}

#site-description{
	font-size: 12px;
	font-weight: normal;
	
	margin-left:20px;
	margin-top: 10px;
	color:#fff;
	float:left;
	clear:both;
	line-height:1.1;
}

/* Top Navigation */

#navigation-wrap{
	width:100%;
	border-bottom:1px solid #EBEBEB;
	border-top:1px solid #EBEBEB;
	clear:both;
	background:#FAFAFA;
	font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
}

#navigation{
float:left;
width:880px;
font-size: 13px;
line-height:1em;
list-style-type:none;
text-transform:uppercase;
}
#navigation a:link, #navigation a:visited{
text-decoration:none;
}
#navigation a:hover, a:active {
color:#1c8dc8;
}
/*  Dropdown Menu */
.nav, .nav * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.nav {
	line-height:	1.0;
}
.nav ul {
	position:		absolute;
	top:			-999em; 
	width:			10em; /* left offset of submenus need to match (see below) */
}
.nav ul li {
	width:			100%;
}
.nav li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	
}
.nav li {
	float:			left;
	position:		relative;
}
.nav a {
	display:		block;
	position:		relative;
}
.nav li:hover ul,
.nav li.sfHover ul {
	left:			0;
	top:			1.8em; /* match top ul list item height */
/*	z-index:		99;*/
}
ul.nav li:hover li ul,
ul.nav li.sfHover li ul {
	top:			-999em;
}
ul.nav li li:hover ul,
ul.nav li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.nav li li:hover li ul,
ul.nav li li.sfHover li ul {
	top:			-999em;
}
ul.nav li li li:hover ul,
ul.nav li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** NAV SKIN ***/
.nav {
	float:			left;
}
.nav a {
	padding: 		5px 15px;
	text-decoration:none;
}
.nav a, .nav a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#444;
}
.nav li {
	background:		#FAFAFA;
}
.nav li li {
	background:		#FAFAFA;
	border:1px solid #F0F0F0;
border-top:0;
}

.nav li:hover, .nav li.sfHover,
.nav a:focus, .nav a:hover, .nav a:active {
	background:		#F4F4F4;
	outline:		0;
}


/*  Content  */

#content {
	padding: 15px 0;
	float: left;


}

#content.narrow{
	width: 535px;

}

#content.fullpage{
	width: 878px;
}

/* content area */

.contentarea {
	margin: 0 0 75px 0 !important;
}

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

.contentarea h1, .contentarea h2, .contentarea h3, .contentarea h4, .contentarea h5, .contentarea h6 {
	margin: 25px 0 5px 0;
	color: #1c8dc8;
}

.contentarea h1{
font-size: 30px;
}

.contentarea h2{
font-size: 26px;
}

.contentarea h3{
font-size: 20px;
}

.contentarea h4,
.contentarea h5,
.contentarea h6 {
	font-size: 20px;
}

.contentarea table {
	border-left: 1px solid #F0F0F0;
	border-top: 1px solid #F0F0F0;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}

.contentarea tr th,
.contentarea thead th {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}

.contentarea tr td {
	padding: 6px 24px;
	border-right: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;
}

.contentarea tr.even td {
	background: #FBFBFB;
}

.contentarea tr.odd td {
	background: #E1E1E1;
}

.contentarea dl {
	margin: 0 0 20px 0;
}

.contentarea dt {
	margin-top: 20px;
	line-height: 1.65;
	font-weight: bold;
}

.contentarea dt:first-child {
	margin: 0;
}

.contentarea dd {
	margin-bottom: 20px;
	line-height: 1.65;
}

.contentarea ul {
	list-style: square;
	margin: 0 0 18px 2.5em;
}
.contentarea ol {
	list-style: decimal;
	margin: 0 0 18px 2.5em;
}
.contentarea ol ol {
	list-style: upper-alpha;
}
.contentarea ol ol ol {
	list-style: lower-roman;
}
.contentarea ol ol ol ol {
	list-style: lower-alpha;
}
.contentarea ul ul,
.contentarea ol ol,
.contentarea ul ol,
.contentarea ol ul {
	margin-bottom: 0;
}

.contentarea li {
	font-size: 13px;
	line-height: 1.65;
}

.contentarea li ul,
.contentarea li ol {
	margin-left: 15px;
}

.contentarea address {
	font-size: 13px;
	line-height: 1.65;
	margin: 0 0 14px 0;
}

.contentarea abbr,
.contentarea acronym {
	border-bottom: 1px dotted #F0F0F0;
	cursor: help;
}

#contentarea section {
	margin: 0 0 10px 0;

	border-bottom:1px solid #F0F0F0;
}

.contentarea code {
	font-family: Monaco, "Courier New", fixed;
	font-size: 12px;
	color: #6C8318;
	border:1px solid #F0F0F0;
	background: #FFFFEF;
	padding: 0 2px;
	font-weight: normal;
}

.contentarea pre {
	margin: 0 0 14px 0;
	font-family: Monaco, "Courier New", fixed;
	font-size: 12px;
	background: #FFFFEF;
	border:1px solid #F0F0F0;
	color: #6C8318;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 5px 7px;
}
.contentarea kbd,
.contentarea tt {
	font-family: Monaco, "Courier New", fixed;
	font-size: 12px;
	color: #666;
}

.contentarea var {
	color: #892E12;
}

/* Hack to make the 'Div and Span Tests' unit test look better */
div.myclass strong { 
	font-size: 14px;
	line-height: 1.65;
}

.contentarea blockquote {
	margin-left: 30px;
	padding-left: 15px;
	border-left: 2px solid #F0F0F0;
}


.alink ul li {
list-style-type:none;
list-style: none;
text-align: left;
margin-left: -28px;


}
#test_selectors a[accesskey] {
background: url('../images/icon_pfeil.gif') no-repeat 0 50%;
text-indent: 0px;
padding-left: 20px;

}
#pdf a[accesskey] {
background: url('../images/icon_pdf.gif') no-repeat 0 50%;
text-indent: 0px;
padding-left: 20px;

}



.contentarea img {
	height:auto;
	margin-top: 5px;
	margin-bottom: 15px;
	padding: 8px;
	background: #FAFAFA;
	border: 1px solid #F0F0F0;
	margin-right: 20px;
}

.sticky {
}

.sticky:before{
	content: "# Sticky Post";
	font-size:8px;
	line-height:1;
	text-transform:uppercase;
	color:#FFF;
	background:#DFDFDF;
	padding:1px 3px;
	text-align:right;
	letter-spacing:1px;
}

/*Images Widths*/
.post img, .narrow .page img{
	max-width: 515px;
}

.post .wp-caption, .narrow .page .wp-caption{
	max-width: 535px;
}

.fullpage .page img, .attachment img{
max-width:860px;
}

.fullpage .page .wp-caption{
	max-width: 878px;
}

/*Post Title Meta*/

.post-header{
margin:0 0 15px 0;}

.post-header h1, .post-header h2 {
	margin: 0 0 10px 0;
	font-size: 36px;
	font-weight: bold;
	color: #1c8dc8;
	line-height:1.4;
}

.post-header h1 a, .post-header h2 a {
	border: 0 none;
	color: #1c8dc8;
}

.post-header h1 a:hover, .post-header h2 a:hover{
	text-decoration:none;
}

.post-header h3 {
	margin-bottom: 0;
	font-size: 20px;
	line-height: 1.4;
	font-weight: normal;
}

.post-header h3 a {
	border: 0 none;
	color: #333;
	text-decoration:none;

}

.post-header p {
	font-size: 10px;
	color: #A3A3A3;
	text-transform:uppercase;
}

.post-meta {
	font-family:Arial,Helvetica,sans-serif;
	font-size: 9px;
	color: #A3A3A3;
	border-left:4px solid #F0F0F0;
	text-transform:uppercase;
	clear: both;
	padding: 0 0 0 10px;	
	margin:25px 0 15px  0;
}

.post-meta ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

.post-meta li {
	font-size: 1.1em;
	line-height: 1.5;
}

.post-navigation{
	margin: 0 0 40px 0;
	padding: 10px 0 0 0;
	clear: both;
	float: left;
	height: 1%;
}

.post-navigation:after,
.comment-navigation:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.post-navigation ul,
.comment-navigation ul {
	list-style-type: none;
	margin: 0 0 0 0;
}

.post-navigation li{
	margin-right: 25px;
	font-size: 1.1em;
	color: #777;
	float: left;
}

.post-page-links {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: 10px;
	text-transform:uppercase;
	color: #A3A3A3;
	margin: 20px 0;
	clear:both;
}

.post-page-links a:link, .post-page-links a:visited{
	background:#FAFAFA;
	color: #777;
	padding:3px;
	font-size:10px;
}


/* Sidebar  */

#sidebar {
	width: 305px;
	padding: 20px  0  0 40px;
	float: right;
	color: #777777;
	font-size:13px;
	line-height:1.5;
}

#sidebar h3 {
	margin: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.4;
	text-transform: uppercase;
	color: #333;
	border-bottom:1px solid #F0F0F0;
}

#sidebar a {
	color: ##1c8dc8;
}

#sidebar a:hover {
	color: ##1c8dc8;
}

#sidebar p {
	font-size: 13px;
	line-height: 1.5;
}

#sidebar ul {
	list-style-type: none;
}

#sidebar li {
	margin: 0 0 4px 0;
	font-size: 13px;
	line-height: 1.5;
}

#sidebar .section {
	margin: 0 0 40px 0;
	padding: 0;
	width:100%;
}

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


/* ------------------------------------------  Footer */

#footer {
	padding: 10px 0 0 0;
	clear: both;
	text-align: right; 
	border-top:1px solid #F0F0F0;

}

#footer p {
	font-size: 11px;
	color: #A3A3A3;
	line-height:1;
	margin:0 0 5px 0;
	clear:both;
	display:block;

}

#footer-navi{
font-size: 10px;
font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Arial,sans-serif;
clear:both;
line-height:1em;
list-style-type:none;
text-transform:uppercase;
margin-bottom:5px;
background:#FAFAFA;
overflow:hidden;
padding:2px;

}

#footer-navi a{
color:#444;
text-decoration:none;
}

#footer-navi li{
	float:left;
	padding:0 15px 0 0;
}

#footer-navi:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}



/* Widget: Pages */

#sidebar ul.children {
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: .9em;
}



/* General Classes */

.aligncenter {
	display: block;
	margin: 0 auto;
	text-align: center;
}

.alignleft {
	margin-right: 15px;
	float: left;
}

.alignright {
	margin-left: 15px;
	float: right;
}

.alignnone {
	margin-right: 5px;
	margin-bottom: 0;
}

.wp-caption {
	margin-bottom:15px;
	padding-right:12px;
}

.wp-caption img {
	background: #FAFAFA;
	border:1px solid #F0F0F0;
	height:auto;
	margin-top:5px;
	margin-bottom:5px;
	padding:8px;
}




/*Typo Styles*/
.intro, .intro1 {
color:#888;
font-size:18px;
font-family:"Lucida Grande","Lucida Sans Unicode","Trebuchet MS",Verdana,Arial,sans-serif;
}
.intro2 {
color:#888;
font-size:18px;
font-family:Georgia, "Times New Roman", Serif;
}
.intro3{
color:#444;
font-size:20px;
font-family:Georgia, "Times New Roman", Serif;
}

.capitalize{
text-transform:capitalize;
}

.col1, .half, .half1 {
width:48%;
float:left;
margin-bottom:1.4em;
}

.col2, .half2{
width:48%;
float:right;
margin-bottom:1.4em;
}

.third, .third1, .third2{
width:280px;
float:left;
margin-bottom:1.4em;
margin-right:20px;
}

.third3{
width:280px;
float:right;
margin-bottom:1.4em;
}

.quarter, .quarter1, .quarter2, .quarter3{
	width:205px;
	float:left;
	margin-bottom:1.4em;
	margin-right:20px;
}
.quarter4{
width: 205px;
float:right;
margin-bottom:1.4em;
}