html, body {height: 100%; width: 100%;}
body, table, ul, li, form, p, h1, h2, h3, h4 {margin: 0; padding: 0;}
body {font-size: 16px; font-family: Verdana,Arial,Helvetica,Tahoma,sans-serif;}
img {border: 0;}
table {border-collapse: collapse;}
td {vertical-align: top;}

body {background: #C6E6F8 url('../gfx/body.bg.gif') repeat-x top left;}
#wrapper {width: 780px; background-color: #fff; margin: 0 auto; }
#header {background: #F7F3F1 url('../gfx/header/header.bg.01.jpg') no-repeat top left; height: 316px;}
#header #logo {height: 261px; text-align: right; padding: 20px 28px 0 0;}

#menu ul {padding: 0 0 0 18px; list-style:none;}
#menu ul li { float:left;}
#menu ul li a {padding: 8px 12px 6px 12px; color:#F36421; text-decoration:none; display:block; font-size:14px;  border-bottom: solid 4px #0474BD;}
#menu ul li a:hover {background-color: #fff; border-bottom: solid 4px #F36421;}
#menu ul li.aktiv a {background-color: #fff; border-bottom: solid 4px #F36421; color: #0474BD;}
#menu ul li.aktiv a:hover {} 
#menu ul li ul { padding:0; margin:0; display:none; position:absolute;}       
#menu ul li ul:hover { display:block; }
#menu ul li:hover ul { display:block; }
#menu ul li.over ul  { display:block; } /* for IE */
#menu ul li ul {height: auto;  border-bottom: solid 4px #F36421; padding:0; margin:0 ; display:none; position:absolute; background: none; background-color:#fff; }
#menu ul li ul li,
#menu ul li.aktiv ul li { float:none; padding:0; margin:0;}
#menu ul li ul li a,
#menu ul li ul li.aktiv a,
#menu ul li.aktiv ul li a {border: none; width: 200px; color:#F36421; font-weight:normal; display:block; margin:0; padding:8px 12px 8px 12px; background:none;  background-color:#F7F3F1; }
#menu ul li.aktiv ul li.aktiv a,
#menu ul li ul li.aktiv a {color:#0474BD;}
#menu ul li ul li a:hover,
#menu ul li.aktiv ul li a:hover,
#menu ul li.aktiv ul li.aktiv a:hover {border: none; background-color:#EBE7E6; color: #0474BD;}
#menu ul li ul li:hover { display:list-item; }
#menu ul li ul li.over  { display:block; } /* for IE  */

#content {padding: 10px 38px 50px 30px; }
#content h1 {font-size: 1.2em; margin: 20px 0 10px 0; color:#0474BD; font-weight: normal;}
#content h2 {font-size: 1em; border-bottom: solid 1px #0474BD; padding: 0 0 5px 0; margin: 20px 0 5px 0; color:#0474BD; font-weight: normal;}
#content h3 {font-size: 0.8em; margin: 20px 0 5px 0; color:#0474BD; font-weight: bolder;}
#content p {font-size: 0.8em; line-height: 1.6em; margin: 0 0 10px 0; color: #000;}

#content p.tagcloud {line-height: 1.4em;}
#content p.tagcloud a {text-decoration: none;}
#content p.tagcloud a:hover {background-color: #F36421; color: #fff; }
#content p.tagcloud a.prio1 {font-size: 1.2em;}
#content p.tagcloud a.prio2 {font-size: 1em;}
#content p.tagcloud a.prio3 {font-size: 0.8em;}

#content ul {list-style-type: circle; margin: 5px; padding: 5px; font-size: 0.8em; }
#content ul li { margin: 0 5px 5px 5px; padding: 0 5px 0 5px;}

#content a {color: #F36421;}
#content sub, #content sup {font-size: 6px;}
#content table {border-spacing: 1px; border-collapse:separate; margin: 0 0 30px 0;}
#content table thead th {background-color: #F1EBE8; border-bottom: solid 1px #0474BD; font-size: 0.8em; padding: 2px;}
#content table tbody td {border-bottom: solid 1px #0474BD; font-size: 0.7em;  padding: 2px 2px 8px 2px;}
#content table tbody td.efh {text-align: center; background-color: #FAF4F1;}
#content table tbody td.mfh {text-align: center;}

#content .billing table tbody td {font-size: 0.8em;}
#content .billing table tbody td table {margin: 10px 0 0 0 ;}
#content .billing table tbody td table td {border: none; padding: 0 0 10px 10px; font-size: 1em;}

#content .tip {border-bottom: solid 5px #0474BD; background-color: #F1FAFF; margin: 30px 0 20px 0; padding: 10px 20px 10px 20px;}
#content .tip h1 {font-size: 1em;  margin: 0 0 10px 0; color: #000; font-style: italic;}
#content .tip p {line-height: 1.2em; font-size: 0.7em;}
#content .tooltip {cursor: help; }

#content #lft {width: 468px; float: left;}
#content #rgt {width: 210px; float: right;}
#content #rgt h1 {font-size: 1em;}
#content #rgt h2 {font-size: 1em; color: #0474BD; border: none;}

#content #footer {margin-top: 50px; border-top: solid 1px #727272; float: left; width: 100%;}
#content #footer p {font-size: 0.7em; color: #727272;}
#content #footer p a { color: #727272; text-decoration: none;}
#content #footer p a:hover {text-decoration: underline;}


/*---------[ Marginal ]-----------------------------------------------------------*/

#content #rgt h1 {border-bottom: solid 3px #0474bd; padding: 0 0 4px 0; margin:20px 0 5px 0;}


/*---------[ News ]-----------------------------------------------------------*/

#content .news-list-item {margin: 0 0 30px 0; clear: left;}
#content .news-list-item h3 {margin: 0 0 5px 0;}
#content .news-list-item h3 a {text-decoration: none;}
#content .news-list-item p {margin: 0 0 5px 0;}
#content .news-list-item p.news-list-date {font-style: italic;}
#content .news-list-item a img {margin: 10px 0 10px 0;}
#content .news-list-item .news-thumbnail {float: left; margin: 0 20px 10px 0;}
#content #rgt .news-list-item .news-thumbnail {float: none; }
#content .news-single-item p.news-single-timedata  {font-style: italic; margin-top:30px;}
#content .news-single-item p.news-single-author {color: #727272; font-style: italic;}
#content .news-single-item .news-subheader {font-style: italic; padding: 0 0 20px 0;}
#content .news-single-item .news-single-img {float: left; padding: 10px 20px 10px 0;}
#content .news-single-item .news-single-img .news-single-imgcaption {color: #727272; font-size: 0.6em;}

/*---------[ Glossar]---------------------------------------------------------*/
#content .tx-sgglossary-pi1 .entrypart {width: 230px; float: left;}
#content .tx-sgglossary-pi1 .entrypart ul {color: #0474BD; list-style-type: none; margin: 0; padding: 0; }
#content .tx-sgglossary-pi1 .entrypart ul li {margin: 0; padding: 0;}
#content .tx-sgglossary-pi1 .entrypart ul li p {margin: 0; font-size: 1em;}
#content .tx-sgglossary-pi1 .entrypart ul li a { background: url('../gfx/body.content.li.bg.gif') no-repeat 0px 6px; padding-left: 10px; display: block;}
#content .tx-sgglossary-pi1 .details {width: 460px; float: left; padding-left:20px;}
