/*
*	Styles fuer fashion4web 
*	04/2009
*/

html{
	margin:					0;
	padding:				0px;
	height: 				100%;
}

body {
	margin:					0 auto 0 auto;
	font-family:			Arial, Helvetica, "Sans Serife";
	font-size:				12px;
	background-color:		#B4A88E;
}

/* Definition allgemeiner HTML-Tags */
h1 {
	color:					#4E060A;
	font-size:				20px;
	letter-spacing:			1px;
	margin-bottom:			5px;
}

h2 , h3 {
	color:					#333333;
	font-size:				16px;
}	
h3 {
	font-size:				14px;
}	

p {
	margin-top:				0px;
	margin-bottom:			5px;
}
div.kasten p {
	padding:				5px 10px 0px 10px;
}

a, div.mitte a:visited  { 
	color:					#4E060A;
}
a:hover {
	text-decoration:		none;
}


/**
	Seitenbereiche (Container)
*/
div.container {
	width:					985px;
	padding:				5px 10px 0 5px;
	margin:					0 auto 0 auto;
	background-color:		#FFFFFF;
}

div.service {
	margin:					0 0 5px 60px;
	padding:				3px 0 0 0;
}

div.menu {
	margin:					0 0 0 36px;
	padding:				10px 0 0 20px;
	height:					30px;
	background-image:		url(menu_bg.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#FFFFFF;
	font-weight:			bold;
}

div.kopf {
	margin-left:			36px;
	padding:				0;
	height:					195px;
	background-image:		url(kopf_bg.jpg);
	background-position:	top left;
	background-repeat:		no-repeat;
}


div.links {
	clear:					both;
	float:					left;
	width:					245px;
	min-height:				30px;
	color:					#FFFFFF;
	margin:					-30px 0 0 0;
	padding:				0 0 0 0;
}
#frameLinks {
	width:					245px;
	height:					1800px;
	border:					0;
	margin:					0;
	padding:				0;
}
body.links{	
	margin:					0;
	padding:				0;
	width:					245px;
	float:					left;
	overflow-x: 			hidden;
	background-color:		#FFFFFF;
}
body.links div.links {	
	margin-top:				0;
	background-color:		#333333;
}


div.mitte {
	float:					left;
	width:					520px;
	min-height:	 			300px;
	padding:				10px 10px 0 10px;
}
#frameMitte {
	width:					520px;
	min-height:				14000px; 
	margin:					0;
	padding:				0;
	overflow-x: 			hidden;
	overflow-y: 			visible;
}
body.mitte {	
	float:					left;
	width:					525px;
	overflow-x: 			hidden;
	background-color:		#FFFFFF;
	margin:					0;
	padding:				0;
}
body.mitte div.mitte {
	padding:				0;
}

div.rechts {
	float:					right;
	width:					200px;
	margin:					0 0 0 0;
	padding:				0;
}
body.rechts {
	width:					200px;
	float:					right;
	overflow-x: 			hidden;
	margin:					0;
	padding:				0;
	background-color:		#FFFFFF;
}
#frameRechts {
	width:					200px;
	height:					900px;
	margin:					0;
	padding:				0;
	overflow-x: 			hidden;
	overflow-y: 			visible;
}



/* Elemente in den Containern */
div.sprachen {
	float:					right;
	text-align:				right;
	width:					300px;
}	
.sprachen a img {
	height:					12px;
	border:					2px solid #B1B1B1;
}
.sprachen a:hover img {
	border-color:			#4E060A;
}
div.service a{
	color:					#333333;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				13px;
}

div.links .oben {
	height:					24px;
	background-image:		url(links_bg_o.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	color:					#FFFFFF;
}	
div.links div.unten {
	clear:					both;
	height:					20px;
	border-top:				2px solid #B1B1B1;
	margin:					0 0 0 0;
	padding-top:			5px;
	text-align:				center;
	color:					#FFFFFF;
	font-weight:			bold;
	background-image:		url(links_bg_u.gif);
	background-position:	bottom left;
	background-repeat:		no-repeat;
}	
div.unten a {	
	padding-left:			14px;
	color:					#FFFFFF;
	text-decoration:		none;
	background-image:		url(pfeil.gif);
	background-position:	left 2px;
	background-repeat:		no-repeat;
}
	
div.copyright {
	background-color:		#FFFFFF;
	color:					#333333;
	text-align:				center;
	font-size:				10px;
}

div.rechts .kasten, div.links .kasten{
	background-color:		#B4A88E;
	margin-bottom:			10px;
}
div.rechts .oben {
	height:					18px;
	background-color:		#333333;
	color:					#FFFFFF;
	background-image:		url(rechts_bg_o.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
	border-bottom:			1px solid #FFFFFF;
}	
div.rechts  div.unten {
	height:					18px;
	padding-top:			2px;
	background-color:		#333333;
	color:					#FFFFFF;
	border-top:				1px solid #FFFFFF;
	text-align:				center;
	font-weight:			bold;
	margin:					0 0 0 0;
	background-image:		none;
}	
div.links h3, div.rechts  h3 {
	text-align:				center;
	font-size:				12px;
	margin:					0 0 0 0;
	padding:				3px 0 0 0;
}



div.logo {
	float:					left;
	width:					300px;
	border:					1px dotted #000000;
}
div.logo:hover {
	border:					1px dotted #4E060A;
}
div.kategorien {
	float:					right;
	padding:				10px 10px 0 0;
	width:					470px;
	height:					120px;
	color:					#FFFFFF;
	text-align:				center;
}
div.kategorien  a {
	color:					#FFFFFF;
	font-weight:			bold;
	text-decoration:		none;
	font-size:				11px;
	padding:				0 5px 0 5px;
	white-space:			nowrap;
}

div.spruch {
	float:					right;
	width:					350px;
	font-size:				30px;	
	font-weight:			bold;
	line-height:			24px;
	color:					#B4A88E;
}
div.spruch .klein {
	font-size:				14px;
}

div.menu a {
	color:					#FFFFFF;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				13px;
	padding: 				0 2px 0 2px;
}
div.menu a:hover , div.service a:hover, div.kategorien  a:hover, .linkliste a:hover , p.news a:hover {
	text-decoration:		underline;
}

div.bannerlinks, div.bannerrechts {
	float:					left;
	width:					110px;
	margin:					0 0 0 8px;
}
div.bannerlinks img, div.bannerrechts img{
	border:					2px solid #333333;
	width:					110px;
}
div.bannerlinks img:hover, div.bannerrechts img:hover {
	border:					2px solid #C2C2C2;
}

div.ebenen {
	margin-top:				10px;
}
div.ebenen div.knopf {
	float:					left;
	width:					34px;
	height:					34px;
	background-image:		url(./btn_ebene.png);
	background-position:	top left;
	background-repeat:		no-repeat;
}	
div.ebenen  a, div.ebenen  a:visited {
	display:				block;
	float:					left;
	width:					32px;
	height:					29px;
	padding:				5px 0 0 0;
	margin:					0 3px 2px 0;
	color:					#FFFFFF;
	text-align:				center;
	vertical-align:			middle;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				18px;
}
div.ebenen  div.aktiv {
	background-image:		url(./btn_ebene_on.png);
}
div.ebenen  a:hover {
	height:					28px;
	width:					30px;
	background-image:		url(./btn_ebene_over.png);
	padding:				6px 0 0 2px;
}


form.suche {
	margin:					10px 0 10px 0;
}
form.suche div.schatten {
	float:					left;
	width:					160px;
	height:					25px;
	background-image:		url(suche_bg.gif);
	background-position:	bottom right;
	background-repeat:		no-repeat;
}
input.suchfeld {
	width:					150px;
	height:					16px;
	margin-left:			1px;
	border:					1px solid #333333;
}	
input.knopf {
	height:					23px;
}

/* Liste der Anbieter im Mittelteil */
div.zeile1, div.zeile2 {
	clear:					both;
	float:					left;
	width:					100%;
	margin-top:				3px;
	padding:				1px 3px 1px 2px;
	background-color:		#E4E4E4;
}
div.zeile2 {
	background-color:		#DAD4C7;
}
div.zeile1 img, div.zeile2 img {
	border:					2px solid #E4E4E4;
	float:					left;
	margin-right:			10px;
	margin-left:			6px;	
	width:					130px;
}
div.zeile1 img:hover, div.zeile2 img:hover {
	border:					2px solid #B1B1B1;
}
div.zeile1 p, div.zeile2 p {
	padding:	 			4px 5px 0 0;
	margin:					0;
}
div.zeile1 a, div.zeile2 a {
	text-decoration:		none;
}
div.zeile1 a:hover, div.zeile2 a:hover {
	text-decoration:		underline;
}



/* Link-Listen in der rechten Spalte */
.linkliste {
	padding:				3px 2px 2px 5px;
}
.linkliste h4 {
	margin:					0;
	padding:				2px 0 6px 0;
	font-size:				12px;
}
.linkliste a, p.news a {
	display:				block;
	text-decoration:		none;
	color:					#333333;
}
p.news a {
	margin:					5px 0 8px 0;
}
.linkliste hr {
	border:					0;
	width:					85%;
	line-height:			13px;
	border-top:				1px dotted #333333;
}

.linkliste a.l0, .linkliste a.l1, .linkliste a.l2, .linkliste a.l3 {
	padding-left:			15px;
	background-image:		url(l3.gif);
	background-position:	top left;
	background-repeat:		no-repeat;
}
.linkliste a.l0 {	background-image:		url(l0.gif); }
.linkliste a.l1 {	background-image:		url(l1.gif); }
.linkliste a.l2 {	background-image:		url(l2.gif); }


/* allgemeine Farben */
.rot 	{	color:				#4E060A;	}
.ocker	{	color:				#B4A88E;	}
.bgocker{	background-color:	#B4A88E;	}
.grau	{	color:				#333333;	}


/* verstecktes Div mit den ganzen Seiteninhalten fuer Suchmaschinen */
#inhalteDiv {
	background-color:			#FFFFFF;
	margin:						20px;
	padding:					5px;
}

/*
*	Styles fuer fashion4web 
*	04/2009
*/


div.home {
	margin-top:				10px;
}
div.home div.knopf {
	float:					left;
	width:					100px;
	height:					34px;
	background-image:		url(./btn_home.png);
	background-position:	top left;
	background-repeat:		no-repeat;
}	
div.home  a, div.home a:visited {
	display:				block;
	float:					left;
	width:					98px;
	height:					29px;
	padding:				5px 0 0 0;
	margin:					0 3px 2px 0;
	color:					#FFFFFF;
	text-align:				center;
	vertical-align:			middle;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				18px;
}
div.home  div.aktiv {
	background-image:		url(./btn_home_on.png);
}
div.home  a:hover {
	height:					28px;
	width:					96px;
	background-image:		url(./btn_home_over.png);
	padding:				6px 0 0 2px;
}


div.berichte {
	margin-top:				10px;
}
div.berichte div.knopf {
	float:					left;
	width:					351px;
	height:					34px;
	background-image:		url(./btn_berichte.png);
	background-position:	top left;
	background-repeat:		no-repeat;
}	
div.berichte  a, div.berichte a:visited {
	display:				block;
	float:					left;
	width:					349px;
	height:					29px;
	padding:				5px 0 0 0;
	margin:					0 3px 2px 0;
	color:					#FFFFFF;
	text-align:				center;
	vertical-align:			middle;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				13px;
}
div.berichte  div.aktiv {
	background-image:		url(./btn_berichte_on.png);
}
div.berichte  a:hover {
	height:					28px;
	width:					347px;
	background-image:		url(./btn_berichte_over.png);
	padding:				6px 0 0 2px;
}


div.logo_id 
{
    margin-left:            2px;
    margin-top :            2px;
	float:					left;
	width:					46px;
	height:					50px;
	background-image:		url(./btn_logo_id.gif);
	background-position:	top left;
	background-repeat:		no-repeat;    
}

div.logo_id a, div.logo_id a:visited {
	display:				block;
	float:					left;
	width:					46px;
	height:					35px;
	padding: 	 			5px 0 0 0;
	margin:  	  			1px 0 0 7px;
	color:					#b4a88e;
	text-align:				left;
	vertical-align:			middle;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				12px;
}

div.logo_id div.Normaltext {
	display:				block;
	float:					left;
	width:					46px;
	height:					35px;
	padding: 	 			5px 0 0 0;
	margin:  	  			1px 0 0 7px;
	color:					#b4a88e;
	text-align:				left;
	vertical-align:			middle;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				12px;
}


div.schlusszeile {
	clear:					both;
	float:					left;
	width:					100%;
	margin-top:				3px;
	padding:				1px 3px 1px 2px;
	background-color:       White;
	color:                  White;
}
div.schlusszeile img {
	border:					2px solid #E4E4E4;
	float:					left;
	margin-right:			20px;
	width:					100px;
}


div.zumShop {
	color: #683438;
	letter-spacing: 1pt;
	font-weight:bold;
}

.weiterlesen 
{

	letter-spacing: 1pt;
	font-weight:bold;
}


.pinedit
{
    font-family: Arial;
    font-size: 12px;
}
.pinedit H1, H2, H3, H4, H5, TH, THEAD, TFOOT
{
    color: #003366;
}
.pinedit H1
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 2em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit H2
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.75em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit H3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.58em;
    font-weight: 500;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit H4
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.33em;
    font-weight: 500;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit H5, DT
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit H6
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .8em;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
}
.pinedit TFOOT, THEAD
{
    font-size: 1em;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}
.pinedit TH
{
    vertical-align: baseline;
    font-size: 1em;
    font-weight: bold;
    word-spacing: normal;
    letter-spacing: normal;
    text-transform: none;
    font-family: Arial, Helvetica, sans-serif;
}
.pinedit A:link
{
    text-decoration: none;
    color: #3333cc;
}
.pinedit A:visited
{
    text-decoration: none;
    color: #333399;
}
.pinedit A:active
{
    text-decoration: none;
    color: #333399;
}
.pinedit A:hover
{
    text-decoration: underline;
    color: #3333cc;
}
.pinedit SMALL
{
    font-size: .7em;
}
.pinedit BIG
{
    font-size: 1.17em;
}
.pinedit BLOCKQUOTE, PRE
{
    font-family: Courier New, monospace;
}
.pinedit UL LI
{
    list-style-type: square;
}
.pinedit UL LI LI
{
    list-style-type: disc;
}
.pinedit UL LI LI LI
{
    list-style-type: circle;
}
.pinedit OL LI
{
    list-style-type: decimal;
}
.pinedit OL OL LI
{
    list-style-type: lower-alpha;
}
.pinedit OL OL OL LI
{
    list-style-type: lower-roman;
}

.black8
{
    font-size: 9pt;
    color: black;
    font-style: normal;
    font-family: Arial, Verdana;
    font-variant: normal;
    line-height: 9pt;
}

.red8
{
    FONT-SIZE: 9pt;
    COLOR: #FF0000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    FONT-VARIANT: normal;
}

.blue8
{
    FONT-SIZE: 9pt;
    COLOR: Blue;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    FONT-VARIANT: normal;
}


div.NavRahmen {
	float:					left;
	width:					720px;
	margin:                 0 0 5px 0;
	padding:				0;
}

div.ContentRahmen {
	float:					left;
	width:					720px;
	margin:					0;
	padding:				0;
}

div.mitte4web {
	float:					left;
	width:					720px;
	padding:				10px 10px 0 10px;
}	
body.mitte4web {	
	float:					left;
	width:					720px;
	background-color:		#FFFFFF;
	margin:					0;
	padding:				0;
}
body.mitte4web div.mitte4web {
	padding:				0;
}

div.Headline1 
{
    color:                  Black;
	text-align:	            left;
	text-decoration:		none;
	font-weight:			bold;
	font-size:				18px;
    
    }
    
#frameMitteRechts {
	width:					700px;
	height:				    2000px; 
	margin:					0;
	padding:				0;
}


div.HeadlineBericht
{
    text-align: center;
    color: Black;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 5px;
    font: bold 14pt/36px Arial;
    width: 100%;
}

div.HeadlineTop2
{
    text-align: center;
    color: #efab07;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-top: 0px;
    padding-left: 5px;
    font: bold 14pt/36px Arial;
    width: 100%;
}

.black8_2
{
	font-size: 8pt;
	color: #000000;
	font-style: normal;
	font-family: Verdana, Arial;
	font-variant: normal;
}


.black12
{
    FONT-SIZE: 12pt;
    COLOR: #000000;
    FONT-STYLE: normal;
    FONT-FAMILY: Verdana, Arial;
    FONT-VARIANT: normal
}
 
#frameVideo_Banner {
	width:					736px;
	height:					600px;
	border:					0;
	margin:					0;
	padding:				0;
}