@charset "utf-8";

/*
-----------------------------------------------
Author:   	Christian Hamann
Version:  	30 Oktober 2019

----------------------------------------------- */


/* Clean slate */

body, h1, h2, h3, h4, h5, h6, p, blockquote, ul, ol, li, table, tr, th, td, form {
margin: 0; padding: 0; border: 0; list-style: none; font-size: 100%; font-weight: normal; }
img { border: 0px;}




/* LAYOUT */


html, body{
	background-color: #FFFFFF;
	border: 0;
	height: 100%; 
	width: 100%;
}



p, pre{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #7B7979;
	line-height: 20px;
	margin:0px ;
	}

#content p,
#right p {
	font-size: 14px;
	line-height: 25px;
}

#content p a,
#right p a,
div#right span > span {
	font-size: 11px;
	line-height: 20px;
	padding: 2px 6px;
}


pre {
	font-family: "Andale Mono", Monaco, Courier, monospace;
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.075em;	
	color: #7B7979;
	line-height: 20px;
	margin:0px ;
	}


div#header{
	height:52px;
	margin:0;
	padding:26px 0 0 30px;
	background-image:url(../pix/gfx/trennlinie_horizontal.gif);
	}


div#logo{
	position:absolute;
	left:65%;
	top:16px; 
	padding-left:22px; 
	}

div#wrapper{
	float:left;
	width:100%;
	margin-left:-35%;
	}

div#content {
	margin: 0 1px 0 35%;
	background-repeat:no-repeat;
	}



.thumb, .new{
	width: 100px;
	height: 175px;
	float:left;
	margin: 30px 30px 0px 20px; 
	}

.fotothumb{
	width: 149px;
	height: 100px;
	float:left;
	margin: 18px 13px 0px 25px;
	}
	

div#produkt{
	width: 251px;
	height: 505px;
	float:left;
	position: absolute; left: 30%; 
	margin: -20px 0 0 -45px;
	}

div#foto{
	width: 400px;
	height: 505px;
	float:left;
	padding: 20px 10px 10px 30px;
	}

div#pfeile{
	float:left;
	padding: 30px 0 0 38px;
	}

div#grenze{
	margin-top: 2px;
	width: 1px;
	background-image:url(../pix/gfx/trennlinie_vertikal.gif);
	float:left;
	margin-left:-1px;
	height:100%;
	}

div#right{
	float:left;
	width:35%;
	background-repeat:no-repeat;
	height: 100%;
	}

div#footer{
	clear:both;
	width:100%;
	}




/* NAVIGATION & BUTTONS*/

.strich {vertical-align: middle;}

.menu#menu { color: #FFF; text-decoration: none; background-color: #cd4c51; }

a.menu:link { color: #7B7979; text-decoration: none;  }
a.menu:visited { color: #7B7979; text-decoration: none;  }
a.menu:hover { color: #FFF; text-decoration: none; background-color: #32b3ae; }
a.menu:active { color: #FFF; text-decoration: none; }

a.neu:link { color: #FFF; text-decoration: none; background-color: #CD4C51;  }
a.neu:visited { color: #FFF; text-decoration: none; background-color: #CD4C51;  }
a.neu:hover { color: #FFF; text-decoration: none; background-color: #32b3ae; }
a.neu:active { color: #FFF; text-decoration: none; background-color: #32b3ae;  }

a:link { color: #7B7979; text-decoration: none;  }
a:visited { color: #7B7979; text-decoration: none;  }
a:hover { color: #FFF; text-decoration: none; background-color: #32b3ae; }
a:active { color: #FFF; text-decoration: none; }

a.thumb:link, a.thumb:visited { border:none; padding:0px; background: none; }
a.thumb:hover  {
	border:none;
	padding:0px;
	background:url(../pix/gfx/pfeil_over.gif) top no-repeat;} 
a.thumb:active { border:none; padding:0px; background: none; }

a.new:link, a.new:visited { border:none; padding:0px; background:url(../pix/gfx/neu.gif) 10px 5px no-repeat;} 
a.new:hover  {
	border:none;
	padding:0px;
	background:url(../pix/gfx/pfeil_over.gif) top no-repeat;} 
a.new:active { border:none; padding:0px; background: none; }


a.fotothumb:link, a.fotothumb:visited { padding:0px; background: none; }
a.fotothumb:hover  {
	padding:0px;
	background:url(../pix/gfx/pfeil_over.gif) top no-repeat;}
a.fotothumb:active { padding:0px; background: none; }

a.button:link, a.button:visited, a.button:hover, a.button:active  { border:none; padding:0px; background: none; } 

a.rwdfwd#rwd {background: url(../pix/gfx/bg_rounded_ne.gif) no-repeat; border:none; padding:0px;}
a.rwdfwd#fwd {background: url(../pix/gfx/bg_rounded_nw.gif) no-repeat; border:none; padding:0px;}

a.rwdfwd#rwd:link, a.rwdfwd#fwd:link  { background-color:#cd4c51; }
a.rwdfwd#rwd:visited, a.rwdfwd#fwd:visited  { background-color:#cd4c51; }
a.rwdfwd#rwd:hover, a.rwdfwd#fwd:hover { background-color: #32b3ae;}
a.rwdfwd#rwd:active, a.rwdfwd#fwd:active  { background-color:#cd4c51;}


/* TYPO */



.menu{
	font-family: "Andale Mono", Monaco, Courier, monospace;
	font-size: 12px;
	letter-spacing: 0.075em;	
	margin: 0 10px 0 10px;
	padding: 2px 6px;
}

.titel{
	font-family: "Andale Mono", Monaco, Courier, monospace;
	line-height: 20px;
	margin:0px ;
	font-size: 12px;
	letter-spacing: 0.075em;
	padding: 2px 6px;	
}

.titel:empty {
   visibility: hidden;
}



.titel#headline {color: #FFF; background-color: #cd4c51;}
.titel#headline_farbrange_pullover {color: #FFF; background-color: #cd4c51; margin:0 0 0 26px;}
.titel#headline_farbrange_jacken {color: #FFF; background-color: #cd4c51; margin:0 0 0 26px;}

.headline{
	font-family: "Andale Mono", Monaco, Courier, monospace;
	line-height: 20px;
	margin:0px ;
	font-size: 12px;
	letter-spacing: 0.075em;	
	color: #FFF; 
	background-color: #cd4c51;
	padding: 2px 6px;
	}

div#right p{
	padding:30px 20px 0 26px;
	height:100%;
	}

/* Farbstreifen */


div#right pre{
	margin: 0 0px 0 26px;
	padding: 2px 26px 0 6px;
	text-align:left;
	}



div#right span {
	xbackground-color: #FFF;
}

div#right span > span {
        padding: 2px 6px;
}


div#content p{
	padding:30px 20px 0 30px;
	max-width: 500px;
	}


div#footer p{
	text-align:left;
	padding:10px 20px 10px 30px;
	}
	
	


/* KONTAKTFORMULAR */



.senden {
	font-family: "Andale Mono", Monaco, Courier, monospace;
	margin:0;
	font-size: 12px;
	letter-spacing: 0.075em;	
	color: #FFF;
	background-color: #cd4c51;
	border:0;
	}

.kontaktformular {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cd4c51;
	background-color: #FFF;
	text-align: left;
	}