/*
Lizenz:
Harald Kampen info@haral-kampen.de
Die private Nutzung ist frei.

Beschreibung der Elemente:
#page: Seitenrahmen zum zentrieren der Seite
#head: Kopfzeile

#spalten2: Rahmen für 2 Spalten
#spalten3: Rahmen für 3 Spalten

#sp1: Linke Spalte
#sp2: Hauptspalte bei 3 Spalten
#sp22: Hauptspalte bei 2 Spalten
.spd2: Klasse für beide Hauptspalten
*/

/* Gestaltung */

/* -- Schriften */

body {
font-size: 77%;
}

body, textarea, input, select, button {
font-family: verdana, sans-serif;
}

select, input, textarea {

font-size: 99%
}

blockquote {
background: #C3D8EE;
color: #000;
padding: 9px;
border: 1px solid #666;
}

#sp1 h2, .sp2 h2, .sp2 h3 {
font-family: arial, helvetica, sans-serif;
}

#head h1 {
font-size: 200%;
}

.sp2 h2 {
font-size: 170%;
}

.sp2 h3 {
font-size: 130%;
}

#sp3 .box, #footer {
font-size: 90%;
}

/* Links */

.sp2 a, #sp3 a, #footer a {
color: #009;
}

.sp2 a:visited, #sp3 a:visited, #footer a:visited {
color: #00c;
}

#sp1 a {
color: #cff;
}

#sp1 a:visited {
color: #9ff;
}

/* Sprungmarken */
#sprung, #sprung li {
display: inline;
}

#sprung a {
color: #fff;
padding-top: 4px;
}

#sprung a:hover, #sprung a:focus, #sprung .sprung {
color: #000;
}

/* Kopfzeile */

#head {
background: transparent;
color: #fff;
}

#head h1 a {
margin-top: 2px;
display: block;
height: 130px;
background: #42c1ac url(../../i/kopfbanner.gif) no-repeat 0 0;
}

#head h1 a span {
position: absolute;
top: -1000px;
}

#head2 {
position: absolute;
top: 6px;
text-align: right;
width: 950px;
padding: 0;
margin: 0;
background: transparent;
}

#head2 li {
display: inline;
padding: 0;
}

#head2 li a {
padding: 2px;
color: #ddd;
text-decoration: none;
}

/* -- Navigationselemente im Seitenkopf */

#head .nav {
display: block;
margin: 0;
padding: 12px 15px 24px 15px;
background: #42c1ac url(../../i/hg-header-nav.gif) no-repeat 0 0;
}

#head .nav li {
display: inline;
margin: 0;
padding: 0;

}

#head .nav a {
font-weight: bold;
padding: 6px 8px;
text-decoration: none;
background: transparent url(../../i/hg-header-nav-back.gif) repeat-y -2px 0;
color: #fff;
}

#head .nav a:visited {
color: #ddd;
}

#head .nav a:hover {
background: transparent url(../../i/hg-header-nav-hover.gif) repeat-y -6px 0;
color: #fff;
}

/* IE-Fix */

#head .printview  {
background: #42c1ac url(../../i/hg-header-nav.gif) repeat-y -2px 0 right top;
}

/* Spalten */

#spalten2 {
background: transparent url(../../i/hg-content2sp.gif) repeat-y 0 0;
color: #000;
}

#spalten3 {
background: transparent url(../../i/hg-content.gif) repeat-y 0 0;
color: #000;
}

#spalten_linie_oben2, #spalten_linie_oben3, #spalten_linie_unten2, #spalten_linie_unten3 {
overflow: hidden;
clear: both;
}

#spalten_linie_oben2 {
background: transparent url(../../i/hg-linie-oben2sp.gif) no-repeat 0 0;
height: 37px;
}

#spalten_linie_unten2 {
background: transparent url(../../i/hg-linie-unten2sp.gif) no-repeat 0 0;
height: 37px;
}

#spalten_linie_oben3 {
background: transparent url(../../i/hg-linie-oben.gif) repeat-y 0 0;
height: 37px;
}

#spalten_linie_unten3 {
background: transparent url(../../i/hg-linie-unten.gif) no-repeat 0 0;
height: 37px;
}

#sp1 {
background: #7A9FBC url(../../i/hg-content.gif) repeat-y 0 0;
color: #fff;
}

.sp2 {
margin: 5px 0;
}

#sp1 .box, #sp3 .box {
margin: 12px;
}

.sp2 .box {
margin: 12px 25px;
}

/* -- Navigation Spalte 1 */

#sp1 .nav, #sp1 .nav li, #sp1 .nav ul {
display: inline;
padding: 0;
}

#sp1 .nav a {
display: block;
background: transparent url(../../i/hg-content-nav1.gif) repeat-y 0 0;
color: #fff;
text-decoration: none;
padding: 8px 4px;
padding-left: 16px;
border-bottom: 2px solid ;
font-weight: bold;
margin: 0 1px;
font-size: 90%;
}

#sp1 .nav a:visited {
color: #eee;
}

#sp1 .nav a:hover {
background: transparent url(../../i/hg-content-nav-hover.gif) repeat-y 0 0;
color: #000;
}

#sp1 .nav ul a {
display: block;
background: transparent url(../../i/hg-content-nav2.gif) repeat-y 0 0;
color: #fff;
padding: 4px;
padding-left: 22px;
border-bottom: 2px solid #CFDAEC;
}

#sp1 .nav ul a:visited {
color: #ddd;
}

#sp1 .nav ul a:hover {
background: transparent url(../../i/hg-content-nav-hover.gif) repeat-y 0 0;
color: #000;
}

/* IE-Hack */
#sp1 form {
display: inline;
}

.searchinput {
margin: 3 0  0 12px;
width: 160px;
}

.searchsubmit {
vertical-align: bottom;
}

/* -- Text Spalte 1 */

#sp1 h2 {
padding: 4px;
padding-left: 12px;
font-size: 120%;
}

#sp1 .box h2 {
padding: 0;
}

/* -- Text Spalte 2 */

.sp2 h2 {
margin-bottom: 12px;
}

.sp2 h3, .sp2 h4, .sp2 h5, .sp2 h6, .sp2 table, .sp2 p, .sp2 blockquote, .sp2 ul, .sp2 ol, .sp2 dl  {
margin: 6px 0;
}

.sp2 li, .sp2 dt, sp2 dd {
margin-bottom: 6px;
}

.sp2 ul li, .sp2 ul {
padding: 0;
}

.sp2 ul li {
list-style-image: url(../../i/button4x4.gif);
padding-left: 4px;
margin-left: 14px;
}

.sp2 a {
color: #039;
}

.sp2 a:visited {
color: #666;
}

.sp2 a:hover {
color: #000;
}

.sp2 h3 a {
text-decoration: none;
}

.seiten {
text-align: right;
}

.seiten ul, .seiten li {
display: inline;
margin: 0 !important;
padding: 0!important;
}

.seiten li a, .seiten li span {
margin: 0 !important;
padding: 4px;
background: #C3D8EE;
text-align: center;
border: 1px solid #ccc;
}

.seiten li a {
background: #C3D8EE;
}

.seiten li span {
background: #fff;
}

.seiten hr {
height: 2px;
color: #C3D8EE;;
background: #C3D8EE;;
border-width: 0;
clear: both;
margin-bottom: 10px;
}

/* Fußzeile */

#footer {
padding: 15px;
margin-top:10px;
background: #42c1ac url(../../i/hg-header-nav.gif) no-repeat;
color: #fff;
text-align: center;

}

#footer * {
margin: 0;
}

/* Trawler CSS-Settings
1;.sp2;class
2;.sp2;class
/CSS-Settings*/