/*
-----------------------------------------------------------------------------------------
	PAGES:	CONTENT AND STORE FILES Supravit Shop
	AUTOR:	Olga Reiche - Codecasters GmbH
	DATE:	2008/10/01
----------------------------------------------------------------------------------------- 
*/

/* ----------------------------------------------------------------------------------------- */
/* GLOBAL */
/* ----------------------------------------------------------------------------------------- */

body{
font-family:			Arial, Helvetica, sans-serif;
font-size:				13px;
color:					rgb(45,45,4);
margin:					0px 0px 5px 0px;
background-color:		rgb(236,31,39);
}

#wrapper{
width:					978px;
margin:					0 auto 0 auto;
}

#wrapperInner{
width:					978px;
position:				relative;
top:					0px;
left:					0px;
}

img{
border:					0px;
}

a{
color:					rgb(250,125,25);
text-decoration:		none;
}

a:hover{
color:					rgb(45,45,4);
text-decoration:		none;
}

form{
display:				inline;
}

br{
font-size:				5px;
line-height:			5px;
}

td.border_bottom{
border-bottom:			1px solid rgb(244,213,163);
}


/* ----------------------------------------------------------------------------------------- */
/* TOP */
/* ----------------------------------------------------------------------------------------- */

#slogan{
text-align:				center;
color:					rgb(255,255,255);
padding:				10px 0px 5px 0px;
margin:					0px;
}

#slogan p{
font-size:				13px;
padding:				0px;
margin:					0px;
vertical-align:			top;
}

#slogan img.an{
vertical-align:			bottom;
padding:				0px 10px 0px 10px;
margin:					0px;
}

#menueObenA{
height:					96px;
padding:				10px 0px 0px 10px;
margin:					0px;
font-size:				18px;
font-weight:			900;
color:					rgb(255,255,255);
}

#menueObenA a{
padding:				0px;
margin:					0px;
text-decoration:		none;
}

#menueObenB{
position:				absolute;
top:					40px;
right:					20px;
height:					77px;
width:					660px;
padding:				0px;
margin:					0px;
}

#menueObenC{
position:				absolute;
top:					40px;
right:					20px;
height:					77px;
width:					660px;
padding:				0px;
margin:					0px;
}

#menueObenC table td{
width:					60px;
height:					77px;
text-align:				center;
vertical-align:			bottom;
padding:				0px 0px 0px 0px;
cursor:					pointer;
color:					rgb(255,255,255);
}


#menueObenC table td a {
height:					77px;
width:					60px;
padding-top:			60px;
font-family:			Arial, Helvetica,sans-serif;
font-size:				12px;
color:					rgb(255,255,255);
}

#menueObenC table td a:hover{
color:					rgb(249,240,53);
}

#menueObenC table td:hover{
width:					60px;
height:					77px;
color:					rgb(249,240,53);
background:				transparent url(/shop/gfx/kreis-gelb.gif) no-repeat 7px 5px;
}

#menueObenC table td.aktiv{
width:					60px;
height:					77px;
text-align:				center;
vertical-align:			bottom;
padding:				0px 0px 0px 0px;
cursor:					pointer;
color:					rgb(249,240,53);
background:				transparent url(/shop/gfx/kreis-gelb.gif) no-repeat 7px 5px;
}

#menueObenC table td.aktiv:hover{
width:					60px;
height:					77px;
text-align:				center;
vertical-align:			bottom;
padding:				0px 0px 0px 0px;
cursor:					pointer;
color:					rgb(255,255,255);
background:				transparent;
}	

#menueObenC table td.aktiv a{
color:					rgb(249,240,53);
}

#menueObenC table td.aktiv a:hover{
color:					rgb(255,255,255);
}

/* ----------------------------------------------------------------------------------------- */
/* PATHWAY, MENUE HORIZONTAL*/
/* ----------------------------------------------------------------------------------------- */

#pathway{
height:					58px;
background:				url(/shop/gfx/pathway-menue.gif) no-repeat;
padding:				0px;
margin:					0px;
}

#pathway table td.le{
height:					26px;
width:					50%;
text-align:				left;
margin:					0px;
padding:				0px 0px 0px 16px;
vertical-align:			middle;
}

#pathway table td.re{
height:					26px;
width:					50%;
text-align:				right;
margin:					0px;
padding:				0px 10px 0px 0px;
vertical-align:			middle;
}

#pathway table td.le a, #pathway table td.re a{
font-size:				13px;
line-height:			13px;
font-weight:			900;
color:					rgb(45,45,4);
padding-right:			10px;
}

#pathway table td.le a:hover, #pathway table td.re a:hover{
color:					rgb(236,31,39);
}


/* ----------------------------------------------------------------------------------------- */
/* PATHWAY, pathwayT ;-)  */
/* ----------------------------------------------------------------------------------------- */

#pathway table.pathwayT{
width:					965px;
margin:					5px 0px 0px 0px;
}

#pathway table.pathwayT td{
vertical-align:			middle;
padding:				0px 0px 0px 0px;
}

#pathway table.pathwayT td.h{
width:					20px;
padding:				0px 10px 0px 16px;
}

#pathway table.pathwayT td.left{
width:					693px;
line-height:			11px;
font-size:				11px;
font-weight:			300;
text-align:				left;
margin:					0px;
padding:				0px 0px 0px 0px;
vertical-align:			middle;
}

#pathway table.pathwayT td.left span{
line-height:			11px;
font-size:				11px;
color:					rgb(45,45,4);
}

#pathway table.pathwayT td.left a{
line-height:			11px;
font-size:				11px;
font-weight:			300;
margin:					0px 0px 0px 0px;
padding:				0px 0px 0px 0px;
text-decoration:		none;
}
	
#pathway table.pathwayT td.left a:hover{
font-size:				11px;
text-decoration:		underline;
}

#pathway table.pathwayT td.right{
width:					252px;
line-height:			11px;
font-size:				11px;
font-weight:			300;
text-align:				right;
margin:					0px;
padding:				0px 0px 0px 0px;
vertical-align:			middle;
}

#pathway table.pathwayT td.right a{
color:					rgb(0,80,148);
font-size:				11px;
line-height:			11px;
font-weight:			900;
margin:					0px 0px 0px 0px;
padding:				0px 0px 0px 0px;
text-decoration:		none;
}

#pathway table.pathwayT td.right a:hover{
color:					rgb(236,31,39);
font-size:				11px;
text-decoration:		underline;
}


#pathway table.pathwayT td input.such{
width:					135px;
height:					17px;
margin:					0px;
padding:				1px 0px 0px  3px;
font-size:				11px;
font-weight:			900;
color:					rgb(0,80,148);
border:					1px rgb(244,213,163) solid;
}

#pathway table td.rightI{
width:					35px;
height:					22px;
text-align:				right;
margin:					0px;
padding:				0px 0px 0px 0px;
vertical-align:			middle;
font-size:				11px;
}

/* ----------------------------------------------------------------------------------------- */
/* Main */
/* ----------------------------------------------------------------------------------------- */

#main{
width:					978px;
padding:				0px;
margin:					0px;
background:				url(/shop/gfx/hg.gif) repeat-y ;
border-bottom:			0px  rgb(248,143,31) solid;
}

#main table.one{
padding:				0px;
margin:					0px;
}

td.main_content a.l1, td.main_content a.l11,  td.main_content a.l1l1{
display:				block;
font-size:				12px;
margin-left:			30px ;
padding:				3px 9px 3px 10px ;
color:					rgb(45,45,4);	
background-image:		url(/shop/gfx/pfeil-D-K.gif);
background-position:	center left;
background-repeat:		no-repeat;
}

td.main_content a.l1:hover, td.main_content a.l11:hover, td.main_content a.l1l1:hover{
display:				block;
background-image:		url(/shop/gfx/pfeil-D-K.gif);
background-position:	center left;
background-repeat:		no-repeat;
text-decoration:		underline;
}

/* ----------------------------------------------------------------------------------------- */
/* NAV_LEFT */
/* ----------------------------------------------------------------------------------------- */

td.nav_left{
height:					100%;
width:					220px;
color:					rgb(45,45,4);
font-weight:			normal;
text-align:				left;
vertical-align:			top;
border-right:			1px rgb(244,213,163) solid;
padding:				8px 0px 20px 7px;
}

td.nav_left br{
font-size:				5px;
line-height:			5px;
}

.nav_left a{
font-weight:			900;
color:					rgb(236,31,39);
display:				block;
}

.nav_left a.l1{
font-weight:			900;
color:					rgb(45,45,4);
margin:					0px 0px 1px 0px;
padding:				3px 5px 2px 25px;
text-align:				left;
vertical-align:			middle;
background:				url(/shop/gfx/pfeil-D.gif) no-repeat 12px 7px;
}

.nav_left a.l1:hover{
color:					rgb(250,125,25);
background:				url(/shop/gfx/pfeil-H.gif) no-repeat 12px 7px;
text-decoration:		none;
}

.nav_left a#a1{
color:					rgb(250,125,25);
background:				url(/shop/gfx/pfeil-H.gif) no-repeat 12px 7px;
}

.nav_left a#a1:hover{
color:					rgb(45,45,4);
background:				url(/shop/gfx/pfeil-D.gif) no-repeat 12px 7px;
}


/* ----------------------------------------------------------------------------------------- */
/* SITE ZUSATZ*/
/* ----------------------------------------------------------------------------------------- */

.nav_left a.l11{
font-weight:			900;
margin:					0px 0px 1px 0px;
padding:				3px 5px 2px 25px;
text-align:				left;
vertical-align:			middle;
color:					rgb(250,125,25);
background:				url(/shop/gfx/pfeil-H.gif) no-repeat 12px 7px;
}

.nav_left a.l11:hover{
color:					rgb(45,45,4);
background:				url(/shop/gfx/pfeil-D.gif) no-repeat 12px 7px;
text-decoration:		none;
}

/* ----------------------------------------------------------------------------------------- */
/* ENDE SITE */
/* ----------------------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------------------- */
/* MAIN_CONTENT */
/* ----------------------------------------------------------------------------------------- */

td.main_content{
font-size:				13px;
width:					540px;
font-weight:			normal;
text-align:				left;
vertical-align:			top;
color:					rgb(45,45,4);	
background:				rgb(255,255,255);
padding:				8px 10px 20px 10px;
}


td.main_content h1{
font-size:			17px;
font-weight:		900;
color:				rgb(0,80,148);
border-bottom:		1px rgb(244,213,163) solid;
margin:				0px 0px 15px 0px;
padding:			0px 0px 5px 0px;
}

td.main_content h2{
font-weight:		900;
font-size:			15px;
color:				rgb(0,80,148);
margin:				10px 0px 10px 10px;
padding:			0px;
}

td.main_content h3{
font-size:			13px;
font-weight:		900;
color:				rgb(0,80,148);
margin:				15px 0px 10px 10px;
padding:			0px;
}


td.main_content h4{
font-size:			15px;
font-weight:		900;
color:				rgb(0,80,148);
text-decoration:	underline;
margin:				20px 0px 5px 0px;
padding:			0px 0px 5px 0px;
}


td.main_content p{
font-size:				13px;
line-height:			20px;
color:					rgb(45,45,4);
margin:					7px 0px 7px 0px;
padding:				0px 0px 0px 15px;
}

td.main_content ul{	
margin:					0px 0px 0px 20px;
padding:				0px 0px 0px 0px;
}

td.main_content ul li{
line-height:			20px;
background-image:		url(/shop/gfx/liste.gif);
background-repeat:		no-repeat;
background-position:	0px 7px;
list-style-type:		none;
margin:					0px 0px 0px 0px;
padding:				0px 0px 7px 15px;
}

td.main_content ol{
margin:					20px 0px 15px 20px;
padding:				0px 0px 0px 20px;
}


td.main_content ol li{
line-height:			20px;
margin:					0px 0px 15px 0px;
padding:				0px 0px 0px 5px;
} 

a.small_text{
font-size:				11px;
font-weight:			300;
padding-right:			9px;
color:					rgb(45,45,4);
background-image:		url(/shop/gfx/pfeil-D-K.gif);
background-position:	center right;
background-repeat:		no-repeat;
}

a.small_text:hover{
text-decoration:		underline;
}


/* ----------------------------------------------------------------------------------------- */
/* Site */
/* ----------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------- */
/* NAV_RIGHT  */ 
/* ----------------------------------------------------------------------------------------- */
/*TABLE RICHT*/
td.nav_right{
width:					208px;
height:					100%;
font-weight:			300;
padding:				0px 10px 20px 10px;
border-left:			1px rgb(244,213,163) solid;
}

td.nav_right h2{
width:					165px;
font-size:				14px;
font-weight:			900;
color:					rgb(0,80,148);
margin:					0px 0px 15px 0px;
padding:				15px 10px 5px 10px;
border-bottom:			1px  rgb(244,213,163) solid;
}


td.nav_right form#wp_newsletter input.rot{
width:					80px;
color:					rgb(255,255,255);
height:					24px;
padding-bottom:			2px;
background:				rgb(236,31,39);
border:					1px  rgb(248,167,36) solid;
margin:					5px 0px 10px 7px;
cursor:					pointer;
}

td.nav_right form#wp_newsletter input.rot:hover{
color:					rgb(236,31,39);
background:				rgb(255,255,255);
border:					1px  rgb(248,167,36) solid;
}


/*Shop*/
table.shop{
width:					188px;
font-size:				12px;
background:				rgb(255,255,255);
margin:					10px 0px 5px 0px;
background:				url(/shop/gfx/shop.gif) no-repeat 115px 0px;
}

 table.shop td{
font-size:				13px;
line-height:			20px;
vertical-align:			top;
padding:				0px;
}

td.nav_right table.shop h1{
font-size:				18px;
line-height:			25px;
font-weight:			900;
color:					rgb(236,31,39);
margin:					0px 0px 5px 0px;
padding:				0px 0px 0px 0px;
}

td.nav_right table.shop td a.shop{
font-size:				18px;
font-weight:			900;
color:					rgb(236,31,39);
text-decoration:		none;
padding:				0px;
}

td.nav_right table.shop td a.shop:hover{
text-decoration:		underline;
}

td.nav_right table.shop td a.shopy{
font-weight:			900;
color:					rgb(236,31,39);;
}

td.nav_right table.shop td a.shopy{
font-weight:			900;
padding:				0px 15px 0px 15px;
color:					rgb(236,31,39);
background:				url(/shop/gfx/pfeil-R.gif) no-repeat right center;
}

td.nav_right table.shop td a.shopy:hover{
color:					rgb(45,45,4);
background:				url(/shop/gfx/pfeil-D.gif) no-repeat right center;
text-decoration:		underline;
}

/* KLEINTIERBÖRSE */
div.kleintierboerse{

width:					187px;
font-size:				13px;
margin:					10px 0px 0px 0px;
padding:				10px 0px 10px 0px;
background-color:		rgb(250,243,72);
background-image:		url(/shop/gfx/kleintierboerse.jpg);
background-repeat:		no-repeat;
background-position:	0px 0px;
border-bottom:			1px solid rgb(255,216,149) ;
}

table.kleintierboerse_tab{
width:					178px;
margin:					0px 0px 0px 0px;
padding:				0px;
}

table.kleintierboerse_tab td.kleintierboerse_header{
vertical-align:			top;
text-align:				left;
font-size:				18px;
font-weight:			900;
padding:				0px 0px 7px 0px;
color:					rgb(236,31,39);
}

table.kleintierboerse_tab td.kleintierboerse_header a{
text-align:				left;
font-size:				18px;
font-weight:			900;
padding:				0px 0px 0px 10px;
color:					rgb(236,31,39);
}

table.kleintierboerse_tab td.kleintierboerse_header a:hover{
text-decoration:		underline;
}

table.kleintierboerse_tab td.kleintierboerse_text_1{
font-size:			13px;
vertical-align:		top;
text-align:			left;
padding:			0px 0px 0px 10px;
margin:				0px 0px 0px 0px;
}


table.kleintierboerse_tab td.kleintierboerse_text{
vertical-align:		top;
text-align:			left;
padding:			12px 0px 0px 10px;
margin:				0px 0px 0px 0px;
}

table.kleintierboerse_tab td.kleintierboerse_text p{
vertical-align:		top;
text-align:			left;
font-size:			12px;
font-weight:		300;
padding:			0px 0px 0px 0px;
margin:				5px 0px 5px 0px;
color:				rgb(45,45,4);
}

table.kleintierboerse_tab td.kleintierboerse_text p img{
padding:			5px 0px 5px 0px;
margin:				0px 0px 0px 0px;
}

td.kleintierboerse_text br{
font-size:				2px;
line-height:			2px;
}

table.kleintierboerse_tab td.kleintierboerse_text p span{
font-weight:		900;
padding:			10px 0px 10px 0px;
margin:				10px 0px 10px 0px;
color:				rgb(45,45,4);
}


/*Images*/

img.alignright{
border:					1px solid rgb(153,150,181);
float:					right;
margin:					3px 0px 0px 20px;
padding:				0px;
}

div.alignright{
font-weight:			300;
font-size:				10px;
line-height:			12px;
text-align:				center;
background:				rgb(228,231,240);
border:					1px solid rgb(153,150,181);
float:					right;
margin:					3px 0px 0px 20px;
padding-top:			5px;
}

img.alignleft{
border:					1px solid rgb(153,150,181);
float:					left;
margin:					4px 20px 5px 0px;
padding-top:			0px;
}

div.alignleft{
text-align:				center;
background:				rgb(246,246,240);
border:					1px rgb(244,213,163) solid;
float:					left;
margin:					8px 15px 0px 10px;
padding-top:			5px;
}


div.cen{
width:					500px;
text-align:				center;
margin:					0 auto;
}

div.cen div.alignleft{
text-align:				center;
background:				rgb(246,246,240);
border:					1px rgb(244,213,163) solid;
float:					left;
margin:					3px 6px 13px 7px;
padding-top:			5px;
}

dl.aligncenter{
text-align:				center;
background:				rgb(246,246,240);
border:					1px rgb(244,213,163) solid;
margin:					0px auto;
padding-top:			5px;
}

dl.wp-caption{
text-align:				center;
}

dt.aligncenter img{
text-align:				center;
padding-top:			0px;
}

dt.wp-caption-dt a img.size-full{
margin:					0px;
border:					1px rgb(244,213,163) solid;
}

dt.wp-caption-dt a img.size-full:hover{
margin:					0px;
border:					1px solid rgb(236,31,39);
}

dd.wp-caption-dd {
font-weight:			300;
font-size:				10px;
line-height:			12px;
padding:				2px 0px 3px 0px;
margin:					0px;
}


div.wp-caption p.wp-caption-text {
font-weight:			300;
font-size:				10px;
line-height:			12px;
padding:				5px 4px 5px 4px;
margin:					0px;
}

div.wp-caption a img.size-medium{
margin:					0px;
border:					1px rgb(244,213,163) solid;
}

div.wp-caption a img.size-medium:hover{
margin:					0px;
border:					1px solid rgb(236,31,39);
}

div.wp-caption a img.size-full{
margin:					0px;
border:					0px solid rgb(153,150,181);
}

div.wp-caption a img.size-full:hover{
margin:					0px;
border:					1px solid rgb(153,150,181);
}

/*Sidebar*/
td.nav_left h1.sidebar{
font-size:				16px;
color:					rgb(0,80,148);
border-bottom:			0px rgb(244,213,163) solid;
margin:					0px 0px 0px 0px;
padding:				0px 0px 7px 10px;
}

td.nav_left h1.sidebar1{
font-size:				16px;
color:					rgb(0,80,148);
border-bottom:			0px rgb(244,213,163) solid;
margin:					0px 0px 0px 0px;
padding:				10px 0px 7px 10px;
}

td.nav_left  a.l1l1{
font-weight:			900;
color:					rgb(45,45,4);
margin:					0px 0px 1px 0px;
padding:				3px 5px 2px 25px;
text-align:				left;
vertical-align:			middle;
background:				url(/shop/gfx/pfeil-D.gif) no-repeat 12px 7px;
}

td.nav_left  a.l1l1:hover{
color:					rgb(250,125,25);
background:				url(/shop/gfx/pfeil-H.gif) no-repeat 12px 7px;
text-decoration:		none;
}

/* ----------------------------------------------------------------------------------------- */
/* FOOTER */
/* ----------------------------------------------------------------------------------------- */

div.footer{
text-align:			center;
width:				978px;
height:				25px;
margin:				0 auto 0 auto;
padding:			0px 0px 0px 0px;
background:			url(/shop/gfx/footer.gif) no-repeat 0px 0px;
}



div.footer p{
font-family:		Arial, Helvetica, sans-serif;
font-size:			11px;
line-height:		11px;
font-weight:		300;
color:				rgb(45,45,4);
margin:				0px 0px 10px 0px;
padding:			8px 0px 0px 0px;
}


div.footer p a.fo{
color:				rgb(45,45,4);
text-decoration:	none;
}

div.footer p a.fo:hover{
color:				rgb(45,45,4);
text-decoration:	underline;
}

/*Download*/


span.dir{
font-weight:		900;
line-height:		24px;
background-image:	url(/sys/elements/folder_icon.gif);
background-position:0px 2px;
background-repeat:	no-repeat;
margin:				10px 20px 0px 10px;
padding-left:		22px;
padding-bottom:		10px;
}


.dir0{
font-weight:		900;
line-height:		24px;
background-image:	url(/sys/elements/folder_icon.gif);
background-position:0px 2px;
background-repeat:	no-repeat;
margin:				10px 20px 0px 10px;
padding-left:		22px;
padding-bottom:		10px;
}

a.pdffile{
background-image:	url(/sys/elements/pdf_icon.gif);
background-repeat:	no-repeat;
}

a.pdffile:link, a.pdffile:visited{
line-height:		24px;
padding-left:		22px;
padding-bottom:		10px;
text-decoration:	none;
color:				rgb(45,45,4);
}

a.pdffile:hover, a.pdffile:active{
line-height:		24px;
padding-left:		22px;
padding-bottom:		10px;
text-decoration:	underline;
}

/*KONTAKT*/



table.form{
width:					470px;
border-collapse:		collapse;
border:					1px solid rgb(244,213,163);
margin:					10px 10px  10px  10px;
}

table.form td{
text-align:				left;
padding:				7px 10px 7px 15px;
border:					1px solid rgb(244,213,163);
}

table.form td input.rad{
width:					12px;
height:					12px;
margin:					0px 10px 3px 0px;
}

table.form td select{
width:					200px;
height:					24px;
}

table.form td input{
width:					200px;
height:					20px;
}

table.form td textarea{
width:					470px;
margin:					0px;
}

table.form td input.knopf{
color:					rgb(255,255,255);
width:					120px;
height:					24px;
padding-bottom:			2px;
background:				rgb(236,31,39);
border:					1px  rgb(248,167,36) solid;
}

 a.shh{
 padding-right:			9px;
color:					rgb(236,31,39);
background-image:		url(/shop/gfx/pfeil-D-K.gif);
background-position:	center right;
background-repeat:		no-repeat;
}

 a.shh:hover{
text-decoration:		underline;
}