/* ====================================== Globale Formate ========================================== */

body, html {
	height: 100%;
}

body	{
	margin: 0; padding: 0;
	background: #ececed;
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 83%;
	color: #000;
	text-align: center;
}

img {border: 0px;}
div, ul, li {margin: 0; padding: 0;}

#content-box a:link		{color: #FFF; text-decoration: underline;}
#content-box a:visited 	{color: #E2E2E2; text-decoration: underline;}
#content-box a:active, #content-box a:hover, #content-box  a:focus	{color: #D3AE94; text-decoration: underline;}

/* ========================================== DIVs ============================================== */
#main-container {
	width: 774px;
	text-align: left;
 	margin: auto;
}

#header {
	width: 774px;
	float: left;
	display: inline;
	height: 123px;
	background: url(../gfx/bg_head.jpg) no-repeat;
	margin: 20px 0 0 0;
}	

#subnav {
	width: 774px;
	height: 29px;
	float: left;
	display: inline;
	margin: 0px;
	background: url(../gfx/bg_subnav.gif) no-repeat;
}

#content-container {
	width: 774px;
	float: left;
	display: inline;
	background: url(../gfx/bg_main.gif) repeat-y;
}

#content-box {
	width: 600px;
	float: left;
	display: inline;
	margin: 0px 0px 0px 174px;
	min-height: 417px;
	background: url(../gfx/bg_content-box.jpg) bottom left no-repeat #727272;
}

/* IE HACK */
* html #content-box {
	height: 418px;
}

#nav {
	width: 174px;
	float: left;
	display: inline;
	margin: 0 0 0 -774px;
	padding: 0;
}

#footer {
	width: 774px;
	line-height: 213%;
	float: left;
	display: inline;
	background: url(../gfx/bg_footer.gif) no-repeat;
	padding-bottom: 20px;
}


.img-box-r {
	float: right;
	width: 300px;
	display: inline;
	overflow: hidden;
	height: 300px;
	margin: 0; padding: 0;
	background: #B08161;
}

.img-box-l {
	float: left;
	overflow: hidden;
	display: inline;
	width: 300px;
	height: 300px;
	margin: 0; padding: 0;
	background: #B08161;
}

.img-box-l img {
	float: left; display: inline; margin: 0; padding: 0; border: 0;
}

.img-box-r img {
	float: left; display: inline; margin: 0; padding: 0; border: 0;
}

.imageContainer img {
	border: none;
}

/* dynamicImage Styles */
.imageContainer img {
	border: none;
}

/* schließen Button im Bild */
#closeit {
	z-index: 10; position: absolute; top: 10px; right: 10px;
	width: 15px; height: 15px; 
	background: url("../gfx/closeit.gif"); 
	font-size: 1px; line-height: 0;  
	cursor: pointer;
}


.txt-box-r {
	width: 300px;
	height: 300px;
	float: right;
	overflow: hidden;
	display: inline;
	margin: 0;
	padding: 0;
}

.txt-box-l {
	width: 300px;
	height: 300px;
	overflow: hidden;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}


/* ====================================== Navigation ================================================= */

/* Trenner zwischen Men & Women */

#nav-top-women {
	background: url(../gfx/img_women.gif) no-repeat;
	height: 27px;
	width: 174px;
	float:left;
	display: inline;
	margin: 10px 0 0 1px;
}

#nav-top-men {
	background: url(../gfx/img_men.jpg) no-repeat;
	height: 27px;
	width: 174px;
	float:left;
	display: inline;
	margin: 10px 0 0 1px;
}

/* Listen menü */

#nav ul {
	margin: 0 0 0 1px;
	padding: 0;
	font-size: 100%;
}

#nav ul li {
		float:left;
		list-style: none;
		margin: 0;
		padding: 0;
}

#nav ul li a, #nav ul li a:visited 	{
		width: 173px;
		display: block;
		text-indent: 11px;
		padding: 0px;
		color: #343434;
		font-weight: normal;
		font-size: 84%; 
		line-height: 213%;
		text-decoration: none;
		background: #D6D6D6;
		margin-bottom: 3px;
}

#nav ul li a:hover, #nav ul li a:active, #nav ul li a:focus {
		text-decoration: bold;
		color: #000;
		background: #DCDCDC;
}

#nav ul li #active_menu {
		font-weight: bold;
		color: #000;
}

#nav ul ul {
	margin: 0;
}

#nav ul ul li a, #nav ul ul li a:visited {
		background-color: #d6d6d6;
		text-indent: 24px;		
		background: url(../gfx/bg_liste.gif) no-repeat #e9e9ea left center;
		margin-bottom: 2px;
}

#nav ul ul li #active_menu {
		font-weight: bold;
		color: #000;
		background: url(../gfx/bg_liste_neg.gif) no-repeat #e9e9ea;
}

#nav ul ul li a:active, #nav ul ul li a:hover, #nav ul ul li a:focus {
color: #000;
background: url(../gfx/bg_liste_neg.gif) no-repeat #EEEEEE left center;
}


/* ===================================== Schriftformatierungen ================================= */


/* Navi oben */
#subnav a {
	font-family: Verdana, Tahoma, Arial, Helvetica, Sans-Serif;
	font-size: 84%;
	line-height: 145%;
	color: White;
	margin: 0px;
}

#subnav a:link, #subnav a:visited {
	text-decoration: none;
}

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

#subnav a#active_menu-nav, #subnav a#active_menu-nav:visited {
	text-decoration: underline;
}

#subnav ul {
	float: right;
	display: inline;
	margin: 1px 35px 0px 0px;
	padding: 0px;
}

#subnav ul li {
	margin: 0px 0px 0px 35px;
	padding: 0px;
	float: left;
	display: inline;
}

#content-box .absatz-l h1 {
	font-size: 84%;
	color: #d3ae94;
	line-height: 145%;
	margin: 20px 20px 11px 20px;
	padding: 0px;
}

#content-box .absatz-r h1 {
	font-size: 84%;
	color: #d3ae94;
	line-height: 145%;
	margin: 20px 20px 11px 20px;
	padding: 0px;
}

#content-box .absatz-l p {
	font-size: 84%;
	color: White;
	line-height: 145%;
	margin: 0px 20px 10px 20px;
	padding: 0px;
}

#content-box .absatz-r p {
	font-size: 84%;
	color: #FFF;
	line-height: 145%;
	margin: 0px 20px 10px 20px;
	padding: 0px;
}

#content-box .absatz-l a, #content-box .absatz-l a:link, #content-box .absatz-l a:visited {
	font-size: 84%;
	margin: 0px 10px 20px 20px;
}

#content-box .absatz-r a, #content-box .absatz-r a:link, #content-box .absatz-r a:visited {
	font-size: 84%;
	margin: 0px 10px 20px 20px;
}

#footer p {
	font-size: 78%;
	color: #CAC8C8;
	display: inline;
	line-height: 145%;
	float: left;
}

#footer #left {
	margin: 15px 55px 0px 17px;
	padding: 0px;
}
#footer #right {
	float: right;
	margin: 15px 14px 0px 0px;
	padding: 0px;
}

#footer #right a, #footer #right a:link, #footer #right a:visited, #footer #right a:active,
#footer #left a, #footer #left a:link, #footer #left a:visited, #footer #left a:active {
	display: inline;
	font-size: 100%;
	color: #CAC8C8;
	text-decoration: none;
	margin: 0px;
}

#footer #right a:hover {
	text-decoration: underline;
}

#content-box h1 {
	font-size: 120%;
	font-family: Arial, Helvetica, sans-serif;
	color: #d3ae94;
	margin: 20px 30px 12px 20px;
	line-height: 145%;
}

#content-box h2 {
	font-size: 100%;
	color: #DBDBDB;
	margin: 10px 30px 20px 20px;
	line-height: 145%;
}

#content-box p {
	font-size: 84%;
	color: #DBDBDB;
	margin: 20px 30px 20px 20px;
	line-height: 145%;
}

#content-box .big {
	font-size: 94%;
	color: #DBDBDB;
	margin: 20px 30px 20px 20px;
	line-height: 145%;
}

#content-box hr { 
	color: #168ee5;
	width: 553px;
	background-color: #168ee5;
	border-top: 1px solid Black;
	border-left: 1px solid #565555;
	border-right: 1px solid #565555;
	border-bottom: 1px solid #B9B9B9; 
	margin: 0 0 0 20px;
	display: block;
	line-height: 1px;
	font-size: 1px;
}
#content-box .left {
	float: left;
	margin: 0px 20px 20px 20px;
}

#content-box .right {
	float: right;
	margin: 0px 30px 20px 20px;
}

/* ######################################################################################################
** ### Formulare ########################################################################################
** ######################################################################################################
*/

#col1 form {
	clear: both;
	margin-bottom: 1em;
}

#ArtForm table {
	margin: 0 0 35px 20px;
	color: #FFF;
}

form td {
	vertical-align: middle; padding-top: 0;
	line-height: 100%;
}
#ArtForm td.labeling {
	vertical-align: top; padding-top: 0.7em; text-align: right; color: #FFF;
}

#content-box input
 {
	border: 1px solid #ccc;
	margin-top: 0.3em;
	background: #ECECED;
	font-size: 110%; color: #000;
	border: 1px solid #ccc;
	height: 1.2em; line-height: 1.5em;
	padding: 1px 0 0 3px;
}

#content-box input:focus {
	margin-top: 0.3em;
	border: 1px dotted #000000;
	font-size: 110%;
}


#content-box select.selection {
	margin-top: 0.3em;
	padding:0;
	font-size: 110%;
	background: #ECECED;
}

#content-box input.checkboxing {
	background: none; border: none; padding: 0;
	margin: 0 4px 0 0;
	line-height: 150%;
	vertical-align: middle;
}

#content-box textarea {
	border: 1px solid #ccc;
	margin-top: 0.8em;
	background: #ECECED; color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 0.3em;
	font-size: 1em;
	line-height: 1.3em;
	width: 400px; height: 180px;
}

#content-box textarea:focus {
	border: 1px dotted #000000;
}

.pflichtfeld {color: #FF0033; cursor: help }

#col1 form br	{ clear:left;}


#content-box .submitter {
	margin-top: 7px;
	display: block;
	width: 8em;
	border: 3px double #B0B0B0;
	background: #898989;
	font-size: 115%; padding-top: 1px; line-height: 0.8em; height: 1.8em; color: #FFF; font-weight: bold;
	cursor: pointer;
}

#content-box .submitter:focus, #content-box .submitter:active {
	background: #FFF;
	font-size: 115%; padding-top: 1px; line-height: 0.8em; height: 1.8em; color: #000; font-weight: bold;
}

#content-box input.mail-error, #content-box input.mail-error {
	border: 1px solid red;
}

#content-box p.error {color: #CA0000; border: 1px solid #CA0000; background: #C0C0C0; margin: 3px 30px 20px 20px; padding: 6px;}
input.error {border: 1px solid #CA0000;}
span.error {color: #000; background: #C0C0C0;}

.hinweis {
	height: 2em; line-height: 2em; font-size: 80%; padding-bottom: 5px;
}