@charset "utf-8";
*:focus{ outline: none; }
body {
	background: #6E6E6E url(/grafik/template/body_bg.png) repeat-x top left;
	border: none;
	margin: 0;
	padding: 0;
}
body, th, td, fieldset legend {
	font: 14px Tahoma, Arial, Helvetica, sans-serif;
	color: #333;
}
th, td { 
	vertical-align: top;
	text-align: left; 
}
a { color: #4C4C4C; }
a:hover { color: #333; }
hr {
	clear: both;
	border: 1px solid #FFF;
	border-bottom: 1px dotted #808080;
}
h1 {
	color: #000;
	font-size: 28px;
	font-weight: normal;
	margin-top: 28px;
}
h2 {
	color: #000;
	font-size: 18px;
}
h3 {
	color: #000;
	font-size: 16px;
}
h2 a {
	color: #333;
	text-decoration: none;
}
form, a img { margin: 0; }
a img { border: 0; }
a.seo {
	color: #333;
	text-decoration: none;
	cursor: text;
}
.s { font-size: 11px; }
.xs { font-size: 10px; }
.alignright { text-align: right; }
.alignleft { text-align: left; }
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.margintop { margin-top: 1em; }
.marginright { margin-right: 1em; }
.marginbottom { margin-bottom: 1em; }
.marginleft { margin-left: 1em; }
.right { float: right; }
.left { float: left; }

/* MSG */
.msg, .msgerror {
	margin-bottom: 15px;
	padding: 4px;
}
.msg h2, .msgerror h2 { margin: 0 0 10px 0; }
.msg ul, .msgerror ul { margin-top: 0; }
.msg {
	background-color: #FFF;
	border: 1px solid #DDD;
}
.msg h2 { color: #444; }
.msgerror {
	background-color: #FFF;
	border: 1px solid #C00;
}
.msgerror, .msgerror h2 { color: #C00; }

/* PAGENAV */
.pagenav { text-align: center; }
.pagenav span a {
	font-size: 17px;
	vertical-align: bottom;
	padding: 0 2px;
}
.pagenav a, .pagenav strong {
	margin: 2px;
	padding: 2px;
}
.pagenav a:hover, .pagenav strong {
	border: 1px solid;
	margin: 1px;
}
.pagenav a, .pagenav a:hover { text-decoration: none; }
.pagenav a:hover { border-style: dotted; }

/* LAYLOUT */
#languageselect, #wrapper, #copyright {
	margin: 0 auto;
	width: 800px;
}
#languageselect {
	color: #565656;
	font: 10px Arial, Helvetica, sans-serif;
	margin-top: 5px;
	margin-bottom: -5px;
	text-align: right;
	text-transform: lowercase;
	width: 780px;
}
#languageselect a {
	color: #FFF;
	text-decoration: none;
}
#wrapper {
	background: url(/grafik/template/wrapper_bg.png) no-repeat top center;
	padding-top: 11px;
}
#panorama, #nav, #container {
	margin: 0 auto;
	padding: 0;
	width: 780px;
}
#logo { position: absolute; }
#nav {
	background: #383838; /* Old browsers */
	background: -moz-linear-gradient(top, #383838 0%, #505050 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#505050)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #383838 0%,#505050 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #383838 0%,#505050 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #383838 0%,#505050 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#505050',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #383838 0%,#505050 100%); /* W3C */
	border-top: #242424 solid 2px;
	height: 32px;
	font-weight: bold;
	line-height: 32px;
	list-style: none;
}
#nav li {
	border-left: 1px solid #9E9E9E;
	float: left;
}
#nav li:first-child { border: none; }
#nav a {
	display: block;
	color: #FFF;
	padding: 0 0.8em;
	text-decoration: none;
}
#nav a.active {
	background-color: #FFF;
	color: #000;
}
#container { background: url(/grafik/template/container_bg.gif) repeat-y; }
#leftbox {
	float: left;
	width: 210px;
}
#subnav {
	font-size: 12px;
	font-weight: bold;
	line-height: 25px;
	list-style: none;
	margin: 2em 0;
	padding-left: 10px;
}
#subnav a {
	background: url(/grafik/template/subnav_ul_style.gif) no-repeat top left;
	color: #000;
	display: block;
	padding-left: 16px;
	text-decoration: none;
	height: 25px;
}
#subnav a.active { text-decoration: underline; }
#subnav li { border-bottom: 1px solid #C7C7C7; }
#subnav li:first-child { border-top: 1px solid #C7C7C7; }
#subnav ul {
	background-color: #FFF;
	list-style: none;
	padding: 0;
}
#subnav ul a {
	background: url(/grafik/template/subnav_ul_ul_style.gif) no-repeat top left;
	font-weight: normal;
	padding-left: 28px;
}
#subnav ul li {	border-bottom: 1px solid #D7D7D7; }
#subnav ul li:first-child { border-top: 1px solid #D7D7D7; }
#subnav ul li:last-child { border: none; }
#leftbox .vcard {
	background-color: #909090;
	font-size: 13px;
	margin: 1.5em 0 1.5em 10px;
	padding: 10px;
}
#leftbox .vcard h3 {
	font-size: 14px;
	margin: 0 0 2px 0;
}
#leftbox .vcard a {
	color: #333;
	text-decoration: none;	
}
#article {
	background: url(/grafik/template/article_zahnrad.png) no-repeat bottom right;
	float: right;
	line-height: 150%;
	min-height: 400px;
	padding: 0 50px 20px 40px;
	width: 480px;
}
#copyright {
	background: url(/grafik/template/copyright_bg.png) no-repeat top center;
	color: #D1D3E2;
	font: 10px Arial, Helvetica, sans-serif;
	margin-bottom: 1.5em;
	padding: 5px 10px 0 10px;
	width: 780px;
}
#copyright a {
	color: #D1D3E2;
	text-decoration: none;
}
#copyright span { color: #818184; }

/* CONTENT */
#article { text-align: justify; }
#article li { text-align: left; }
#article table { width: 100%; }
#article td, #article th { padding: 2px 4px; }
#article th {
	color: #191919;
	font-weight: bold;
	text-align: right;
}
#article td { color: #3B3B3B; }
#article a.pdf {
	background: url(/grafik/template/icon_pdf.png) no-repeat top left;
	font-size: 16px;
	line-height: 32px;
	padding-left: 45px;
	text-decoration: none;
}

/* LIGHTBOX */
.jquery-lightbox-overlay {
	background: #000000;
	opacity: 0.75 !important;
}
.jquery-lightbox {
	position: relative;
	padding: 17px 0;
}
.jquery-lightbox-title {
	background: url(/grafik/lightbox/title.png) repeat;
	color: #FEFEFD;
	font-family: verdana,arial,serif;
	font-size: 11px;
	line-height: 14px;
	padding: 5px 8px;
	margin: 3px;
	position: absolute;
	bottom: 0;
	z-index: 7000;
}
.jquery-lightbox-html {
	z-index: 7000;
	position: relative;
	border: 0;
	padding: 0px 15px;
	vertical-align: top;
}
.jquery-lightbox-html embed, .jquery-lightbox-html object, .jquery-lightbox-html iframe { vertical-align: top; }
.jquery-lightbox-background {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 6999;
	float: left;
	padding: 0;
}
.jquery-lightbox-background img {
	display: block;
	position: relative;
	border: 0;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}
.jquery-lightbox-mode-image .jquery-lightbox-html {
	z-index: 6998;
	padding: 0;
}
.jquery-lightbox-mode-html .jquery-lightbox-background { background: #FEFEFD; }
.jquery-lightbox-mode-html .jquery-lightbox-html { overflow: auto; }
.jquery-lightbox-loading { background: #FFF url(/grafik/lightbox/loading.gif) no-repeat center center; }
.jquery-lightbox-button-close {
	background: url(/grafik/lightbox/sprite.png) no-repeat -190px -115px;
	position: absolute;
	top: 19px;
	right: -26px;
	width: 29px;
	height: 29px;
}
.jquery-lightbox-button-close:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -220px -115px; }
.jquery-lightbox-button-close span, .jquery-lightbox-buttons span { display: none; }
.jquery-lightbox-mode-image .jquery-lightbox-button-close {
	right: 19px;
	z-index: 7002;
}
.jquery-lightbox-buttons {
	position: absolute;
	top: 7px;
	left: 7px;
	z-index: 7001;
	height: auto !important;
	display: none;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init, .jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	width: 5px;
	height: 39px;
	float: left;
	display: inline;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-init {
	background: url(/grafik/lightbox/sprite.png) no-repeat -151px -153px;
	margin: 7px 0 0 7px;
}
.jquery-lightbox-buttons .jquery-lightbox-buttons-end {
	background: url(/grafik/lightbox/sprite.png) no-repeat -244px -153px;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left {
	background: url(/grafik/lightbox/sprite.png) no-repeat -156px -153px;
	width: 24px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 1px 0 1px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-left:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -156px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-right {
	background: url(/grafik/lightbox/sprite.png) no-repeat -220px -153px;
	width: 24px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 1px 0 1px;
}
.jquery-lightbox-buttons .jquery-lightbox-button-right:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -220px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-max {
	background: url(/grafik/lightbox/sprite.png) no-repeat -182px -153px;
	width: 36px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-max:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -182px -194px; }
.jquery-lightbox-buttons .jquery-lightbox-button-min {
	background: url(/grafik/lightbox/sprite.png) no-repeat -162px -235px;
	width: 36px;
	height: 39px;
	float: left;
	display: inline;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons .jquery-lightbox-button-min:hover { background: url(/grafik/lightbox/sprite.png) no-repeat -207px -235px; }
.jquery-lightbox-buttons-custom {
	height: 39px;
	float: left;
	display: inline;
	background: #2b2b2b;
	line-height: 39px;
	font-size: 10px;
	margin: 7px 0 0 0;
}
.jquery-lightbox-buttons-custom a {
	color: #FEFEFD;
	font-size: 10px;
	display: inline;
	font-weight: normal;
	text-decoration: underline;
	padding: 0 3px;
}
.jquery-lightbox-mode-image .jquery-lightbox-button-close, .jquery-lightbox-mode-image .jquery-lightbox-buttons { opacity: 0.3; }
.jquery-lightbox-mode-image:hover .jquery-lightbox-buttons, .jquery-lightbox-mode-image:hover .jquery-lightbox-button-close { opacity: 0.9; }
.jquery-lightbox-navigator { display:none; }