/* Looren Styles */

/* BASICS, nicht ändern */
body {background-color:#454545; color:#fff;}
body, h1, h2, h3, h4, h5, h6, div, p, table, th, td, ul, ol, li, dd, dt, dl, blockquote, address, hr, pre {
 margin:0; padding:0; border:none;
 font-weight:normal; font-style:normal;
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px;
}

/* ============================================================================= */

/* CONTAINER / LAYOUT */
html, body {height:100%; min-height:100.1%;}
/* zentrieren */
body {text-align:center;}

/* Inhalt + Navi-Box */
#tebox {
 height:100%; min-height:100%;
 width:980px;
 margin:0px auto;
 text-align:left;
 color:#000;
 background:url(images/bgnavi.gif) repeat-y left #fae7d6;
}
html>body #tebox {height:auto;}

/* Sprachnavi + Logo */
#tehead {margin-left:220px; height:125px; border-bottom:1px solid #b8c2c0;}

/* Inhalt */
#tecontent {margin-left:250px; margin-top:19px; width:700px;}
html>body #tecontent {margin-top:30px;}

/* ============================================================================= */

/* INHALTELEMENTE */

/* Titel */
h1,h2,h3,h4,h5,h6 {font-weight:bold; margin:11px 0;}
h1 {font-size:14px;}
h2 {font-size:12px;}

/* Bilder Linkrahmen entfernen */
img {border:none;}

/* Textblöcke + Listen */
p {margin:11px 0;}
#tehead p {text-align:center; padding:50px 0 25px 0; margin:0;} /* Logo */
html>body #tehead p {padding-top:25px;}
html>body #tehead p {padding-top:53px;}
address {margin:11px 0;}
ul {list-style-type:square; margin-left:15px; padding-left:0;}

/* Links */
a:link, a:visited, a:active, a:focus {color:#000; text-decoration:underline;}
a:hover {color:#000; text-decoration:none;}

/* Anker nicht formatieren */
a[name]:link, a[name]:visited, a[name]:hover, a[name]:active, a[name]:focus {
 color:#000;
 background-color:transparent;
 text-decoration:none;
}

/* ============================================================================= */

/* FORMULARE */
label {cursor:pointer;}

/* ============================================================================= */

/* NAVI */

/* Hintergrund (Box) */
#listmenu0, #nav2, #nav3, #nav4 {
 float:left;
 width:220px; /* IE */
 padding:0; margin:0;
 background-color:#797979; color:#fff;
}
#nav2, #nav3, #nav4 {
 clear:left;
 margin-top:20px;
}

/* Listenpunkte entfernen, Innenabstand 0 */
#listmenu0, #listmenu1, #listmenu2, #listmenu3, #listmenu4, #nav2, #nav3, #nav4 {list-style-type:none; padding-left:0;}

/* Abstand einzelne Elemente, Schrift fett */
#listmenu1, #listmenu2, #listmenu3, #listmenu4 {margin:8px 0 0 0;} /* Untermenus */
#listmenu0 li, #listmenu1 li, #listmenu2 li, #listmenu3 li, #listmenu4 li, #nav2 li, #nav3 li, #nav4 li  {margin-bottom:8px; font-weight:bold;}

/* Links */
#listmenu0 a:link, #listmenu0 a:visited, #listmenu0 a:active, #listmenu0 a:focus,
#nav2 a:link, #nav2 a:visited, #nav2 a:active, #nav2 a:focus,
#nav3 a:link, #nav3 a:visited, #nav3 a:active, #nav3 a:focus,
#nav4 a:link, #nav4 a:visited, #nav4 a:active, #nav4 a:focus {color:#fae7d6; text-decoration:none;}
#listmenu0 a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover {color:#fff; text-decoration:none;}

/* Pfeile */
#listmenu0 li, #listmenu1 li, #listmenu2 li, #listmenu3 li, #listmenu4 li, #nav2 li, #nav3 li, #nav4 li {
 background:url(images/n.gif) no-repeat; /* IE */
}
#listmenu0 li, #listmenu1 li, #listmenu2 li, #listmenu3 li, html>body #listmenu4 li, #nav2 li, #nav3 li, #nav4 li {
 background:url(images/nactive.gif) no-repeat; /* alle ausser IE */
}
#listmenu0 li, #nav2 li, #nav3 li, #nav4 li {margin-left:30px; padding-left:10px;}
#listmenu1 li, #listmenu2 li, #listmenu3 li, #listmenu4 li {margin-left:0;}

#listmenu0 a, #listmenu1 a, #listmenu2 a, #listmenu3 a, #listmenu4 a, #nav2 a, #nav3 a, #nav4 a {
 padding:0 0 0 10px;
 margin-left:-10px;
}
html>body #listmenu0 a, html>body #listmenu1 a, html>body #listmenu2 a, html>body #listmenu3 a, html>body #listmenu4 a, html>body #nav2 a, html>body #nav3 a, html>body #nav4 a {
 background:url(images/n.gif) no-repeat; /* alle ausser IE */
}
/* alle ausser IE */
html>body #listmenu0 a:hover, html>body #listmenu0 a:active, html>body #listmenu0 a:focus,
html>body #listmenu1 a:hover, html>body #listmenu1 a:active, html>body #listmenu1 a:focus,
html>body #listmenu2 a:hover, html>body #listmenu2 a:active, html>body #listmenu2 a:focus,
html>body #listmenu3 a:hover, html>body #listmenu3 a:active, html>body #listmenu3 a:focus,
html>body #listmenu4 a:hover, html>body #listmenu4 a:active, html>body #listmenu4 a:focus,
html>body #nav2 a:hover, html>body #nav2 a:active, html>body #nav2 a:focus,
html>body #nav3 a:hover, html>body #nav3 a:active, html>body #nav3 a:focus,
html>body #nav4 a:hover, html>body #nav4 a:active, html>body #nav4 a:focus
{background:url(images/nactive.gif) no-repeat;}

/* ============================================================================= */

/* EDITLAND-EIGENE KLASSEN */
.small {font-size:10px;}
.tsmall {font-size:9px;}
.tmiddle {font-size:12px;}
.tbig {font-size: 14px;}

/* ============================================================================= */

/* SPRACHMENU */

/* keine Abstände */
#tehead ul {margin:0; padding:0;}

/* horizontal ausrichten, Listenpunkte entfernen, Breite bestimmen, Abstände */
#tehead li {display:inline; list-style-type:none; width:213px; margin-right:30px; text-align:center; padding:10px 0; float:left;}
#tehead span {float:left; width:213px; margin:0 30px 0 27px; text-align:center; padding:10px 0;}
html>body #tehead span {margin-left:30px;}

/* Hintergründe + Schriftfarbe */
.cpsldeutsch {background-color:#4d9eac;}
.cpslfrancais {background-color:#91a5a1;}
.cpslenglish {background-color:#6c9b8a;}
.cpsldeutsch a:link, .cpsldeutsch a:visited, .cpsldeutsch a:active, .cpsldeutsch a:focus,
.cpslfrancais a:link, .cpslfrancais a:visited, .cpslfrancais a:active, .cpslfrancais a:focus,
.cpslenglish a:link, .cpslenglish a:visited, .cpslenglish a:active, .cpslenglish a:focus {
 color:#fff;
 font-weight:bold;
 text-decoration:none;
}
.cpsldeutsch a:hover, .cpslfrancais a:hover, .cpslenglish a:hover {color:#fae7d6;}
/* ============================================================================= */

/* CP-FORMHANDLER */

/* AUSGABE-/FOLGESEITE */

#cpfht th {
 text-align:left;
 vertical-align:top;
 padding:5px 10px 5px 0;
}
#cpfht td {
 text-align:left;
 vertical-align:top;
 padding:5px;
}

/* FORMULAR */

/* Layout-Tabelle Zeilen und Zellen */
#cpfh tr, #cpfh td {
 color:#000;
 text-align:left; /* Textausrichtung links */
 vertical-align:top; /* Textausrichtung oben */
 padding:5px; /* Innenabstand */
}

/* fieldset (kommt dann zum Einsatz, wenn das Formular in verschiedene Abschnitte gegliedert wurde = Abschnitt) */
#cpfh fieldset {
 margin:11px; /* Aussenabstand zum nächsten Abschnitt */
 padding:5px; /* Innenabstand zum Abschnitt-Inhalt */
 border:1px solid #b8c2c0; /* Rahmen um den Abschnitt */
}

/* legend (kommt dann zum Einsatz, wenn das Formular in verschiedene Abschnitte gegliedert wurde und für die
   Abschnitte eine Überschrift gewählt wurde = Überschrift Abschnitt)
*/
#cpfh legend {
 margin:4px; /* Aussenabstand zwischen Überschrift und Abschnitt */
 padding:4px; /* Innenabstand zu Überschrift Text */
 border:1px solid #000; /* Rahmen um die Überschrift */
 background-color:#cdd5d3; /* Hintergrundfarbe für die Überschrift */
 color:#000; /* Schriftfarbe */
 font-weight:bold; /* Schriftart fett für den Text der Überschrift */
}

/* alle label (Bezeichnungen zu Feldern) */
#cpfh label {
 cursor:pointer; /* macht aus dem Cursor eine Hand, damit gleich ersichtlich ist, dass bei Klick auf das label das dazugehörige Feld aktiviert wird */
}

/* label (Bezeichnungen zu Feldern) bei Muss-Feldern */
#cpfh .cpfhmustlabel {
 font-weight:bold; /* fette Schrift */
}

/* alle Felder */
#cpfh input, #cpfh textarea, #cpfh select  {
 color:#000;
 font-family:"Courier New", Courier, monospace;
 background-color:#fff;
 margin-right:5px;
 padding:2px;
 width:400px;
 border:solid 1px gray;
}

/* textarea Höhe */
#cpfh textarea {
 height:7em;
}

/* Felder kleiner */
#cpfh .cpfhmiddle {
 width:175px; /* Breite */
}

/* Felder ganz klein */
#cpfh .cpfhsmall {
 width:100px; /* Breite */
}

/* textarea small */
#cpfh textarea.cpfhsmall {
 width:400px; height:4em;
}

/* select/dropdwon */
#cpfh select {
 width:175px; /* Breite für die Auswahlbox */
 padding:0; /* Innenabstand zu Text wieder zurücksetzen, wenn bei #cpfh input... ein Innenabstand gemacht wurde */
}

/* alle Felder, wenn Cursor im Feld ist (funktioniert in Internet Explorer nicht) */
#cpfh input:focus, #cpfh textarea:focus, #cpfh select:focus {
 background-color:#e2e2e2; /* Hintergrundfarbe */
 color:#000; /* Textfarbe */
}

/* Muss-Felder */
#cpfh .cpfhmust {
 background-color:white;
 border:solid 1px gray;
}

/* Felder Radiobuttons und Checkboxes */
#cpfh .cpfhbox {
 border:none; /* Rahmen entfernen, falls bei #cpfh input... oder bei #cpfh .cpfhmust ein Rahmen gemacht wurde */
 margin-right:5px; /* Abstand zum Text neben den Radiobuttons/Checkboxes */
}

/* Sende-Button */
#cpfh .cpfhbutton {
 border-top:1px solid #000; /* Rahmen oben */
 border-right:2px solid #000; /* Rahmen rechts */
 border-bottom:2px solid #000; /* Rahmen unten */
 border-left:1px solid #000; /* Rahmen links */
 color:#fff; /* Schriftfarbe */
 background-color:#6c9b8a; /* Hintergrundfarbe */
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; /* Schriftart */
 font-weight:bold; /* Schrift fett */
}
#cpfh input.cpfhbutton {cursor:pointer;} /* Cursor als Hand beim Sende-Button */

/* Button, Felder Radiobuttons und Checkboxen Breite wieder zurücksetzen, falls Breite für Felder angegeben wurde */
#cpfh .cpfhbutton, #cpfh .cpfhbox {
 width:auto;
}

/* Newsletter */

/* label */
#tecpnl label, #tecpnl .cpnlrd {
 display:block;
 float:left;
 width:120px;
 margin-top:5px;
}

/* Angaben für das Input-Feld */
#tecpnl input, #tecpnl textarea, #tecpnl select {
 color:#000;
 font-family:"Courier New", Courier, monospace;
 background-color:#fff;
 padding:2px;
 width:400px;
 border:solid 1px gray;
 margin:5px;
}

/* textarea Höhe */
#tecpnl textarea {
 height:7em;
}

/* alle Felder, wenn Cursor im Feld ist (funktioniert in Internet Explorer nicht) */
#tecpnl input:focus, #tecpnl textarea:focus, #tecpnl select:focus {
 background-color:#e2e2e2; /* Hintergrundfarbe */
 color:#000; /* Textfarbe */
}

/* Sende-Button */
#tecpnl .tecpnlbutton {
 border-top:1px solid #000; /* Rahmen oben */
 border-right:2px solid #000; /* Rahmen rechts */
 border-bottom:2px solid #000; /* Rahmen unten */
 border-left:1px solid #000; /* Rahmen links */
 color:#fff; /* Schriftfarbe */
 background-color:#6c9b8a; /* Hintergrundfarbe */
 font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; /* Schriftart */
 font-weight:bold; /* Schrift fett */
}
#tecpnl input.tecpnlbutton {cursor:pointer;} /* Cursor als Hand beim Sende-Button */

/* Button, Felder Radiobuttons und Checkboxen Breite wieder zurücksetzen, falls Breite für Felder angegeben wurde */
#tecpnl .tecpnlbutton, #tecpnl .cpnlcb {
 width:auto;
}