html, body {
	margin: 0;
         padding: 0;
         background-color: #fff;
         font-family: arial, helvetica, sans-serif;
         font-size: 100.01%;
         color: #333;
      	background-image: url(/cms/fileadmin/templates/hh-ll/bg_test.jpg);
         background-repeat: no-repeat;
         background-position: 500px -150px;
}

ul, li {
 	margin: 0;
         padding: 0;
         list-style-type: none;
}

.spacer-gif {
 	display: none;
}

img {
 	border: 0;
}

em, i {
	color: #1386BB;
	font-style: normal;
	font-weight:bold;
}
a, a:visited {
	color: #1386BB;
	font-style: normal;
	font-weight:bold;
}
a:hover {
	color: #CC0033;
	font-style: normal;
	font-weight:bold;
}


/* Structure */

.outerwrap {
         margin: 48px 0 48px 24px;
         width: 896px;
}

.topedge, .bottomedge {
 	height: 8px;
         width: 896px;
         background-image: url(/cms/fileadmin/templates/hh-ll/topedge.jpg) !important;
         background-image: none;
         background-repeat: no-repeat;
}

.bottomedge {
 	background-image: url(/cms/fileadmin/templates/hh-ll/bottomedge.jpg) !important;
         background-image: none;
         clear: both;
}

.leftedge, .contentwrap, .rightedge {


}

.leftedge {
 	background-image: url(/cms/fileadmin/templates/hh-ll/leftedge.png) !important;
         background-image: none;
         background-repeat: repeat-y;
}

.rightedge {
 	background-image: url(/cms/fileadmin/templates/hh-ll/rightedge.png) !important;
         background-image: none;
         background-repeat: repeat-y;
         background-position: 100% 0;

}

.contentwrap {
 	width: 880px;
         margin-left: 8px;
         position: relative;
         background-color: #f7f7f7;
}

.header {
 	width: 880px;
         height: 110px;
         background-image: url(/cms/fileadmin/templates/hh-ll/header1.jpg);
         background-position: 0 100%;
         background-repeat: no-repeat;
         background-color: #fff;
         position: relative;
}

#logo {
 	position: absolute;
         top: 14px;
         left: 8px;
         z-index: 50;
}

#claim {
 	position: absolute;
         right: 16px;
         top: 89px;
}

#adress {
 	font-family: trebuchet MS, arial, sans-serif;
         font-size: 11px;
         float: right;
         text-align: right;
         line-height: 12px;
         margin-right: 16px;
         margin-top: 4px;
}

#nav {
         float: left;
         width: 170px;
         background-image: url(/cms/fileadmin/templates/hh-ll/nav_bg.jpg);
         height: 500px;
         z-index: 1;
}


.content {
 	         
         width: 500px;
         float: left;       
         min-height: 550px;
         padding-top: 16px;
         overflow-x: hidden;
         padding-bottom: 24px;
}

div.csc-textpic-center {
	float: left;
	width: 210px
}

div.csc-textpic-imagerow {
	#padding-left: 70px;
	position: asolute 800px -150px;
}

div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
	margin-left: 0;
}


/* Navigation 1*/

#nav ul {
 	margin-left: 8px;
         margin-top: 60px;
         font-size: 0.8em;
}

#nav ul ul {
 	margin-top: 0;
         margin-left:0;
}

#nav li a {
	display: block;
        width: 128px;
        padding: 4px 8px;
        color: #1386BB;
        text-decoration: none;
        font-weight: bold;
}

#nav li li a {
 	padding-left: 16px;
         width: 120px;
}

#nav li a:hover {
 	background-color: #0099D7;
         color: #fff;
}



/* Contentstyles */

h1, h2, h3 {
 	margin: 0 0 8px 0;
         padding: 0;
         color: #1386BB;
         }


.content {
 	font-size: 0.8em;
}

h1 {
 	font-size: 1.4em;
}

h2 {
 	font-size: 1.3em;
}

h3 {
 	font-size: 0.9em;
}
h5 {
 	font-size: 1.6em;
 	color: #00CCFF;
 	margin-bottom: 12px;
 	margin-top: 12px;
 	}
h6 {
 	font-size: 1.4em;
 	color: #CC0033;
 	margin-bottom: 12px;
 	margin-top: 12px;
}
.csc-firstHeader {
font-size: 1.6em;
}

.content img {
 	float: left;
         border: 8px solid #fff;
         margin-right: 8px;
         margin-bottom: 8px;
}

.content p {
         margin-right: 16px;
}

.content ul {
       padding-left: 32px;
       margin-bottom: 12px;
}

.content li {
 	list-style-type: square;
}


/* Tabellen */

.contenttable {
 	font-size: 1em;
         border-collapse: collapse;
         margin-bottom: 12px;
}

.contenttable caption {
 	color: #fff;
         background-color: #0099ff;
         text-align: left;
         padding: 4px 8px;
         font-weight: bold;
}

.contenttable td, .contenttable th {
 	vertical-align: top;
         padding: 4px 8px;
         border-bottom: 1px solid #cecece;
}

/* TYPO defaults überschreiben */

div.csc-textpic img {
	border: 0;
}

dl.csc-textpic-image {
 	border: 8px solid #fff;
}

.csc-header {
	clear: both;
}

form fieldset {
	border: 0;
}

.csc-mailform-field label {
display: block;
float: left;
	width: 100px;
}



/* Galerien */

.lbgallery {
	border-top: 1px solid #1386BB;
	padding: 8px;
}

.lbgallery h3 {
	margin-top: -15px;
}

.lbgallery h3 span {
	background-color: #f7f7f7;
	padding: 0 4px;
	position: relative;
	z-index:1;
}

.lbgallery img {
	width: 80px;
	display: block;
	float: left;
	border-width: 2px;
}
#menu2 {
  padding:5px;
  margin:0px;
  overflow:hidden;
  height:30px;
  font-size: 0.8em;
 }


#menu2 li {
  list-style-type:none; 
  display:block; 
  float:left; 
  padding:0 10px; 
  border-right:1px solid #1386C3;
    
 }
 #menu2 a {
	color: #00CCFF;
        	text-decoration: none;
 }
 
 .bodytext {
margin-top: -5px;
}