/**
navigationsformatierung
*/

/* tabnav bei produkte detail */
div.tabNav {
    width:100%;
    height: 24px;
    background-image: url(/fileadmin/templates/main/images/tabBG.jpg);
    background-repeat: repeat-x;
    margin: 15px 0px 20px 0px;
    position:relative;
}
div.tabEntryActive
{
    background-color:#ffffff;
    padding: 3px 5px 2px 5px;
    margin: 0px  0px 0px 5px; 
    position:relative;
    float:left; 
}
div.tabEntry
{
    padding: 3px 5px 2px 5px;
    margin: 0px 0px 0px 5px;
    border-left: 1px solid #ffffff;
    position:relative;
    float:left;   
}
div.tabContent
{
    position:relative;
}


/* subnav inaktiv */
div.sub1
{
    /* height: 27px; */
    border-top:1px solid #e4e4e4;
    font-size: 13px;
}
div.sub1 a, div.sub1 a:active, div.sub1 a:link, div.sub1 a:visited {
    line-height:25px;
    color: #afafaf;
    text-decoration:none;
    font-weight: normal;
}
div.sub1 a:hover {
    color: #00669b;;
    text-decoration:none;
}
/* subnav aktiv */
div.sub1-act
{
    /* height: 27px; */
    border-top:1px solid #e4e4e4;


}
div.sub1-act a, div.sub1-act a:active, div.sub1-act a:link, div.sub1-act a:visited {
    line-height:25px;
    color: #00669b;
    text-decoration:none;
    font-weight: normal;
    font-size: 16px; 
}

div.sub1-act-withsub
{
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    margin-bottom: 2px;
}
div.sub1-act-withsub a, div.sub1-act-withsub a:active, div.sub1-act-withsub a:link, div.sub1-act-withsub a:visited {
    line-height:25px;
    color: #00669b;
    text-decoration:none;
    font-size: 16px;
}

span.meta_i
{
}
span.meta_i a, div.meta_i a:active, div.meta_i a:link, div.meta_i a:visited {
    font-size:13px;
    color: #afafaf;
    text-decoration:none;
    font-weight: normal;
}
span.meta_i a:hover {
    color: #ffffff;
    text-decoration:none;
}


/* subsubnav inaktiv */
div.subsub
{
    padding-left:10px;
    margin-top: 4px;
    /*border-bottom:1px dotted #D0DFE6;*/
}
div.subsub a, div.subsub a:active, div.subsub a:link, div.subsub a:visited {
    line-height: 20px;
    font-size:14px;
    color: #00669b;
    text-decoration:none;
    font-weight: normal;
}
div.subsub a:hover {
    color: #000000;
    text-decoration:none;
}
/* subsubnav aktiv */
div.subsub-act
{
    padding-left:10px;
    margin-top: 4px;
    /* border-bottom:1px dotted #D0DFE6; */
}
div.subsub-act a, div.subsub-act a:active, div.subsub-act a:link, div.subsub-act a:visited {
    line-height: 20px;
    font-size:14px;
    color: #000000;
    font-weight:normal;
    text-decoration:none;
}
div.subsub-act a:hover {

}

/* brotkr?mel */
.last a, .last a:active, .last a:link, .last a:visited, .last a:hover {
    color: #969696 !important;
}         
/* meta nav link */
.crumb a, .crumb a:active, .crumb a:link, .crumb a:visited {
    font-size:10px;
    color: #003C7A;
    text-decoration:none;
    font-weight: normal;
}
.crumb a:hover {
    text-decoration:underline;
}


/* meta nav link */
.meta a, .meta a:active, .meta a:link, .meta a:visited {
    font-size:10px;
    color: #003C7A;
    line-height:21px;
    text-decoration:none;
    font-weight: normal;
}
.meta a:hover {
    text-decoration:underline;
}

/* footer */

#footernav a, #footernav a:active, #footernav a:link, #footernav a:visited {

    font-size:12px;
    color: #afafaf;
    text-decoration:none;
    font-weight: normal;
}
#footernav a:hover {
    text-decoration:underline;
}
/*
border: 1px solid #ff00ff;
*/

body  { background-image: url(/fileadmin/templates/main/images/bg.jpg); background-repeat: repeat-x; background-position: top;  margin: 0px; padding: 0px; background-color:#4c4d53; }

div { text-align: left; }

/***************************/
/* General element styles: */
/***************************/
P, TD, UL, OL, BLOCKQUOTE, INPUT, TEXTAREA, SELECT, BODY, DIV { line-height:19px; font-family: arial, helvetica, sans-serif; color: #c5c5c5; font-size: 13px; }
PRE { font-family: monospace; }

/* grau f?r ??? */
span.pink, .pink, .pink p {
	color:#ee00ee;
	font-weight: bold;
}

/* grau f?r ??? */
span.white, .white, .white p {
	color:#ffffff;
}


/* main container */
#container { width: 1007px; position:relative; }

#head { z-index:9999; width: 1007px; height: 145px; position:relative; }
#headHome { width: 1007px; height: 103px; position:relative; }
#articlesearch { position:absolute; top: 12px; left: 330px; }
#mainSubNav { position:absolute; top: 63px; left: 157px; height: 61px; }
#subNav {  position: absolute; right:0px; bottom: 0px; width: 700px; text-align:right; }
#metanav { position:absolute; top: 12px; right: 20px; text-align: right; }
#logo { position:absolute; top: 12px; left: 0px; }
#topLine { position:absolute; top: 95px; left: 85px; }
#basket { position:absolute; top: 100px; right: 23px; }
#crumb { position:absolute; top: 100px; left: 0px; }

#contentContainer { position: relative; width: 1007px; }
#mainContent { z-index: 999; margin-top: 23px; clear: both; position: relative; width: 1007px; }
#bottomLine { clear: both; position: relative; padding: 20px 0px 6px 0px; }
#footer { position:relative; margin-bottom: 15px; }

.hidden {
	visibility: hidden;
}

img { border: 0px; }

/* templavoila elements */
div.image { margin-bottom: 18px}
div.textBlock { margin-bottom: 18px; width:485px; }
div.address { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #afafaf; }

/* links einfach so */
a, a:active, a:link, a:visited, a:focus { color: #ffffff; text-decoration:none; font-weight: normal; }
a:hover  { color: #c5c5c5; text-decoration: none; }

/* links wenn text weiss */
div#productDescription a, div#productDescription a:active, div#productDescription a:link, div#productDescription a:visited, div#productDescription  a:focus {
	color: #ffffff; text-decoration:underline; font-weight: normal;
}
div#productDescription a:hover  { color: #c5c5c5; text-decoration: none; }

/* home seite teaser1 titles. */
.contentLeft p.bodytext, .contentRight p.bodytext, .contentLeft div.bodytext, .contentRight div.bodytext  {
	padding: 8px 0px 8px 0px;
	border-bottom: 1px solid #e4e4e4;
}


div.tx-qorderprocess-pi1
{
	margin-top: 20px;
}

/* fce stuff */
div.textContent
{
	margin-bottom: 30px;
}
div.textContent div.text
{
	width: 520px;
	margin-right: 20px;
}

div.textWithImage
{
	margin-bottom: 30px;
	position:relative;
}
div.textWithImage div.title
{
	width: 520px;
	position:relative;
	float:left;
}
div.textWithImage div.text
{
	width: 520px;
	position:relative;
	float:left;
}
div.textWithImage div.image
{
	width: 200px;
	position:relative;
	float:right;
}

/* workers */
div.workercontainer
{
	border-bottom: 1px solid #e4e4e4;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

/* titles */
h1
{
	margin:0px 0px 7px 0px;
	font-size:23px;
	color: #c5c5c5;
	font-weight: normal;
}
/* ha mi nid trout zl?sche, isch das scho bruucht?
h2
{
	margin:0px 0px 0px 0px;
	font-size:12px;
	color:#000000;
	font-weight: normal;
}*/
h2
{
	margin:0px 0px 8px 8px;
	font-size:16px;
	color: #c5c5c5;
	font-weight: normal;
}

div.tabElement
{
	width: 520px;
	position:relative;
	float:left;
	margin-right: 20px;
}
div.rightImage
{
	width: 200px;
	position:relative;
	float:left;
}




/* forms */
input, select, textarea
{
	border: 1px solid #C0C0C0;
	margin-bottom: 7px;
	padding-left: 2px;
	padding-top: 1px;
	background-color: #313131;
	border: 1px solid #747577;
	width: 220px;
	height: 23px;
}
.inputTextActive
{
	border: 1px solid #cccccc;
}

input.normalInput, select.normalInput
{
	width: 168px;
}
input.radio
{
	background-color: transparent;
	margin-right: 3px;
	border: 0px;
	width: 10px;
	height: 10px;
	vertical-align:middle;
	line-height: 10px;
	margin-top: 0px;
}
input.checkbox
{
	background-color: transparent;
	margin-right: 3px;
	border: 0px;
	width: 10px;
	height: 10px;
	vertical-align:middle;
	line-height: 10px;
	margin-top: 4px;
}
input.zip
{
	width: 50px;
	margin-right: 9px;
}
input.city
{
	width: 108px;
}
textarea.normalTextarea
{
	border: 1px solid #747577;
	margin-bottom: 9px;
	width:168px;
	height: 110px;
}
input.basketAmount
{
	width: 80px;
	background-color: #313131;
	padding-left: 2px;
	padding-top: 0px;
	margin-right: 4px;
	border: 1px solid #747577;
	margin-bottom: 0px;
	height: 20px;
}
input.articleSearch
{
	position:absolute;
	top: 0px;
	left: 0px;
	width: 130px;
	background-color: transparent;
	padding-left: 2px;
	padding-right: 3px;
	margin-right: -1px;
	line-height: 16px;
	/*margin-bottom: 0px;
	margin-top:0px;*/
	border: 1px solid transparent;
}
div.articleSearchBG
{
	line-height: 1px;
	width: 130px;
	background-color: #313131;
	border: 1px solid #747577;
}
textarea.message
{
	width: 376px; height: 100px;

}



table {
	border-spacing: 0px;
	border-width:0px;
	border-collapse:collapse;
}
table td
{
	padding:0px;
	margin:0px;
	vertical-align:top;
}

select.criteriaSelector
{
	background-color: #131316;
	color: #afafaf;
	border: 1px solid #afafaf;
	width: 159px;
}

div.productThumb
{
	position:relative;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}

div.productThumbTransparent
{
	position:relative;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
	opacity:0.4;
	filter:alpha(opacity=40);
}


#sortimentList0, #sortimentList1, #sortimentList2, #sortimentList4, #sortimentList5, #sortimentList6, #sortimentList7,  #sortimentList8, #sortimentListImageWide, #sortimentListImageQuad
{
	position:relative;
	float:left;
	margin-right: 6px;
	margin-bottom: 6px;
}
#sortimentList3
{
	position:relative;
	float:left;
	margin-bottom: 6px;
}

div.selectionItem
{
	position:relative;
	float:left;
	margin-right: 14px;
	margin-bottom: 14px;
	border: 1px solid #414141;
}

div.attributeDescription
{
	color: #666666; z-index: 9999; visibility: hidden; width: 324px; background-color: #ffffff; padding: 6px; position:absolute;
}
div.attributeDescription p, div.attributeDescription p.bodytext
{
	color: #666666;
}

div.basketImage
{
	position:relative; width: 159px; float: left;
}
div.basketInfo
{
	height:159px; background-color: #171717; position:relative; width: 665px; float: left;
}
div.innerBasketInfo
{
	margin: 10px 15px 0px 20px; height: 140px; position:relative;
}
div.basketPrice
{
	height:159px; background-color: #000000; position:relative; width: 159px; float: left;
}
div.innerBasketPrice
{
	margin: 95px 0px 0px 15px; position:relative;
}
div.basketFooter
{
	position:relative; height: 159px; float:left; width: 819px; margin-right:6px; background-color: #4f1f4f;
}
div.innerBasketFooterPink
{
	margin: 17px 0px 13px 179px; position:relative;
}
div.innerBasketFooter
{
	margin: 17px 0px 13px 15px; position:relative;
}

div.basketImageBig
{
	position:relative; width: 324px; float: left;
}
div.basketInfoBig
{
	height:324px; background-color: #171717; position:relative; width: 500px; float: left;
}
div.innerBasketInfoBig
{
	margin: 10px 15px 13px 20px; height: 299px; position:relative;
}
div.basketPriceBig
{
	height:324px; background-color: #000000; position:relative; width: 159px; float: left;
}
div.innerBasketPriceBig
{
	margin: 260px 0px 0px 15px; position:relative;
}


td.orderTable
{
	border-bottom: 1px solid #646567; padding: 4px 0px 4px 0px;
}

div.styleButton
{
	border: 1px solid #747577;
}
div.styleButtonActive
{
	border: 1px solid #ee00ee;
}
div.styleButtonActive div
{
	color: #ee00ee;
}

/*
p, td  {  line-height: 15px; color:#444444; font-size: 12px; font-family:Arial, Verdana, sans-serif; }
body  { line-height: 15px; margin: 0px; padding: 0px; color: #444444; font-size: 12px; font-family:Arial, Verdana, sans-serif }

div {
	vertical-alignment: middle;
}

.title, h1 {
	font-weight: normal;
	margin-top:0px;
	margin-bottom:22px;
	color: #ff00ff;
	font-size: 22px;
}

h2 {
	font-weight: bold;
	margin-top:0px;
	margin-bottom:0px;
	color: #003C7A;
	font-size: 12px;
}

h3 {
	font-weight: bold;
	margin-top:0px;
	margin-bottom:0px;
	color: #003C7A;
	font-size: 12px;
}


*/







.subtitel {
	color: #00377A;
	font-weight: bold;
}

FORM { margin: 0px 0px 0px 0px;}
P, PRE { margin: 0px 0px 0px 0px; }

/* divers */

ul
  {
  margin: 0px 0px 0px 0px;
  padding-left: 1.25em;
  }
li
  {
  margin: 0 0 1 0px;
  /*padding: 0em;*/
  }
dd
  {
  margin-left: 0px;
  padding-left: 0px;
}
