/* General
=============================================== */
body {
	margin: 0;
	padding: 0;
	background-color: #fff0e8;
}

p {
	margin: 13px 0 0 0;
	padding: 0;
}

h1 {
	margin: 0;
	padding: 13px 0 0 0;

	font-family: verdana,arial,sans-serif;
	font-size: 16px;
	line-height: 24px;
}
h2 {
	margin: 0;
	padding: 13px 0 0 0;
	font-family: verdana,arial,sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 24px;
}

a {
	color: #d80028;
	text-decoration:none;
}

a:hover,a:focus,a:active {
	text-decoration:underline;
}

img {
	border: none;
}

input, textarea, select {
 	width: 300px;
 	
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #333333;

	background-color: #dbdde0;
	border: 1px solid #babdc3;
	padding: 1px;
	margin: 2px 2px 1px 0;
	
	position: relative;
	top: -2px;
}
input.submit {
 	width: auto;
}
input#plz {
	width: 5em;
}
input#ort {
	width: 235px;
}

div.tr {
	clear: left;
}
.input {
	float: left;
}

.required {
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: #d80028;
}


/* Page Structure
=============================================== */
/* IE box model bug messes with layout; therefore introduce extra border div */
#pagewidth {
	width: 800px;

	margin: 20px 30px 20px 30px;
	padding: 0;
	border: 1px solid #cdcdcd;
}
/* IE box model bug messes with layout; therefore introduce extra border div */
#pageborder {
}
#page {
	margin: 0;
	padding: 0;

	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #333333;

	background-image: url(gfx/leiste.gif);
	background-repeat: repeat-y;
	background-position: 108px 0;
}

#main {
	margin: 0 0 0 161px;
	padding: 0 0 0 15px;
}
#dressformlft {
	position: absolute;

	top: 189px;
	left: 192px;
	width: 205px
	height: 402px;

	background-image: url(gfx/dressform_lft2.gif);
	background-repeat: no-repeat;
}
#dressformrgt {
	position: absolute;

	top: 178px;
	left: 627px;
	width: 205px
	height: 402px;

	background-image: url(gfx/dressform_rgt2.gif);
	background-repeat: no-repeat;
}

#head {
	height: 88px;

	background-image: url(gfx/kitty-foehring_logo.gif);
	background-repeat: no-repeat;
	background-position: 0 13px;
}

#cont {
	margin: 0;
	padding: 22px 79px 30px 9px;

	background-image: url(gfx/mirror.gif);
	background-repeat: repeat;

	border-bottom: 1px solid #cdcdcd;

	/* min-height */
	/* for understanding browsers */
	min-height: 429px;
	height: auto;
}
/*\*/
* html #cont {
	/* min-height */
	/* for Internet Explorer */
	height: 429px;
}

#brdrgt {
	background-image: url(img/visleiste.jpg);
	background-repeat: repeat-y;
	background-position: 557px 1px;
}
#brdrgt.kf {
	background-image: url(img/ki2.jpg);
}

#foot {
	height: 26px;
	margin: 5px 0 0 0;
}

#navi {
	position: absolute;
	top: 21px;
	left: 31px;

	width: 160px;
	margin: 125px 0 0 0;
	text-align: right;
}

#nav2 {
	position: absolute;
	top: 473px;
	left: 31px;

	width: 160px;
	margin: 100px 0 0 0;
	text-align: right;
}


/* Main Navigation
=============================================== */
/* primary nav items */
#navi ul {
	list-style-type: none;
	list-style-position: outside;
	display: block;

	margin: 0;
	padding: 0;
}
#navi ul li {
	background-image: url(gfx/leiste_item.gif);
	background-repeat: no-repeat;
	background-position: 108px 6px;
}
#navi ul li.actpri {
	margin: 0;
	padding: 0;

	background-image: url(gfx/leiste_active1.gif);
	background-repeat: no-repeat;
	background-position: 108px 0;
}
#navi ul li a {
/**/
	display: block;
	width: 100px;
/**/
	margin: 0 61px 0 0;
	padding: 0;

	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	color: #d80028;
}

/* secondary nav items */
#navi ul li ul {
	margin: -2px -16px -7px 0;
	padding: 0 0 10px 0;
}

#navi ul li.actpri ul {
/*
	background-image: url(gfx/leiste_active1.gif);
	background-repeat: no-repeat;
	background-position: 108px 0;
*/
}

#navi ul li ul li {
	margin: 0 0 -11px 0;
	padding: 0 0 11px 0;

	background-image: url(gfx/leiste_active2.gif);
	background-repeat: no-repeat;
	background-position: 108px 0;
}
#navi ul li ul li a {
/**/
	display: block;
	width: 131px;
/**/
	margin: 0 45px 0 0;
	padding: 0;

	font-size: 11px;
	font-weight: normal;
	line-height: 20px;
}
#navi ul li ul li.actsec a {
	color: #333333;
/*
	color: #d80028;
*/
}

/* Additional Navigation
=============================================== */
#nav2 ul {
	list-style-type: none;
	list-style-position: outside;
	display: block;

	margin: 0;
	padding: 0;
}
#nav2 ul li {
	margin: 0;
	padding: 0;

	background-image: url(gfx/leiste_item.gif);
	background-repeat: no-repeat;
	background-position: 108px 0;
}
#nav2 ul li a {
	display: block;
	width: 100px;

	margin: 0 61px 0 0;
	padding: 0;

	font-size: 11px;
	font-weight: normal;
	line-height: 13px;
	color: #d80028;
}


/* Content
=============================================== */

/* layout 1: dressform on the left */
img.dfl {
	float: left;
	clear: left;
	margin: 0 1em 0 0;
	padding: 0;
}

/* layout 2: dressform on the right */
img.dfr {
	float: right;
	clear: right;
	margin: 0 0 0 1em;
	padding: 0;
}
img.dfr2 {
	float: right;
	margin: 0 0 0 1em;
	padding: 0;
}

/* layout 3: dress reference */
div#reftxt {
	width: 400px;
	height: 138px;
}

img.refbig {
	position: absolute;
	top: 109px;
	left: 624px;
	border: 1px solid #cccccc;
	
	clear: both;
}

div#reflft {
	position: absolute;
	top: 270px;
	left: 207px;

	width: 274px;
	height: 158px;
}
div#reflft img {
	float: left;
	width: 136px;
	height: 158px;

	margin: 0 8px 0 0;
	border: 1px solid #cccccc;
}
div#reflft p {
	position: absolute;
	bottom: 6px;
	left: 147px;

	width: 120px;
	text-align: left;
}

div#refrgt {
	position: absolute;
	top: 431px;
	left: 210px;

	width: 274px;
	height: 158px;
}
div#refrgt img {
	float: right;
	width: 136px;
	height: 158px;

	margin: 0 0 0 8px;
	border: 1px solid #cccccc;
}
div#refrgt p {
	position: absolute;
	bottom: 6px;
	right: 147px;

	width: 120px;
	text-align: right;
}

/* layout 4: references layout: overview */
#posimg img {
	width: 136px;
	height: 158px;
}
img#pos00 {
	position: absolute;
	top: 110px;
	left: 208px;
}
img#pos01 {
	position: absolute;
	top: 110px;
	left: 347px;
}
img#pos02 {
	position: absolute;
	top: 110px;
	left: 486px;
}
img#pos03 {
	position: absolute;
	top: 110px;
	left: 625px;
}
img#pos04 {
	position: absolute;
	top: 110px;
	left: 764px;

	width: 67px;
}

img#pos10 {
	position: absolute;
	top: 271px;
	left: 208px;
}
img#pos11 {
	position: absolute;
	top: 271px;
	left: 347px;
}
img#pos12 {
	position: absolute;
	top: 271px;
	left: 486px;
}
img#pos13 {
	position: absolute;
	top: 271px;
	left: 625px;
}
img#pos14 {
	position: absolute;
	top: 271px;
	left: 764px;

	width: 67px;
}

img#pos20 {
	position: absolute;
	top: 432px;
	left: 208px;
}
img#pos21 {
	position: absolute;
	top: 432px;
	left: 347px;
}
img#pos22 {
	position: absolute;
	top: 432px;
	left: 486px;
}
img#pos23 {
	position: absolute;
	top: 432px;
	left: 625px;
}
img#pos24 {
	position: absolute;
	top: 432px;
	left: 764px;

	width: 67px;
}



div.clear {
/**/
	margin-top:-1px;
/**/
	clear:both;
	height:1px;
	overflow:hidden;
}
div.heightspacer {
	height:429px;

	float:right;
	width:1px;
	clear:right;
}