/* Layout */
* { margin: 0px; padding: 0px; }

body > div { width: 980px; margin: 0 auto; }
body { border-top: 20px solid #008984 ; font-family: "Lucida Sans Unicode","Lucida Grande","FreeSans",Tahoma,Arial, sans-serif; font-size: 11pt; }
h1 { font-size: 24pt; color: #008984 ; letter-spacing: +1px; padding-top: 20px;}
.head { font-size: 11pt; color: #9EA49E ; font-weight: bold;}

a { color: #9EA49E; text-decoration: none; transition: all .2s ease-out; }
	
#branding { 	float: right; width: 280px;	min-height: 270px; background: url(small_shadow.png) top center no-repeat; }
#branding { text-align: center; 	font-size: 9pt; position:relative; top: -5px; }
#branding img { margin-top: 50px; border: none;  }
#branding ul { margin-top: 10px; }
#branding ul li { display: inline; }
#branding a:hover { text-decoration: underline; color: #00E5EE; }
.sitemap { background: url(sitemap.png)  left center no-repeat; padding-left: 20px; padding-right: 10px; }
.contact { background: url(email.png) left center no-repeat; padding-left: 15px; }
.telefon { font-size: 12pt; color: #008984; }
#navi ul {  margin: 0 0 20px 0; padding: 0; }
#navi > ul { 	padding: 5px 0px; background: url(border-dots.png) bottom left repeat-x; border-bottom: 5px solid #008984; margin-top: 30px; }
#navi ul li { display: inline; position: relative; }
#navi ul li { font-weight: bold; padding: 5px 10px; }
#navi ul li:hover { background: #008984; }
#navi ul li:hover a { color: white; }
#navi ul ul, #navi ul ul ul { display: none; }
#navi ul ul a { display: block; }
#navi ul ul { background: #555; border-left: 3px solid #eee; border-bottom: 3px solid #eee; }
#navi ul ul li, #navi ul ul ul li { display: block; }
#navi ul ul li { padding: 5px 5px 5px 15px; border-bottom: 1px dotted #eee; min-width: 80px; }
#navi ul ul li > a { 	font-size: 9pt; }
#navi > ul > li { font-size: 12pt; }
#navi ul li:hover > ul { display: block; position: absolute; left: 0px;} 
#navi ul li:hover > ul { top: 100%;}
#navi ul ul li:hover ul { left: 100%; top:0px; }

#supp_menu  { width: 262px; 	float: left; background: url(big_shadow.png) top center no-repeat; min-height: 500px; }
#supp_menu ul { padding: 20px 10px 10px 40px; }
#supp_menu  ul li { list-style-image: url(li3.png); list-style-position: inside; border-bottom: 1px dotted gray; padding: 5px 0px; font-size: 10pt; }
#supp_menu a:hover { text-decoration: underline; color: #00E5EE; }
#supp_menu h4  { padding: 10px 10px 10px 40px; color: #008984; font-size: 10pt; text-align: left; }
.weiter { margin-top: 0px; margin-left: 40px; color: #008984; font-size: 10pt; font-family: arial; }
.zitat { margin-top: 20px; margin-left: 40px; font-size: 10pt; font-family: arial; font-weight: bold; color: #208683; }
#breadcrumbs { color: #9EA49E ; font-size: 12px; margin-bottom: 20px; }
#breadcrumbs a { color: #9EA49E ; text-decoration: none;}
#breadcrumbs ul:before { content: "Sie befinden sich hier: "; }
#breadcrumbs li { display: inline; line-height: 1.2em; }
#breadcrumbs li:before { content: " » "; font-size: 10px; }
#breadcrumbs li:first-child:before { content: none; }
#breadcrumbs a:hover { color: #9EA49E ;text-decoration: underline;}

#content { margin-left: 272px; min-height: 700px; border-right: 1px dotted #9EA49E; }
#content a { color: #888; text-decoration: none;}
#content a:hover { color: #00E5EE ;text-decoration: underline;}
#content p { line-height: 1.4em; margin: 10px 100px 10px 0px;}
#content h2 { color: #008984; font-size: 16pt; text-align: left; margin: 30px 0px;}
#content h3 { color: #008984; font-size: 12pt; text-align: left; margin: 30px 0px 0px 0px; }
#content h4 { color: #008984; font-size: 11pt; text-align: left; margin: 30px 0px 0px 0px; }
.block { text-align: justify; }
.speziell { padding: 10px 10px 10px 10px; background-color: #DBDBDB; border:thin #008984 solid; font-size: 11pt; font-family: arial; margin: 30px 30px; text-align: center;}
.info { margin-top: 50px; font-size: 12pt; font-family: arial; text-align: center; }
.deko { text-align: justify; font-size: 9pt; }
table { padding: 5px; border-collapse: separate; border-spacing: 6px; }
caption { height: 10px; font-family: arial; font-size: 10pt;  padding: 5px 20px; text-align: center; font-weight: bold; color: #008984; }
th { padding: 5px 5px; background: #66CDAA; border-bottom: 2px solid #838B8B; border-right: 2px solid #838B8B; }
td{ padding: 5px 5px; background: #DBDBDB; border-bottom: 2px dotted #838B8B; border-right: 2px solid #838B8B; }
th.zr {text-align: center; font-size: 8pt; height: 10px; width: 300px; }
th.zs { text-align: center; font-size: 8pt; height: 10px; width: 150px;}
td.zrdat {text-align: left; font-size: 8pt; height: 10px; width: 300px;}
td.zspro { text-align: center; font-size: 8pt; height: 10px; width: 150px;}
th.dekla  {text-align: center; font-size: 8pt; height: 10px; width: 150px; }
th.fahrz  {text-align: center; font-size: 8pt; height: 20px; width: 80px; }
td.dekla  {text-align: left; font-size: 8pt; height: 20px; width: 150px; }
td.fahrz {text-align: center; font-size: 8pt; height: 20px; width: 80px; }
th.zo {text-align: left; font-size: 8pt; height: 10px; width: 200px; }
th.zk  {text-align: left; font-size: 8pt; height: 10px; width: 350px; }
td.zo  {text-align: left; font-size: 8pt; height: 10px; width: 200px; }
td.zk {text-align: left; font-size: 8pt; height: 10px; width: 350px; }
.zoll { font-size: 9pt; font-family: arial; text-align: left; margin-left: 60px; margin-bottom: 5px; margin-top: 5px;}

figure.left {text-align: left; font-size: 10pt; margin-top: 30px;}
figure.right {text-align: right; font-size: 10pt; }
figure.center {text-align: center; font-size: 10pt; }
.partner { font-size: 11pt; color: #888 ; font-family: arial; font-weight: bold; text-align: left; }

article { background-color: #DBDBDB; border: thin #008984 solid; font-size: 10pt; font-family: arial; margin: 0px 180px 20px 0px; padding: 10px 0px 0px 10px ; text-align: justify;}

li.aufzahl { list-style-image: url(li3.png); font-size: 11pt; font-family: arial; margin-left: 35px; margin-bottom: 5px; }

#footer { color: #999; font-size: 10pt; margin: 25px 20px 20px 20px; }
#footer { min-height: 80px; border-top: 5px solid #008984; padding: 5px 30px 10px 30px; }
#footer a { color: #9EA49E; text-decoration: none;}
#footer li { display: inline; }
#footer li:before { content: " | "; font-size: 10pt; }
#footer li:first-child:before { content: none; }
#footer ul { float: right;}
#footer ul li { display: inline; }
#footer p { float: left; }
#footer a:hover { color: #00E5EE; text-decoration: underline; }