body {
    margin: 0;
    padding: 0;
    font-family: Verdana;
    font-size: 12px;
    color: #676767;
    background-color: #E5E5E5;
}
#bg {
   background-color: white;
   width: 100%;
}
a img { border: none; color: #1282c2}
#head,#shadowBottom,#footer {
    margin: 0;
    padding: 0;
    width: 100%;
}
#menuContainer,#image,#footerContainer,#main {
    width: 850px;
    margin: auto;
    
}
#footer {
    height: 79px;
    background: url(images/bottom.png) 0 0 repeat-x;
    font-size: 12px;
    padding-top: 65px;
}
#menu {
    padding-top: 60px;
    height: 43px;
}
#head {
    background: url(images/menu_top.png) 0 0 repeat-x;
}
#shadowBottom {
    background: url(images/menu_bottom.png) 0 0 repeat-x;
    height: 20px;
}
#image {
    height: 247px;
}
#logo {
    background: url(images/logo.png) 0 0 no-repeat;
    height: 43px;
    width: 185px;
    float: right;
    margin-right: 60px;
    margin-top: 30px;
}

#menu li a,#submenu li a {
    text-decoration: none;
    color: #959596;
    margin-right: 15px;
}
#submenu li a {
    font-size: 16px;
    padding: 5px;
    display: block;
}
#submenu li  {
    border-bottom: 1px solid #959596;
    width: 100%;
}
#menu li { float: left; }
#menu ul,#submenu ul { 
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#submenu {
    width: 250px;
    float: right;
    margin-top: 30px;
}

#imageContainer {
    position: absolute;
    width: 600px;
    overflow: hidden;
    
}
#imageContainer p {
    margin: 0;
    padding: 0;
}
#mainContainer { width: 580px; }
#mainContainer2 { width: 100%; }
#mainContainerRight { width: 580px; float:right; }

#contentRight {
    width: 250px;
    float: right;
}
#contentLeft {
    width: 200px;
    float: left;
}
div.clear {
    clear: both;
}
a.active {
    color: #1282C2 !important;
}
h1 {
    color: #A68A30;
    font-size: 14px;
}
h2 {
  font-size: 13px;
    color: #997811;
}
h3 {

}
a {
    color: #1282C2;
}

div.floatdiv {

}
.row1,.row2,.row3,.row4,.row5,.row6 {
    float: right;
    width: 32%;
    padding: 3px;
}
.row4 {
    float: left;
    clear: left;;
}
div.floatdiv .row1,div.floatdiv .row2,div.floatdiv .row3{ float: left; }
.referenzKlein img {
    
}
.referenzKlein p { 
    margin: 10px 0px 0px 170px;
    min-height: 90px;
}
.referenzKlein .fullText p{
    margin: 0;
}
.referenzKlein .ref-mehr{
    float: right
}
.referenzKlein {
    clear: left;
    background: url(images/referenzKlein.png) 0 0 repeat-x;
    background-color: #F2F2F2;
    padding-bottom: 0;
    margin: 0;
    cursor: pointer;
    margin-bottom: 10px;
}
.referenzKlein.active{
    cursor: default;
}
.referenzKlein .bg1{
    height: 100%;
    background: url(images/but_verlauf.gif) top right repeat-y;
}
.referenzKlein.active .bg2{
    background: url(images/but_open.gif) top right no-repeat;
}
.referenzKlein .bg2{
    height: 100%;
    background: url(images/but_closed.gif) top right no-repeat;
    padding: 10px 30px 10px 10px;
}
.fullText {
    padding-bottom: 20px;
}

.group .head{
	height: 22px;
	background: url(images/group_head.gif) top left repeat-x;
	padding: 4px 0 0 10px;
	cursor: pointer;
}
.group .openclose{
	width: 12px;
	height: 12px;
	float: right;
	margin: 2px 5px 0 0;
	background: url(images/group_open.gif) top left no-repeat;
}
.group.open .openclose{
	background: url(images/group_close.gif) top left no-repeat;
}

/*.active .showAll{
	display: none;
}*/
#imageContainer p.text {
    position: absolute;
    font-size: 18px;
}

.col1,.col2,.col3{
	float: left;
	width: 30%;
}

.col2,.col3{
	margin-left: 5%;
}

/*
  scrollable
*/

div.scrollable {
    position:relative;
    overflow:hidden;
    width: 750px;
    min-height:600px;
}
div.scrollable div.items {
    width:30000px;
    position:absolute;
}
div.scrollable div.items div.scrollable-item { float:left; width: 750px; height: 600px; overflow:hidden; }
ul.tabs {
    margin: 0;
    padding: 0;
    height: 20px;
    margin-top: 25px;
    color: #1282c2;
    margin-right: 15px;
    padding-left: 500px;
}
ul.tabs li {
    list-style-type: none;
    padding-left: 10px;
    padding-right: 10px;
    border-left: 1px solid #1282c2;
    font-size: 12px;
    cursor:pointer;
    height: 14px;
    float: left;
}
ul.tabs li.current {
    text-decoration: underline;
}
ul.tabs li:first-child {
    border-left: none;
    padding-left: 0px;
}
div.pane {
    height: 586px;
    width: 750px;
}

div.beschreibung {
    float: right !important;
    height: 400px !important;
    width: 300px !important;
    margin-right: 15px;
}
div.gal {
    float: left;
    width: 420px;
    height: 600px;
}
/* prev, next, prevPage and nextPage buttons */
a.browse {
	display:block;
	width:47px;
	height:47px;
	float:left;
	cursor:pointer;
	font-size:1px;
        margin-top: 200px;
}
div.image-big {
   height: 350px;
   width: 420px;
   padding: 10px;
   overflow: hidden;
   margin-top: -35px;
   text-align:center;
}
img.image-big {

    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in; 
    cursor: url('/tpl/images//lupe.cur'), pointer;
    
}
img.image-small {
    cursor:pointer;
    margin-right: 10px;
}

/* right */
a.right         { background: url(images/buttonRight.png) 0 0 no-repeat; }
a.right         { background-position: 0 0; clear:right; margin-right: 0px;}
a.right         { float: right;}
a.right:active { background-position: 0 0; }

/* left */
a.left         { background: url(images/buttonLeft.png) 0 0 no-repeat; }
a.left		{ margin-left: 0px; }

a.left:active  { background-position: 0 0; }
/* disabled navigational button */
a.disabled { visibility:hidden !important; }
 /* cartdetail */

 .logowand .logoliste div {
     float: left;
     height: 80px;
}
span.gold { color: #997811; }

.logodiv {
    width: 93px;
    text-align: center;
    margin: 20px;
}

.mainlogolist .logodiv {
    float: left;
    margin: 16px;
    height: 60px;
}
.kontaktFormular {
    float: left;
}
#inhalt .savebutton ,.kontaktFormular .savebutton {
    display: block;
    clear:both;
    float: left;
    margin: 6px 0;
    margin-left: 180px;
    background-color: white;
}
.kontaktFormular label {
    margin: 6px 0;
    clear: both;
    width:180px;
    float:left;
    clear:both;
    display:block;
}
#inhalt .formcontent,.kontaktFormular .formcontent {
    margin-top: 1px;
    float:left;
}
#inhalt textarea,#inhalt input,.kontaktFormular input{
    border: 1px solid #818181;
    width: 250px;
}
.kontaktFormular .checkbox{
    width: auto;
}
#inhalt button{
    border: 1px solid #818181;
}
.kontaktFormular textarea{
    width: 250px;
    height: 170px;
    border: 1px solid #818181;
}
.archiv .pages {
	width: 100%;
	text-align: center;
}