

* {
padding : 0;
margin : 0;
}
html {
min-height : 100.1%;
}
body {
margin : 0 auto;
background-color : #eee8ef;
background-image : url(img/hhg-beige.gif);
background-repeat : repeat-x;
background-position: 0 0;
font-family : Arial, Helvetica, Verdana, sans-serif;
width : 100%;

}
#rahmen {
position : relative;
width : 795px;
padding : 0;
margin : 0 auto;
background-image : url(img/hggg.jpg);
background-repeat : no-repeat;
background-position : top right;
border : 0;
text-align : center;
background-color : white;


}
#kopf {
text-align : left;
padding : 0;
border : 0;

height : 116px;
}
#logo {
border : 0;
padding : 0;
font-size : 11px;
padding-top: 25px;
padding-left : 30px;

text-decoration : none;
line-height: 18px;
height : 92px;

}

#logo h1 {
font-size : 12px;
color:black;
display : inline;

font-weight: normal;
}
#logo img {
float : left;



padding-right: 8px;
border : 0;
}
#kopfzeile {
position : absolute;
top: 15px;
right: 30px;
text-align : right;
font-size: 12px;
padding-top:10px;}

#kopfzeile a{
text-decoration : none;
color: black;
}
#kopfzeile a#deutsch {
padding-top:10px;
padding-left: 28px;
background-image : url(img/deu.png);
background-repeat : no-repeat;
background-position : bottom left;
}
#kopfzeile a#english {
padding-top:10px;
padding-left: 28px;
background-image : url(img/eng.png);
background-repeat : no-repeat;
background-position : bottom left;
}



#inhalt {
text-align : left;
line-height : 1.3em;
color : black;
font-size : 0.9em;
padding : 0;
padding-top : 110px;
padding-right: 30px;
padding-bottom: 100px;
padding-left : 202px;
margin : 0;
border : 0;
border-bottom : solid 2px #cc0066;
}
.boxgalerie {
clear:left; display: block;
}


.boxgalerie img {
float: left;
margin-right: 1em;
margin-bottom: 1em;
border:solid 1px #333333;
}
.boxgalerie a:hover img  {
border:solid 1px #cc0066;
}

.boxgalerie h1 a {
color: #333333;
text-decoration : none;
}


#fuss {
position : relative;
top: -13px;
text-align : left;
padding-top : 20px;
padding-right : 30px;
padding-bottom : 20px;
padding-left: 30px;
background-image : url(img/seit1991.gif);
background-repeat : no-repeat;
background-position : 30px 0;
}

#seit {
margin-top: 20px;
padding-bottom: 30px;
background-image : url(img/hotline.gif);
background-repeat : no-repeat;
background-position : bottom right;
}
#seit ul a:visited {
color: #cc0066;
text-decoration : none;
}

.box {
padding-bottom : 2em;
}

h1 {
font-size : 1.3em;
color: #333333;
font-weight : normal;
}

h2 {
font-size : 1em;
margin-bottom : 1em;
color : #cc0066;
border-bottom: solid 1px #333;
}


#seit h2 {

border-bottom:0px;
}
h3 {
font-size : 1.3em;
margin-top : 1.3em;
color: #333333;
font-weight:normal;
}

#hoch {
font-size : 1em;
color : #cc0066;
padding-bottom : 2em;
text-align : right;

}

#hoch a:link, #hoch a:visited, #hoch a:hover, #hoch a:focus, #hoch a:active {
color : black;
border-bottom : 3px solid #cc0066;
text-decoration : none;
}

#hoch a:visited {
color : black;
text-decoration : none;
}

#hoch a:hover, #hoch a:focus, #hoch a:active {
color : #cc0066;
border-bottom : 3px solid #cc0066;
text-decoration : none;
}
p {
margin-bottom: 2em;
}

p a:link, p a:visited, p a:hover, p a:focus, p a:active {
color : #cc0066;
font-weight : normal;
text-decoration : none;
}

p a:visited {
color : #cc0066;
font-weight : normal;
text-decoration: none;
}

p a:hover, p a:focus, p a:active {
color : #333333;
text-decoration : none;
}



#fuss h2, #fuss h2 strong {
color : #333333;
font-size: 0.95em;
font-weight : normal;
font-weight : 700;
}

#fuss ul {
padding-left: 165px;

}

#fuss li {
display: inline;
color: #cc0066;
font-size: 0.85em;
padding: 2px;

}
#fuss li a:link {
color: #cc0066;
text-decoration : none;
}


#fuss li a:visited {
color : #cc0066;
}
#fuss li a:hover, #fuss li a:focus, #fuss li a:active {
color : black;
text-decoration : none;
}

#info {
font-size: 65%;
}
#info p span {
display: inline;
}
#info span a{
color: black;
}

#navi {
clear : both;
text-align : left;
color : white;
background-color : #cc0066;
font-size : 0.75em;
font-weight : bold;
border-top: solid 1px white;
border-bottom: solid 1px white;
}

#navi li {
display : inline;

list-style-type : none;

}
#navi #start li {

display: block;
padding:0;
padding-top: 1px;
padding-left:32px;
margin:0;
margin-right : 93px;



}
#navi ul {
padding:0;
margin :0;
margin-top:5px;
margin-bottom: 5px;


}
#navi a:link, #navi a:visited, #navi a:hover, #navi a:focus, #navi a:active {
color : white;
text-decoration : none;
}

#navi a:visited {
color : white;
}

#navi a:hover, #navi a:focus, #navi a:active {
color : black;

}
#navi .active a {
color : #333333;

}

#ajaxmenu{
	position:absolute;
	top:116px;
	left:145px;
	width:776px;
	
	z-index:65;
background-color: #cc0066;
	
}
#inhalt ul {
margin-bottom: 1em;
}

#inhalt ul li {
list-style-type: none;
color: #333;
}

#liste ul li {
list-style-type: none;
padding-left: 1em;
background-image : url(img/pfeil.gif);
background-repeat : no-repeat;
background-position : 0px 6px;
color: #333;
}
#liste li .last{
border-bottom : 1px solid #333;
padding-bottom: 1em;
}
#liste li li .last {
border-bottom : 0px;
padding-bottom: 0px;
}

#inhalt ul li a:link, #inhalt ul li a:visited{
color: black;
line-height: 1.5em;

}
#inhalt ul li a:hover {
color: #cc0066;
}
#inhalt ul ul  {
padding-left: 1em;

}

#inhalt .subnavi ul li.active a:link, #inhalt .subnavi ul li.active a:visited{
color: #cc0066;
}

h4 {
font-size: 2em;
line-height: 1.7em;
color:#cc0066;

}
h6 {
font-size: 1.1em;font-weight: bold; margin-top: 1.4em;color:black
}

h6 a:link, h6 a:visited, h6 a:hover, h6 a:focus, h6 a:active {
color: black;
text-decoration: underline;

}
li h6{
padding:0; margin: 0.5em;margin-left:0; 
}
h6 a:hover, h6 a:focus, h6 a:active {
color:#cc0066;
}

ul li h6 a {
text-decoration : none;
}


#box {

margin-top:0;
}

#boxlinks {display: inline;
float : left; width: 280px;
}
#boxlinks h6 {
margin:0;
padding:0;
text-indent: 0pt;
}
#boxrechts h6{
display: inline;
margin-left: 0px;

}

fieldset {
border:0;
} 
fieldset label {
display : block;
}


textarea {
width : 100%;
}
label input{
width: 300px; display: block;
}
fieldset input .button {
width: 400px;
}


#tabelle {

}

#tabelle table  {
margin:0;
margin-bottom : 2em;
padding:0;
width: 100%;

}

.subnavi {
position: absolute;
top:270px;
left: 15px;
}
#inhalt .subnavi ul li, #inhalt .zurueck ul li {
list-style-type: none;
padding-left: 1em;
background-image : url(img/pfeil.gif);
background-repeat : no-repeat;
background-position : 0px 6px;
color: #333;
}
.zurueck a:link, .zurueck a:visited, .zurueck a:hover, .zurueck a:focus, .zurueck a:active {
color: #cc0066;
position: absolute;
left: 15px;
top: 180px;
padding-left: 1em;
}
.hoch {
text-align : right;

}

.hoch a {
color: #cc0066;text-decoration : none;
}

.minibild{

position : absolute; left: 470px;

}
h5 {
font-size: 1em;
margin-top: 1em;
margin-bottom :0;
padding-bottom: 0;
}


/* Styles fırs Formular */
form {
padding-top: 2em;
}
.errors {
color: #cc0066;
padding-bottom: 1em;
}
label {
position : absolute;
margin-bottom:1em;
}


input, select, textarea, submit {
position : relative; left: 100px;
width: 250px; margin-bottom : 1em;
}

form img {
margin-top: 10px;margin-left: 100px;margin-bottom : 1em;
}


span {
display : block;
}
.anschreibe span {display:inline;}

 /* Styles fırs login */

#WebLoginLayer0 h3 {
margin-top:0;
margin-bottom: 2em;}

#WebLoginLayer0 label, #WebLoginLayer0 input {
position:relative;top: 0;
}

#WebLoginLayer0 input {
position:relative;top: -1.5em;
}

#WebLoginLayer0 input.button {
margin-top: 1em;
width: 300px;
}
fieldset #vergessen {
display: inline;}
#vergessen label {
position : relative;}

noscript {
position: relative; top: 20px;color: red;
}
.print {display : inline;}

a.skip {
    position: absolute;
    left: -1000em;
    width: 20em;
}
span.preis{font-weight:bold; text-align:right;margin:0;padding:0;margin-bottom:0.5em;}
span.rotelinie {border-bottom: solid 1px #333333;}

/* Styles fuer BLOG */

.ditto_1blog h3 a, .ditto_info a, .ditto_link{
color:#cc0066;
}
.ditto_info {
font-size: 80%;
}

p.pages {
border: solid 1px #ddd;
padding: 5px;
margin-top: 1em;
}

p.pages span {
display:inline;
padding: 5px;

}


.ditto_page, .pages a {
padding: 5px;
}



/* KUERBIS_BLOG */

.anschreibe {
float:left; 
padding-bottom:0;
margin-bottom:0;
display:block;
width:100%;
}
.anschreibe p {
padding-bottom:0;
margin-bottom:0;
}
.anschreibe .an-bild .thumbscontainer .thumbs {
width: 92px;float:left;
padding:0; margin:0;

}
.an-bild .thumbs img.thumbnail {margin-top: 4px;
padding-bottom: 0;margin:0;border: solid 1px black;
}

.ditto_1blog {
clear:both;
margin-bottom: 1em;
display:block;
min-height:100px;
}
.ditto_1blog .anschreibe {
margin-bottom: 2em;
}
.jot-form label {



}
.jot-form textarea, .jot-form input {
width: 400px; padding:0; margin:0;}

.jot-form h3 .rot {
margin-bottom: 3em;height: 2em;}
#inhalt #kommentare h3.rot{ clear:both;display:block;text-decoration: none;}

#inhalt #kommentare h3.rot a:link ,#inhalt #kommentare h3.rot a:visited, .guestbook_contact a:link {
color:#cc0066;text-decoration:none;
}

#inhalt #kommentare h3.rot a:hover , .guestbook_contact a:hover {
color: #333;}

#kommentare fieldset .jot-form label {width: 120px;
}
.jot-form input { margin-bottom: 8px;}
.jot-form #vericode {width: 146px;}
.jot-form #submit {width: 152px;color:#cc0066;}
.jot-form #publishemail {width: 20px;}
.jot-form span{ display:block;width: 120px;}
