body{
background-color:#C3B29D;
color:#A59380;
text-align: center;
}

/**
* Eric Meyer's Reset stylesheet - http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
*/

html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:normal;
font-style:normal;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}

/* Neuer Farbwert Fließtext: #a59380; */
/* Alter Farbwert Fließtext: #c3b29d; */

/**
* Globale Layout-Kontrolle
*/

html, body { 
	font-family: helvetica, arial, tahoma, verdana, sans-serif; 
	font-size: 12px;
	border: 0px;
	height: 100%;
	width: 100%;
	margin: 0px;
	padding: 0px;
}

body{
	background-color: #c3b29d;
}

/* Einzelne Elemente einstellen */

#abstand {
	float: left;
	height: 50%;
	width: 1px;
	margin-bottom: -333px;
/* 	border: 1px solid red; */
}

#pageframe {
	position: relative;
	width: 968px;
	margin: auto;
	clear: left;
	height: 665px;
	
	/*background-color:#C3B29D;*/
/* 	border: 1px solid green; */
}

/*
body{
background-color: #a59380;
}

#pageframe{
position: absolute;
top: 50%;
left: 50%;
width: 968px;
height: 665px;
margin-top: -337px;
margin-left: -484px;
}

*/
#logo{
width: 114px;
height: 140px;
margin: 0 auto;
background-image: url("../img/logo.gif");
background-position: 0 29px;
background-repeat: no-repeat;
cursor: pointer;
}

#content{
position: relative;
width: 968px;
height: 480px;
margin: 0;
padding: 0;
background-color: #fff;
overflow: auto;
text-align: left;
}

#center .nav .light{
	color: #a59380;
}

.bold{
	font-weight: bold;
}

#left{
position: absolute;
top: 33px;
left: 39px;
width: 233px;
height: 405px;
/* border: 1px solid yellow; */
}

#center{
position: absolute;
top: 33px;
left: 334px;
width: 300px;
height: 405px;
/* border: 1px solid yellow; */
}

#center .img{
position: absolute;
bottom: 60px;
width: 100%;
text-align: center;

max-width: 300px;
overflow: hidden;
margin: 50px 0 0 0;

}

#center #navigator{
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
/* border: 1px solid red; */
}

#center #model{
position: relative;
border-bottom: 1px solid #a59380;
height: 320px;
}

#center #big_picture{
padding: 50px 0 0 0;
text-align: center;
/* border: 1px solid green; */
}

#center #collection_picture{
padding: 0 0 0 0;
/* ck: */
margin-top: 5px;
text-align: left;
	background-position: top left;
	background-repeat: no-repeat;
	background-image: url(../img/spacer1x1.gif);
	width: 300px;
	height: 266px;
}

#center #thumb_pictures{
position: absolute;
bottom: 10px;
left: -5px;
width: 100%;
/* border: 1px solid blue; */
text-align: center;
}

#center #thumb_pictures img{
margin: 0;
padding: 0;
width: 95px;
height: 60px;
}

#combined{
position: absolute;
top: 33px;
left: 334px;
width: 593px;
height: 405px;
/* border: 1px solid yellow; */
}

#right{
position: absolute;
top: 33px;
right: 39px;
width: 223px;
height: 405px;
/* border: 1px solid yellow; */
}

#right .top{
position: relative;
width: 211px;
padding: 0 10px 0 0;
margin: 32px 0 0 0;
/* border: 1px solid blue; */
}

#right .middle{
position: absolute;
bottom: 60px;
width: 211px;
margin: 0;
padding: 0 10px 0 0;
/* vertical-align: bottom; */
/* border: 1px solid green; */
}

#right .middle_tall{
position: absolute;
bottom: 15px;
width: 211px;
margin: 0;
padding: 0 10px 0 0;
/* vertical-align: bottom; */
/* border: 1px solid green; */
}
#wide{
position: absolute;
top: 33px;
left: 334px;
width: 620px;
height: 405px;

/* border: 1px solid yellow; */
}

#wide .top{
position: relative;
width: 611px;
height:50px;
padding: 0 10px 0 0;
margin: 32px 0 0 0;
}

/*#wide .middle{
position: absolute;
bottom: 60px;
width: 611px;
height:350px;
margin: 0;
padding: 0 10px 0 0;
overflow: auto;
}*/
#wide .middle{
position: relative;
border-bottom: 0px solid #a59380;
height: 320px;
width: 560px;
overflow: auto;
}

#wide .middle_tall{
position: absolute;
bottom: 15px;
width: 611px;
margin: 0;
padding: 0 10px 0 0;
}

#right .top .title,
#right .middle .title,
#right .middle_collection .title,
#wide .top .title,
#wide .middle .title,
#wide .middle_collection .title{
margin: 0 0 20px 0;
}

#right .top .title, #wide .top .title{
	font-size: 12px;
}

#right .middle .signature,
#right .middle_collection .signature,
#wide .middle .signature,
#wide .middle_collection .signature{
padding: 15px 0 0 0;
}

#right .bottom, #wide .bottom{
position: absolute;
bottom: 0;
width: 211px;
padding: 0 10px 0 0;
/* vertical-align: bottom; */
}

#right .bottom ul, #wide .bottom ul{
	list-style-position: inside;
	list-style-type: square;
}

#right .bottom ul li,
#wide .bottom ul li{
padding: 0;
margin: 12px 0 0 0;
}

#right .bottom ul li .middot,
#wide .bottom ul li .middot{
font-weight: bold;
color: #655240;
}

#right .bottom ul li a,
#right .bottom ul li a:link,
#right .bottom ul li a:active,
#right .bottom ul li a:visited,
#wide .bottom ul li a,
#wide .bottom ul li a:link,
#wide .bottom ul li a:active,
#wide .bottom ul li a:visited{
text-decoration: none;
background-color: white;
color: #a59380;
}
#right .bottom ul li a:before, #wide .bottom ul li a:before {
	/*content:" "url(../b_t1-img/spacer1x1.gif);*/
	/*content:".";*/
	/*content:"· ";*/
}

#right .bottom ul li a:hover{
color: #655240;
}

#footer{
position: relative;
width: 968px;
height: 45px;
}

#footer p{
position: absolute;
top: 15px;
right: 39px;
width: 223px;
}

/**
* Navigation
*/

/* Hauptmenü */

.nav{
list-style: none;
list-style-type: none;
list-style-position: outside;
}

#nav1{
width: 107px;
}

#nav1 li{
position: relative;
}

/*
#nav1 li:hover ol,
#nav1 li.over ol,

*/
#nav1 li.active ol{
display: block;
}

#nav1 li ol{
width: 130px;
position: absolute;
top: 0;
left: 109px;
display: none;
}

#nav1 li a {
display: block;
text-decoration: none;
background-color: white;
padding: 0;
margin: 0 0 18px 0;
}

/* Fix IE. Hide from IE Mac \*/
* html #nav1 li { float: left; }
* html #nav1 li a { height: 1%; }
/* End */
/* Submenü */

#nav2{
position: relative;
width: 300px;
margin: 33px 0 0 0;
/* border: 1px solid blue; */
}

#nav2 li p{
/* display: block; */
padding: 0;
margin: 0 0 18px 0;
}

#nav3{
width: 330px;
}

#nav3 li{
/* padding: 0 30px 0 0; */
padding: 0 29px 0 0;
display: inline;
}

/* Submenü */

#nav2{
position: relative;
width: 300px;
margin: 33px 0 0 0;
/* border: 1px solid blue; */
}
/*
#nav2 li p{
padding: 0;
margin: 0 0 18px 0;
}

#nav1 li.active #nav3{
width: 130px;
display: inline;
font-size: 11px;
padding: 0 5px 0 0;
margin: 0;
	float: none;
	clear: both;
	position:relative;
}

#nav1 li.active #nav3 li{
padding: 0 0px 0 0;
margin: 0;
display: inline;
font-size: 11px;
line-height:11px;
margin: 0;
}
#nav1 li.active #nav3 li a{
	padding: 0 0px 0 0;
margin: 0;
font-size: 11px;
line-height:11px;
margin: 0;
}
*/
/* CK Submenu */
#nav1 li a.n3first {
	padding: 0px 0px 5px 0;
	margin: 0;

}
#nav1 li.active li .kat3 {
	padding-bottom: 25px;
}
#nav1 li.active li .kat3 a{
	padding: 5px 0px 7px 0;
margin: 0;
font-size: 11px;
line-height:11px;
margin: 0;
}
#nav1 li.active li .active a{
}
#nav1 li.active li .inactive a{
	color: #a59380!important;
}
#nav1 li.active li .inactive a:hover{
	color: #655240!important;
}
/**
* Text-Styling
*/

body{
font-family: lucida grande,verdana,arial,helvetica,sans-serif;
font-size: 10px;
}

body a,
body a:link,
body a:active,
body a:visited{
font-size: 1em;
text-decoration: none;
color: #a59380;
}

body a:hover{
color: #655240;
}

.nav li,
.nav li a,
.nav li a:link,
.nav li a:active,
.nav li a:visited{
font-size: 12px;
text-decoration: none;
color: #a59380;
}

.nav li a:hover,
.nav li.active a,
.nav li.active a:link,
.nav li.active a:active,
.nav li.active a:visited,
.nav li.active a:hover,
.nav li.over a,
.nav li.over a:link,
.nav li.over a:active,
.nav li.over a:visited,
.nav li.over a:hover{
color: #655240;
}

#nav1 .nav li a,
#nav1 .nav li a:link,
#nav1 .nav li a:active,
#nav1 .nav li a:visited{
color: #a59380;
}

#nav1 .nav li.active a,
#nav1 .nav li.active a:link,
#nav1 .nav li.active a:active,
#nav1 .nav li.active a:visited,
#nav1 .nav li a:hover{
color: #655240;
}

#nav2 li{
color: #655240;
}

p.empty{
color: #F00;
}

#center #navigator a,
#center #navigator a:link,
#center #navigator a:active,
#center #navigator a:visited,
#center #navigator a:hover{
padding: 0 18px;
font-family: lucida grande,verdana,arial,helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
color: #655240;
}

#right .top p{
font-family: lucida grande,verdana,arial,helvetica,sans-serif;
color: #655240;
text-align: left;
}

#right .middle .title,
#right .middle_collection .title{
font-size: 12px;
color: #655240;
}

#combined h1{
font-size: 12px;
color: #655240;
text-align: left;
margin: 35px 0 20px 0;
padding: 0;
}

#combined h2{
font-size: 10px;
font-weight: bold;
color: #655240;
text-align: left;
margin: 15px 0;
padding: 0;
}

#combined p{
margin: 15px 0;
color: #a59380;
}

#right .middle .title h1,
#right .middle_collection .title h1{
font-size: 12px;
color: #655240;
text-align: center;
padding: 0 0 3px 0;
}

#right .middle .title h2,
#right .middle_collection .title h2{
font-size: 10px;
/* color: #a59380; */
color: #655240;
text-align: center;
padding: 0 0 3px 0;
}

#right .middle .body,
#right .middle_tall .body,
#right .middle_collection .body{
line-height: 16px;
color: #a59380;
}

#right .middle .signature,
#right .middle_collection .signature{
text-align: right;
color: #a59380;
}

#footer p {
font-size: 11px;
color: #655240;
}

#footer p a,
#footer p a:link,
#footer p a:active,
#footer p a:visited {
font-size: 11px;
text-decoration: none;
color: #655240;
}

#footer p a:hover {
text-decoration: underline;
}

/*  NEU von CK */
.title, h1, #right h1 {
	color:#655240;
	font-size:12px;
	margin:0 0 20px;
}

#content fieldset{
	margin: 30px 0 0 0;
	padding: 0 45px;
	background-color: #fff;
}
#content select{ 
/*border: 1px solid #a59380;*/
	/*font-size: 1em; */
	color: #655240;
	background-color: #fffdf9;
	margin: 0px 5px 2px 0px;
}
#content input{ 
border: 1px solid #a59380;
	font-size: 1em; 
	color: #655240;
	padding: 2px;
	background-color: #fffdf9;
	margin: 0px 0px 2px 0px;
}

#content label{
	color: #a59380;
}

#content .formkbfc input{
	margin: 0px 0px 2px 0px;
	padding: 2px;
	width: 200px;
	border: 1px solid #a59380;
	font-size: 1em;
	background-color: #fffdf9;
	color: #655240;
}
input.parsubmit, #content #right .body #formcheckout input{
	margin: 0px 0px 2px 0px;
	padding: 2px;
	border: 1px solid #a59380;
	font-size: 1em;
	background-color: #fffdf9;
	color: #655240;
	/*width: 100%;*/	
}
#content textarea{
	margin: 0px 0px 2px 0px;
	padding: 2px;
	border: 1px solid #a59380;
	font-size: 1em;
	font-family: lucida grande,verdana,arial,helvetica,sans-serif;
	background-color: #fffdf9;
	color: #655240;
}
#content select.shortselect {
	width: 200px; font-size: 1em;  margin: 0 0 5px 0; padding: 0;
}
#content #submitbutton{
	width: auto;
	border: 0;
	color: #FFFFFF;
	font-size: 1em;
	background-color: #a59380;
	cursor: pointer;
	margin: 5px 0 5px 0;
}
#content #formcheckout input {
	margin-bottom: 5px;
}
#content #submitbutton:hover{
	background-color: #c3b29d; 
}
.formerror, span.formerror input, .formerror textarea, .formerror select {
	background-color: #dcd8cc!important;
	border: solid 1px #920b11!important;
	margin: 2px!important;
	color: #920b11!important;
}
a.formerror {
	 background: none!important; border: none!important;
	 border-width: 0px;
}
.errortext {
	color: #920b11;
}
.infoi {
	background-color: #c3b29d;
	color: white;
	padding: 1px 5px 1px 5px;
	width: 12px;
	font-weight: bold;
}
.infoi:hover {
	background-color: #a59380;
}
#navtip { 
    display:none;
    background: transparent url(../img/jqtools/white_arrow_ck_mfb.png) no-repeat center top; 
    font-size:10px!important; 
    height:50px; 
    width:215px; 
    padding:25px 0px 5px 0px; 
    color: #655240; 
    position: absolute;
    z-index:1500;
    text-align: center;
}
#navtip_r { 
    display:none;
    background: transparent url(../img/jqtools/white_arrow_ck_mfb_r.png) no-repeat right; 
    font-size:10px!important; 
    height:35px; 
    width:202px; 
    margin-top: 5px;
    padding:8px 25px 0px 15px; 
    /*line-height: 2px;*/
    color: #655240; 
    position: absolute;
    z-index:1500;
    text-align: right;
    width:242px; 
    
}
#topteaser {
	position: relative;
	z-index: 2000;
	top:75px;
	left: 400px;
	cursor:pointer;
}

/* overlay jq tools */
/* the overlayed element */
div.overlay {
	
	/* growing background image */
	background-image:url(../img/jqtools/overlay/white.png);
	
	/* dimensions after the growing animation finishes  */
	width:600px;
	height:470px;		
	
	/* initially overlay is hidden */
	display:none;
	
	/* some padding to layout nested elements nicely  */
	padding:55px;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../img/jqtools/overlay/close2.png);
	position:absolute;
	right:5px;
	top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black */
div.overlay.black {
	background:url(../img/jqtools/overlay/transparent.png) no-repeat !important;
	color:#fff;
}

/* petrol */
div.overlay.petrol {
	background:url(../img/jqtools/overlay/petrol.png) no-repeat !important;
	color:#fff;
}

div.black h2, div.petrol h2 {
	color:#ddd;		
}


#overlay { 
    background-image:url(../img/jqtools/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
    display:none; 
} 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}
div.presse img {
	margin-bottom: 15px;
}
div.presse div.pressebild {
	height: 240px; width: 550px; overflow: hidden; margin-bottom: 7px;
}
div.presse div.quelle {
	margin-top: 5px; font-weight: bold;
}
#pressenavigator{
position: absolute;
bottom: 0px;
width: 100%;
text-align: center;
/* border: 1px solid red; */
}

#pressenavigator a,
#pressenavigator a:link,
#pressenavigator a:active,
#pressenavigator a:visited,
#pressenavigator a:hover{
padding: 0 18px;
font-family: lucida grande,verdana,arial,helvetica,sans-serif;
font-weight: bold;
text-decoration: none;
color: #655240;
}

