/* CSS */

/* bg */
/* LAYOUT */



html { /* bei Bedarf fuer zentriertes Layout */
min-height: 100%; /* erzwingt vertikalen Scrollbalken-Platzhalter im Firefox, um ein "Huepfen" zu vermeiden (zusammen mit margin-bottom: 0.1px;) */
margin-bottom: 0.1px;
border-bottom: 1px solid #fff; /* dann funktionierts auch mit Safari und Opera, allerdings mit immer mit aktivem Scrollbalken, auch im FF */
}


body {
font: 100.01% Tahoma, Arial, sans-serif;
margin:0;
padding:0;
background: #fff url(../_img/hg.jpg) 0 0 repeat-x;
color:#4c4c4c;
}

.invsbl { /* unsichtbare Inhalte */
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}





/* CONTAINER */

#container {
background: #fff;
width: 950px;
padding: 0;
margin:0 auto;
}

html* div {
margin:0;
padding: 0;
}

/* Title 
**********************************************************/

div#branding {	
position:relative;
height:109px;
background: #fff url(../_img/header.jpg) 0 0 no-repeat;
}

div#branding h1,
div#branding h2 {	
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

div#branding img {	
position:absolute;
height:60px;
top:32px;
left:15px;
}


/* Navigation
*******************************************************/

#navigation {
position: relative;
}

#custom {
background: #c3bb9e url(../_img/hg-kundennav.gif) 0 -1px repeat-x;
/*height: 35px;*/
height:2.9em;
border-bottom: 1px solid #e8e4d9;
font-size: 0.75em;
}
#main {
background: #6ec1e3 url(../_img/hg-nav.gif) 0 0 repeat-x;
/*height: 36px;*/
/*min-height:2.44em;*/
font-size: 0.93em;
width: 950px;
float: left;
clear: both;
}

#navigation #main ul {
width:699px;
}

#navigation li {
float:left;
list-style: none;
}
#navigation #custom li {
background: transparent url(../_img/hg-kundennav-punkt.png) right -1px no-repeat;
padding:0 16px 0 11px;
}
#navigation #custom li.active {
background: transparent url(../_img/hg-kundennav-punkt.png) right -70px no-repeat;
}

#navigation #main li {
padding:9px 16px 9px 15px;
background: transparent url(../_img/hg-nav-punkt.png) right 0 no-repeat;
}
#navigation #main li.active {
background: transparent url(../_img/hg-nav-punkt.png) right -164px no-repeat;
}

#navigation a {
text-decoration: none;
}
#navigation #custom a {
color: #333;
font-weight:bold;
display: block;
padding: 9px 0 7px 30px;
}
#navigation #custom a:hover {
color:#6e6d68;
}
#navigation #custom li.c8 a {
background: transparent url(../_img/icon-login.gif) 0 0 no-repeat;
}
#navigation #custom li.c9 a {
background: transparent url(../_img/icon-webmail.gif) 0 0 no-repeat;
}
#navigation #custom li.c10 a {
background: transparent url(../_img/icon-forum.gif) 0 0 no-repeat;
}
#navigation #custom li.c11 a {
background: transparent url(../_img/icon-status.gif) 0 0 no-repeat;
}

#navigation #main a {
color: #00679e;
font-family: Georgia, serif;
text-transform: uppercase;
}
#navigation #main a:hover {
color: #2793ca;
}

#navigation #custom li.active a,
#navigation #custom li.active a:hover {
color:#fff;
}

#navigation #main li.active a,
#navigation #main li.active a:hover {
color: #fff;
}

/* Suche */

#sitesearch {
position: absolute;
top:0;
right: 0;
width: 200px;
font-size: 0.7em;
padding: 4px 0;
}
#sitesearch label {
margin:5px 4px 0 0;
width:auto;
}
#sitesearch input.text {
width:120px;
margin-top:3px;
}


/* Subnavigation
**********************************************************/

#subnavigation {
width:190px;
float:left;
font-size: 0.93em;
letter-spacing: 1px;
}

#subnavigation ul {
background: transparent url(../_img/hg-subnav-punkte.gif) 0 -34px no-repeat;
padding-top: 1px;
}

#subnavigation li {
list-style: none;
}
#subnavigation li.active {
list-style: none;
}

#subnavigation a {
text-decoration: none;
display: block;
padding: 6px 0 7px 0;
color:#000;
background: transparent url(../_img/hg-subnav-punkte.gif) left bottom no-repeat;
}
#subnavigation a:hover,
#subnavigation li.active a {
color:#318fbb;
}
#subnavigation li.active a {
background: transparent url(../_img/hg-subnav-punkte.gif) right bottom no-repeat;
}

#subnavigation ul ul {
padding: 5px 0 10px 0;
font-size: 0.9em;
background: transparent url(../_img/hg-subnav-punkte.gif) left bottom no-repeat;
}
#subnavigation ul li.active ul li a {
background: transparent url(../_img/icon-subnav.gif) 0 3px no-repeat;
color:#000;
padding: 4px 0 5px 20px;
}
#subnavigation ul li.active ul li a:hover,
#subnavigation ul li.active ul li.active a {
color:#318fbb;
background: transparent url(../_img/icon-subnav.gif) 0 -123px no-repeat;
}
#subnavigation ul li.active ul li.sub a {
background: transparent url(../_img/icon-subnav.gif) 0 -60px no-repeat;
}
#subnavigation ul li.active ul li.sub a:hover {
background: transparent url(../_img/icon-subnav.gif) 0 -375px no-repeat;
}
#subnavigation ul li.active ul li.active.sub a {
background: transparent url(../_img/icon-subnav.gif) 0 -186px no-repeat;
}


#subnavigation ul ul ul {
padding:0 0 0 18px;
font-size: 0.95em;
background: none;
}
#subnavigation ul li.active ul li.active.sub ul li a {
background: transparent url(../_img/icon-subnav.gif) 0 -250px no-repeat;
color:#000;
padding:2px 0 3px 20px;
}
#subnavigation ul li.active ul li.active.sub ul li a:hover,
#subnavigation ul li.active ul li.active.sub ul li.active a {
color:#318fbb;
background: transparent url(../_img/icon-subnav.gif) 0 -313px no-repeat;
}


#subnavigation ul li ul,
#subnavigation ul li.active ul li ul,
#subnavigation ul li.active ul li.active ul li ul {
display: none;
}
#subnavigation ul li.active ul,
#subnavigation ul li.active ul li.active ul,
#subnavigation ul li.active ul li.active ul li.active ul {
display: block;
}



/* Content 
**********************************************************/
#mainbody {
text-align:left;
background: #fff;
float:left;
clear:both;
width: 699px;
margin: 25px 29px 35px 15px;
min-height:420px;
font-size: 0.77em;
}

#headline {
width:477px;
margin-left:222px;
height: 2.8em;
}
#headline.full {
width:699px;
margin-left:0;
}


#content {
width:477px;
float:right;
}
#content.full {
float:none;
width:699px;
}
#content ul {
margin: 0 0 18px 20px;
padding: 0;
line-height: 1.25em;
}
#content ol {
margin: 0 0 18px 30px;
padding: 0;
line-height: 1.25em;
}
#content li {
margin: 10px 0;
}
#content a.extern {
background: transparent url(../_img/icon-linkextern.gif) 0 0 no-repeat;
padding-left: 18px;
margin-left: 1px;
}
#content a.noextern {
background:none !important;
padding-left:0 !important;
}

#content a.pdf {
background: transparent url(../_img/icon-pdf-kl.gif) 0 0 no-repeat;
padding-left: 18px;
margin-left: 1px;
}

#teasercontent {
width:330px;
float:left;
}
#maincontent.col2 {
width:354px;
float:right;
}


/* Sidebar 
*************/

#sidebar {
width: 196px;
padding: 0;
margin: 0 11px 0 0;
float:right;
position: relative;
font-size:0.71em;
top:-30px;
z-index: 25;
color:#333;
}
#sidebar a {
color:#333;
}

/* Domaincheck */
#domain {
background: transparent url(../_img/hg-domaincheck.png) 0 0 no-repeat;
/*heigth:74px;*/
height: 6.2em;
padding: 8px 16px;
}
#domain h2 {
color:#f2f1df;
font-family: Tahoma, sans-serif;
font-size:1.08em;
margin:5px 0;
text-align: center;
letter-spacing: 0.05em;
}
#domain input,
#domain select {
border:1px solid #292825;
border-bottom:2px solid #292825;
margin-right:0;
font-size: 0.94em;
}
#domain input {
width:158px;
padding:1px 2px;
}
#domain select {
padding:0;
}
#domain input.submit {
width:105px;
float:right;
font-size: 0.93em;
padding: 0px 2px 1px 2px;
}
html* #domain input.submit /* Safari */ {
padding:2px;
}

/* Kontakt und Support */
#info {
background: transparent url(../_img/hg-sidebar.jpg) 0 0 no-repeat;
padding: 8px 12px;
margin: 0 4px;
min-height:500px;
}

p.mailto,
p.tel {
line-height: 1.8em;
padding:0 0 6px 29px;
margin:0 0 2px 0;
}
p.mailto {
background: transparent url(../_img/icon-mail.gif) -3px 0 no-repeat;
padding:3px 0 5px 29px;
}
p.tel {
font-weight:bold;
background: transparent url(../_img/icon-tel.gif) -4px 0 no-repeat;
}
p.tel span {
font-weight: normal;
font-size: 0.88em;
line-height: 1em;
}
p.skype {
margin-top:15px;
}
p.irc,
p.skype {
margin-bottom:9px;
}

div.ntr {
background: #d0cbb3 url(../_img/support-ntr.jpg) 0 0 no-repeat;
padding: 42px 9px 8px 21px;
margin-bottom: 10px;
font-size: 0.8em;
}

div.ntr li {
list-style: none;
margin-bottom: 3px;
}

div.ntr a {
list-style: none;
background: transparent url(../_img/icon-download.gif) 0 0 no-repeat;
padding: 1px  0 3px 19px;
}


/* Metanavigation 
**********************/

#metanavigation {
clear: both;
padding-top: 7px;
letter-spacing: 1px;
}

#metanavigation ul {
background: transparent url(../_img/hg-metanav-punkt.gif) 0 -35px no-repeat;
padding-top: 1px;
}

#metanavigation li {
list-style: none;
}
#metanavigation li.active {
list-style: none;
}

#metanavigation a {
text-decoration: none;
display: block;
padding: 4px 0 5px 0;
background: transparent url(../_img/hg-metanav-punkt.gif) left bottom no-repeat;
}
#metanavigation a:hover,
#metanavigation li.active a {
color:#a29a81;
}
#metanavigation li.active a {
background: transparent url(../_img/hg-metanav-punkt.gif) right bottom no-repeat;
}





/* Footer 
**********************************************************/

#siteinfo {
clear:both;
font-size:0.6em;
color:#d0cbb3;
padding: 10px 0 10px 15px;
}
#siteinfo p {
margin: 0;
}
#siteinfo a,
#siteinfo a:hover {
}
#siteinfo a:hover {
}




/********************************************************* 
allgemeine Formate
**********************************************************/

h1, h2 {
font-size: 1.45em;
margin: 0 0 10px 0;
font-family: Georgia, serif;
color:#605d58;
}
h3 {
font-size: 1.05em;
margin: 0 0 10px 0;
color:#605d58;
}
h4 {
font-size: 1em;
margin: 0 0 10px 0;
}
h5 {
font-size: 0.9em;
margin: 0 0 10px 0;
}
h6 {
font-size: 0.85em;
margin: 0 0 10px 0;
font-weight: normal;
}

p {
margin: 0 0 10px 0;
line-height: 1.35em;
}

ul, ol, li {
margin: 0;
padding: 0;
}
li {
list-style-position: inside;
}


a {
color: #4c4c4c;
text-decoration: underline;
}
a:hover {
border: none;
text-decoration: none;
}

hr {
height: 1px;
background-color: #ece9d6;
color: #ece9d6;
border: none;
margin: 0 0 15px 0;
width: 100%;
clear:both;
}


table {
border-collapse: collapse;
margin-bottom: 15px;
line-height: 1.2em;
font-size: 0.9em;
width: 100%;
}

th {
border-top: 1px solid #d4edf7; 
padding: 5px 5px 6px 0;
background: #fff;
text-align: left;
vertical-align: top;
font-weight: normal;
}
td {
border-top: 1px solid #fff;
padding: 5px 6px 6px 6px;
text-align: left;
vertical-align: top;
background-color: #cdebf6;
font-weight: bold;
}

td p,
th p {
margin: 0;
}

img {
border: none;
}



form {	
margin: 0;
padding: 0;
font-size:1em;
float:left;
clear: both;
}

form p {
margin:0 0 5px 0;
clear:both;
width:100%;
}

fieldset {	
border: none;
padding: 0;
margin: 0;
}

legend {	
font-weight: bold;
font-size: 1.05em;
padding: 0 5px 15px 0;
margin-left: -5px;
background-color: transparent;
}

label {	
margin:2px 0 5px 0;
float:left;
width: 8em;
font-size:1em;
}

input,
select, 
textarea {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #c3bb9e;
border-bottom:2px solid #c3bb9e;
background-color:#fff;
padding:1px;
font-family: Tahoma, sans-serif;
font-size:1em;
}

input.submit {	
float:left;
margin: 0 5px 5px 0;
border:1px solid #c3bb9e;
border-bottom:2px solid #c3bb9e;
background: #d0cbb2 url(../_img/hg-button.gif) 0 0 repeat-x;
font-weight: bold;
}
input.search /* type image */{
background: none;
border:none;
vertical-align: middle;
}

.left {
float:left;
}
.right {
float:right;
}

.clear {
clear: both;
}

.small {
font-size: 85%;
}

/********************************************************* 
MODUL-Formate
**********************************************************/


/* Abstand + Clear
*************************/

div.space {
height: 25px;
clear:both;
}


/* MODUL Text + Bild
**************************/

div.section-txtpic {
margin: 0 0 10px 0;
clear:both;
float:left;
width:100%;
}

/* Hintergrundfarben */
div.section-txtpic.h-beige,
div.section-txtpic.h-blau,
div.section-txtpic.beige,
div.section-txtpic.blau,
div.section-txtpic.gelb,
div.section-txtpic.orange {
width:445px;
padding: 8px 10px 3px 10px;
border-width: 6px;
border-style: solid;
}
div.full div.section-txtpic.h-beige,
div.full div.section-txtpic.h-blau,
div.full div.section-txtpic.beige,
div.full div.section-txtpic.blau,
div.full div.section-txtpic.gelb,
div.full div.section-txtpic.orange {
width:667px;
}

div#info div.section-txtpic.h-beige,
div#info div.section-txtpic.h-blau,
div#info div.section-txtpic.beige,
div#info div.section-txtpic.blau,
div#info div.section-txtpic.gelb,
div#info div.section-txtpic.orange {
width:146px;
padding: 4px 6px 2px 6px;
border-width: 3px;
}
#maincontent.col2 div.section-txtpic.h-beige,
#maincontent.col2 div.section-txtpic.h-blau,
#maincontent.col2 div.section-txtpic.beige,
#maincontent.col2 div.section-txtpic.blau,
#maincontent.col2 div.section-txtpic.gelb,
#maincontent.col2 div.section-txtpic.orange {
width:322px;
}

div.section-txtpic.h-beige {
background-color: #f7f8ed;
border-color: #f5f4e5;
}
div.section-txtpic.h-blau {
background-color: #e8f5fc;
border-color: #e0f1fb;
}
div.section-txtpic.beige {
background: #e5e0cd url(../_img/hg-verlauf-beige.jpg) left bottom repeat-x;
border-color: #d0cbb3;
}
div.section-txtpic.blau {
background: #c8e9f5 url(../_img/hg-verlauf-blau.jpg) left bottom repeat-x;
border-color: #a0d7ea;
color:#303030;
}
div.section-txtpic.gelb {
background: #fee9b0 url(../_img/hg-verlauf-gelb.jpg) left bottom repeat-x;
border-color: #fcd97a;
color:#404040;
}
div.section-txtpic.orange {
background: #ffb76b url(../_img/hg-verlauf-orange.jpg) left bottom repeat-x;
border-color: #ff9d35;
color:#333;
}
div.section-txtpic.orange h3,
div.section-txtpic.orange h2,
div.section-txtpic.blau h3,
div.section-txtpic.blau h2 {
color:#000;
}

/**/

div.section-txtpic div.sectiontext {
clear:both;
}
div.section-txtpic.re div.sectiontext,
div.section-txtpic.li div.sectiontext,
div.section-txtpic.li-box div.sectiontext {
clear:none;
}

div.section-txtpic div.sectiontext img {
margin: 3px 15px 15px 0;
float:left;
}


/* Spezielle Textformatierung */

/* Ueberschrift mit Quardrat-Icon Startseite */
div.section-txtpic.iconH3 h3 {
/*background: transparent url(../_img/icon-subnav.gif) 0 2px no-repeat;*/
background: transparent url(../_img/icon-subnav.gif) 0 -440px no-repeat;
padding-left: 20px;
font-family: Georgia, serif;
font-weight: normal;
letter-spacing: 1px;
margin-bottom: 3px;
color:#333;
font-size: 1.1em;
}
div.section-txtpic.iconH3 p {
margin: 0 0 20px 20px;
}
/* Formular-Icon Download */
div.section-txtpic.iconForm div.sectiontext {
background: transparent url(../_img/icon-doc.gif) 0 0 no-repeat;
padding-left: 50px;
}

/**/


div.section-txtpic p.pic {
margin: 0 0 10px 0;
display:inline;
float:left;
}
div.section-txtpic.re p.pic {
margin: 3px 0 15px 20px;
float: right;
clear:both;
}
div.section-txtpic.li p.pic {
margin: 3px 20px 15px 0;
float: left;
clear:both;
}
span.picsub {
font-size: 0.85em;
line-height:1.2em;
margin:4px 0;
padding-bottom:4px;
display:block;
}

/* Bild-Links ohne Icons */
#content div.section-txtpic.iconForm div.sectiontext a.pdf,
#content div.section-txtpic p.pic a.extern,
#content div.section-linkimg a.extern {
background: none;
padding: 0;
margin: 0;
}


/* fuer 2-spaltige Darstellung */

div.section-txtpic.col-li,
div.section-txtpic.col-re,
div.section-txtpic.col-li-box,
div.section-txtpic.col-re-box {
float:left;
clear:none;
width:48%;
}

div.section-txtpic.col-re,
div.section-txtpic.col-re-box {
float:right;
margin-left:2%;  /*fuer FF3, Safari */
}

div.colclear {
clear: both;
height: 1px;
}

/* Kontaktseite Textblock Anschrift */
div.section-txtpic.txtpic-47-1 {
width:190px;
float:left;
}



/* MODUL Bild-Teaser (Tarife)
********************************/

.section-pic {
margin: 0 0 14px 0;
clear:both;
float:left;
width:100%;
}
.sectiontext-hide {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}
.section-pic p {
margin: 0;
}

/* KONTAKT-FORMULAR xform
**********************************/

div.form-kontakt {
width:477px;
float:right;
}

div.form-kontakt form {
background:#F7F7EC /*url(../_img/hg-diagonal-form.gif) left bottom repeat-x*/;
border:6px solid #f5f4e5;;
margin:0 0 10px 0;
padding:15px 10px;
width:445px;
}
div.form-kontakt input,
div.form-kontakt select, 
div.form-kontakt textarea {	
width: 300px;
margin-bottom: 8px;
}
div.form-kontakt label {	
width: 130px;
}
div.form-kontakt p.req {
font-size: 0.85em;
color:#000;
margin-left: 130px;
}
div.form-kontakt input.submit {	
width: 8em;
margin-left: 130px;
}
div.antispam {
display: none;
}

/* Tarife 
************************/

div.tarif {
/*margin-top:4px;*/
position: relative;
}

div.tarif table {
color:#000;
border-bottom:7px solid #b9e3f2;
width:477px;
position: relative;
margin-bottom: 0;
}
div.tarif th {
width:138px;
font-size: 0.98em;
}
div.tarif td {
padding-left:14px;
}
div.js h3 {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
}
div.tarif td.zusatz {
font-weight: normal;
width:190px;
color:#333;
font-size: 0.98em;
line-height: 1.3em;
padding-right:8px;
padding-left: 0;
}

tr.head {
}
tr.head th {
height: 7px;
padding:0;
background-color: #b9e3f2;
border: none;
border-bottom: 1px solid #b9e3f2;
}
tr.head span {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
margin: 0;
}

ul.tarif-links {
background-color:#3197cd;
/*height: 115px;*/
height: 10em;
font-size: 0.9em;
position: relative;
}
#content ul.tarif-links {
margin:0;
padding-left: 143px;
}
#content ul.tarif-links li {
list-style: none;
float:left;
display: block;
background: transparent url(../_img/hg-tarifliste.jpg) -399px 0 no-repeat;
/*margin:22px 0 0 0;*/
margin:1.85em 0 0 0;
}
#content ul.tarif-links li.active {
}
ul.tarif-links a {
position: relative;
text-decoration: none;
color: #fff;
display: block;
padding: 4px 0 4px 14px;
/*height: 85px;*/
height: 7.4em;
}
ul.tarif-links a:hover {
color: #b9e3f2;
text-decoration: none;
}
ul.tarif-links a.active {
background: #b9e3f2 url(../_img/hg-tarifliste.jpg) 0 0 no-repeat;
}
ul.tarif-links a.active,
ul.tarif-links a.active span.name,
ul.tarif-links a.active:hover span.name {
color: #157db5;
}
ul.tarif-links a span.name {
color:#cce9f2;
font-size: 2.45em;
font-weight: bold;
display: block;
margin:5px 0 22px 0;
}
ul.tarif-links a:hover span.name {
color: #9fd6ea;
}
ul.tarif-links span.price {
display:block;
font-size: 1.5em;
font-weight: bold;
margin-bottom: 5px;
letter-spacing: 1px;
}

ul.tarif-links span.groupname {
position:absolute;
top:-5000em;
left:-5000em;
overflow:hidden;
text-indent:-5000em;
}

/* Listenpunkte pro Gruppe 
 * Gesamtbreite 328 px 
 * pro Listenpunkt abzueglich 14px padding 
 * Breite je nach Anzahl */
 
/* Start */
div.group-1 ul.tarif-links {
background:#3197cd url(../_img/hg-tarif-start.jpg) 0 0 no-repeat;
}
div.group-1 ul.tarif-links li a {
width:68px;
}
/* Profi */
div.group-2 ul.tarif-links {
background-image: url(../_img/hg-tarif-profi.jpg);
}
div.group-2 ul.tarif-links li a {
width:68px;
}
/* Mail */
div.group-3 ul.tarif-links {
background-image: url(../_img/hg-tarif-mail.jpg);
}
div.group-3 ul.tarif-links li a {
width:68px;
}
/* Domain */
div.group-4 ul.tarif-links {
background-image: url(../_img/hg-tarif-domain.jpg);
}
div.group-4 ul.tarif-links li a {
width:68px;
}

p.bestell-link {
background-color: #B9E3F2;
padding: 5px 16px 0 10px;
margin:0;
text-align: right;
font-weight: bold;
font-size: 1.05em;
letter-spacing: 1px;
}
p.bestell-link a {
color:#157DB5;
text-decoration: none;
}
#content p.bestell-link a.extern {
background-position: 0 1px;
}
p.bestell-link a:hover {
/*text-decoration: underline;*/
color:#4eacd7;
}
p.bestell-link.foot {
padding: 2px 16px 7px 10px;
margin:0 0 15px 0;
}


/* MODUL FAQ 
************************/

form#faqsearch {
background:#c3bb9e url(../_img/hg-kundennav.gif) 0 0 repeat-x;
padding: 5px 5px 5px 8px;
margin-bottom: 10px;
width:464px;
height: 2em;
float:none;
}
form#faqsearch p {
display: inline;
clear: none;
}
form#faqsearch label {
width:auto;
margin:3px 5px 0 0;
font-size: 1.1em;
font-weight: bold;
color:#605d58;
}
form#faqsearch input {
margin-bottom: 0;
}
form#faqsearch input.text {
margin-top: 2px;
width: 250px;
}


div.faqToggle {
margin-bottom: 10px;
}

div.faqToggle h3 {
background: #f7f8ed url(../_img/icon-frage.gif) 5px 5px no-repeat;
border: 5px solid #f5f4e5;
padding:7px 5px 5px 38px;
margin: 0;
min-height: 20px;
}
div.faqToggle h3:hover {
color: #333;
}
div.faq-togglediv-active h3 {
background: #e8f5fc url(../_img/icon-antwort.gif) 5px 5px no-repeat;
border: 5px solid #e0f1fb;
}
div.answer {
background: #f4fafd;
border-bottom: 5px solid #ecf6fd;
padding: 8px 10px 5px 43px;
}

p.faqGalerie a {
margin: 0 4px 4px 0;
}

span.quicktime {
font-size: 0.9em;
font-style:italic;
}

a.permalink {
text-decoration:none;
outline:none;
}


/* MODUL Galerie Bilder mit externen Links 
******************************************/

.galerie-linkextern {
float:left;
clear: both;
margin-bottom:10px;
}
.section-linkimg {
float:left;
display: inline;
height: 50px;
margin:0 8px 10px 0;
}


/* Formulare Login, Webmail 
******************************/
#kundenlogin,
#webmail {
/* background:#E8F5FC;
border:5px solid #E0F1FB; hellblau */
background:#F7F8ED;
border:5px solid #F5F4E5;
padding:10px;
width: 669px;
margin-bottom: 25px;
}
#kundenlogin label,
#webmail label {
width:auto;
}
#kundenlogin input,
#webmail input {
margin: 0 15px 3px 5px;
}
#kundenlogin input#dl-user,
#webmail input#imapuser {
width:250px;
}
#kundenlogin input#dl-pass,
#webmail input#password {
width:120px;
}
#kundenlogin input.submit,
#webmail input.submit {
font-size:0.95em;
}


/* MODUL Galerie 
*********************

#content div.gallery ul {
margin:0;
padding: 0;
}
#content div.gallery li {
list-style: none;
float:left;
display: block;
width: 118px;
height: 118px;
overflow: hidden;
margin:0 3px 3px 0;
}
#content div.gallery li img {
border:none;
}
*/


/* Dateidownload 
 * Klasse per jquery
**********************/

/*div.filedownload {
clear:both;
width:300px; fuer IE 7 
margin: 0 0 22px 0;
}*/

/*
#content div.filedownload a
{	line-height: 25px;
	padding: 5px 0 0 26px;
	background: transparent url(../_img/default-icon.gif) no-repeat 0 0;
}*/
/*#content a.pdf {	
background: transparent url(../_img/pdf-icon.gif) no-repeat 0 0;
padding: 5px 0 0 26px;
}*/
/*
#content div.filedownload a.word
{	background: transparent url(../_img/word-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.text
{	background: transparent url(../_img/txt-icon.gif) no-repeat 0 0;
}
#content div.filedownload a.xls
{	background: transparent url(../_img/xls-icon.gif) no-repeat 0 0;
}*/


/* MODUL Tabelle
 * ohne Rahmen
 * sonst Standardformat
**************************

table.border,
table.noborder {
clear:both;
margin-bottom:10px;
}

table.noborder,
table.noborder th,
table.noborder td {
border: none;
padding-left:0;
}
*/

/* MODUL Artikel-, Kategorieliste, Paginierung 
**********************************************
ul.kategorie-list,
ul.article-list,
ul.pagination {
clear:both;
margin-bottom:10px;
}

#content ul.pagination {
margin-left:0;
}
#content ul.pagination li {
display:inline;
list-style:none;
margin-right:4px;
}
#content ul.pagination li a {
padding:0 2px;
background:none;
border: 1px solid #ffffff;
}
#content ul.pagination li a:hover {
border: 1px solid #1db0bb;
}
#content ul.pagination li.active a {
color:#ffffff;
border: 1px solid #1db0bb;
background-color:#1db0bb;
}
#content ul.pagination li.active a:hover {
}*/

/* MODUL Sitemap 
*********************
ul.sitemap {
}

#content ul.sitemap {
font-size:1.15em;
padding-top:10px;
text-transform:uppercase;
line-height:1.6em;
}
#content ul.sitemap ul,
#content ul.sitemap ul ul {
font-size:0.85em;
font-weight:normal;
padding-top:0;
}
*/