/*
	 ___ ___   _         _         
	| | | . |_| |___ ___|_|___ ___ 
	|_  | . | . | -_|_ -| | . |   |
	  |_|___|___|___|___|_|_  |_|_|
	                      |___|    
					  
	author: Constantin Groß, 48design

// UTF-8[ñ] //
*/
@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
}

img {
	border: none;
}

body {
	background-color: #f5f5f5;
	text-align: center;
}

#header {
	position: relative;
	text-align: left;
}

#header h1 {
	display: none;
}

hr {
	display: none;
}

#navigation {
	position: absolute;
	top: 23px;
	left: 30px;
	list-style: none;
	list-style-position: outside;
}

#navigation li a {
	display: block;
	width: 162px;
	text-indent: -9000px;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a.active {
	outline: none;
	background-position: left bottom;
}

#m-startseite {
	height: 18px;
	background: url('../img/m_startseite.png') left top no-repeat;
}

#m-technik {
	height: 28px;
	background: url('../img/m_die-x17-technik.png') left top no-repeat;
	margin-top: 6px;
}

#m-huelle {
	height: 19px;
	background: url('../img/m_huelle.png') left top no-repeat;
	margin-top: 4px;
}

#m-kalender {
	height: 21px;
	background: url('../img/m_kalender.png') left top no-repeat;
	margin-top: 9px;
}

#m-einlage {
	height: 21px;
	background: url('../img/m_lehrereinlage.png') left top no-repeat;
	margin-top: 6px;
}

#m-notizen {
	height: 27px;
	background: url('../img/m_notizen-adressen.png') left top no-repeat;
	margin-top: 7px;
}

#sh-top, #sh-mid, #sh-bot {
	display: block;
	width: 795px;
	margin: auto;
}

#sh-top, #sh-bot {
	height: 10px;
}

#sh-top {
	background: url('../img/shadow_top.png') no-repeat;
	/*margin-top: 5px;*/
}

#sh-mid {
	background: url('../img/shadow_mid.png') repeat-y;
}

#sh-bot {
	background: url('../img/shadow_bottom.png') no-repeat;
}

#content-wrap {
	padding-left: 5px;
	padding-right: 5px;
	width: 785px;
}

#header, #content {
	width: 775px;
	margin: auto;
}

#header {
	height: 214px;
	background: #58815f url('../img/header.jpg') left top no-repeat;
}

#content {
	height: 383px;
	background: #58815f url('../img/bg_content.jpg') no-repeat;
	margin-top: 5px;
	color: #f5f5f5;
	font-size: 16px;
	position: relative;
}

#content-inner {
	padding-top: 25px;
	text-align: left;
}

.message {
	text-align: center;
}

#content-inner h2 {
	font-size: 18px;
	margin-left: 25px;
	margin-bottom: 1em;
}

#content-inner.page-impressum {
	font-size: 14px;
}

a.nounderline {
	text-decoration: none;
}

a.nounderline span {
	text-decoration: underline;
}

#content-inner p {
	margin-left: 25px;
}

#content-inner table {
	margin-left: 25px;
	margin-top: 1em;
}

.thead th {
	border-bottom: solid #f5f5f5 1px;
}

#content-inner table .mid {
	border-left: solid #f5f5f5 1px;
	border-right: solid #f5f5f5 1px;
	padding-left: 18px;
}

#content-inner table td, #content-inner table th {
	padding-right: 18px;
	padding-left: 18px;
}

#content-inner a {
	color: #f5f5f5;
}

#description {
	position: absolute;
	left: 25px;
	text-align: left;
	width: 205px;
}

#description p, #description ol {
	padding-bottom: 1em;
	margin-left: 0;
}

#description p.nopad {
	padding: 0;
}

p.pad-top {
	padding-top: 1em;
}

#description ol {
	list-style-position: inside;
}

#kalenderimage {
	position: absolute;
	top: 36px;
	left: 285px;
}

#scatterlinks li {
	position: absolute;
	list-style-position: inside;
	list-style-type: none;
	font-size: 14px;
}

#scatterlinks .ntec {
	top: 310px;
	left: 398px;
}
#scatterlinks .n1 {
	top: 35px;
	left: 355px;
}
#scatterlinks .n2 {
	top: 21px;
	left: 465px;
}
#scatterlinks .n3 {
	top: 43px;
	left: 535px;
}
#scatterlinks .n4 {
	top: 65px;
	left: 600px;
}

#downloads, #inlays {
	margin-left: 25px;
	margin-top: 1em;
}

#downloads {
	list-style-type: square;
	list-style-position: inside;
}

#downloads a, a.link-pdf {
	padding-right: 18px;
	background: url('../img/ico_pdf.gif') right center no-repeat;
}

#inlays {
	list-style-type: none;
}

#flashmovie {
	margin-left: 75px;
	margin-top: 1em;
}

#shoplink, #backlink {
	position: absolute;
	right: 8px;
	bottom: 7px;
}

#backlink {
	padding-left: 12px;
	background: url('../img/linkarrow2.gif') left center no-repeat;
}

#shoplink {
	padding-right: 12px;
	background: url('../img/linkarrow.gif') right center no-repeat;
}

#footer {
	color: #8b8b8b;
	font-size: 10px;
	padding-top: 10px;
}

#footer a {
	color: #8b8b8b;
}

#logo {
	display: block;
	margin: auto;
	margin-top: 8px;
	width: 19px;
	height: 26px;
	background: url('../img/x17logo.gif') left top no-repeat;
	text-decoration: none;
}

#logo span {
	visibility: hidden;
}

#subtext {
	width: 950px;
	margin: auto;
	margin-top: 10em;
	text-align: left;
	font-size: 12px;
	width: 775px;
	color: #666;
}

#subtext .column {
	width: 365px;
	text-align: center;
	margin-bottom: 1em;
}

#subtext .col-left {
	float: left;
}

#subtext .col-right {
	float: right;
}

#subtext h1, #subtext h2 {
	text-align: left;
}

#subtext h1 {
	font-size: 16px;
	font-weight: bold;
	line-height: 120%;
}

#subtext h2 {
	font-size: 14px;
	font-weight: bold;
	margin-top: 1em;
}

#subtext {
	line-height: 1.35em;
}

#subtext p, #subtext ul, #subtext ol {
	margin-top: 0.5em;
	text-align: justify;
}

#subtext p:first-child {
	margin-top: 1em;
}

#subtext img {
	margin: auto;
	margin-top: 0.5em;
}

#subtext span.caption {
	display: block;
	text-align: center;
	font-size: 10px;
	line-height: 120%;
	margin: 0.6em;
}

#subtext ul {
	list-style-type: none;
	margin-left: 32px;
	text-indent: -1.4em;
}

#subtext ol {
	margin-left: 1.5em;
}

#cookieNotice a {
	color:#000;
	text-decoration:underline;
}

#cookieNotice div {
	padding:10px;
	padding-right:40px;
}

#cookieNotice { 
   text-align: center;
   outline: 1px solid #7b92a9; 
   text-align:right; 
   border-top:1px solid #fff;
   background: #d6e0eb; 
   position:fixed;
   bottom:0px; 
   z-index:10000; 
   width:100%; 
   font-size:12px; 
   line-height:16px;
}

#cookieNoticeCloser {
   color: #777;
   font: 14px/100% arial, sans-serif;
   position: absolute;
   right: 5px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 5px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
 }

#cookieNoticeCloser:hover {
	border-bottom:1px solid white;
	border-right:1px solid white;
	border-top:1px solid #7b92a9;
	border-left:1px solid #7b92a9;
}