/* -----------------------------------------------------------------	
              Name : print.css
              Type : Cascade StyleSheets

           Project : www.mediaspects.de
            Author : Lothar Steidle - lothar@steidle.net
              Date : 05.11.2006 / Version 1.0

       Description :
 -------------------------------------------------------------------
 Revision / Bugfix : 				       
 -------------------------------------------------------------------
              todo :
 -------------------------------------------------------------------
 Raster ist 10-211-10-211-10-211-10-211-10
*/


/* --- html tags default -------------------------------------------*/

html,body {height:100%;}
body
{
	margin: 0; 
	padding:0;
	
	
}
body,div,td,th,a
{
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: black; 
	
}
td
{
	vertical-align:top;
}

sup {font-weight:bold;padding-left:5px;padding-right:5px;}



label					{float:left;width:190px; text-align:right;font-weight: bold;margin:0px;margin-right:5px;}
#smallform label 		{float:left;width:100px; text-align:right;font-weight: bold;margin:0px;margin-right:5px;}
select					{margin:0px;margin-bottom:3px;padding:1px; font-family:Verdana; font-size:11px;}
input,
textarea				{margin:0px;margin-bottom:3px;background:url(../images/bg-search.gif);padding:1px; font-family:Verdana; font-size:11px;}
input:focus,
select:focus, 
textarea:focus			{border:1px solid #4B80DA;}

.big input {font-size:18px;font-weight:bold;}

form p{margin:2px;padding:0px;}

fieldset {
  clear: both;
  font-size: 1em;
  border:1px solid #4B80DA;
  padding: 5px;
  margin: 10px 0px 10px 0px;
}

fieldset legend {
  font-size: 1.1em;
  font-weight: normal;
  border:1px solid #4B80DA;
  color: black;
  font-weight:bold;
  margin: 0px 0px 20px 0px;
  padding: 5px;
}


.image
{
	margin-right:5px;
}

#tree ul
{
	list-style-type:none;
}



form
{
	padding:0px;
	margin:0px;
}

p
{
	
	clear:both;	
	margin:0px;
	margin-bottom:10px;
}

ul
{
	margin-left:18px;
}


/* ------------------------------ links --- */
a
{
	color:#4B80DA;
	text-decoration:none;
	
}

a:hover
{
	text-decoration:underline;
	color:#4B80DA;	
}





hr
{
	height:2px;
	border-bottom:1px solid darkgray;
	border-top:1px solid white;
}

/* ------------------------------ foren --- */

.forumentry,.forumbreadcrums
{
	background-color:#eeeeee;
	border:1px solid gray;
	padding: 5px;
	margin-bottom:5px;
}

.forumwriter
{
	background-color:#fff;
	border:1px solid gray;
	padding: 5px;
	margin-bottom:5px;
	margin-top:15px;
}

.forumentry h3
{
	margin:0px;
	margin-bottom:10px;
	color:black;
	margin-left:0px;
}
.forumentry
{
	background-image:url(../images/icons/comment.gif);
	background-repeat:no-repeat;
	background-position:10px 10px;
	padding-left:40px;
}

/* ------------------------------ main menu --- */

#menu,#submenu,#submenucontainer
{
	display:none;	
}



/* --- content ------------------------------------------------*/

/* - blauer header */
#content h2			{background-color:#4B80DA;color:White;	margin:  0px 0px 10px 0px;	padding: 6px 0 6px 5px;	border-bottom:0;font-size:1em;clear:both;}
#content h3			{background-color:#f0f0f0;color:black;border:1px solid silver;margin-top:10px;margin-bottom:10px;padding:4px;font-size:1.0em;clear:both;}
#content h4			{background-color:#f0f0f0;color:#333;border:1px solid silver;margin-top:10px;margin-bottom:10px;padding:4px;font-size:1.0em;clear:both;}
#content			{padding-top:0px;margin-top:10px;margin-right:0px;width:900px;line-height:130%;}
#content img		{margin-right:0px;	margin-bottom:0px; border:0px;}	
#content div.thumbnail img {margin-bottom:-14px;}

#content img.variable{margin-right:5px;	margin-bottom:5px; border:0px;}	
#content ul			{clear:both;list-style-image:url(../images/list-item.gif) ;margin:3px;padding:5px;}
#content ol			{clear:both;padding:5px;}
#content li			{margin-left:20px;padding-left:0px;clear:left;}
#content p			{color:#444;padding-left:0px;padding-right:10px;margin-left:0px;clear:both;}
#content a.intern 
{
	background-image:url(../images/icons/linkintern.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
}

#content a.shop
{
	
	margin				: 0px 0px 0px 0px;
	background-image	: url(../images/menu/cart.gif);
	background-repeat	: no-repeat;
	background-position : 0px -3px;
	padding-left:15px;
	
}


/* --- main elements ------------------------------------------------*/

#wrapper
{
	margin: 0px auto 0px auto; /* center */
	width:944px;
	text-align:left;
	border:0;
	padding:0;
}


#wrapper #top
{
	display:none;
}
#wrapper #bottom
{
}

#wrapper #main
{
}	

#backnext
{
	border:1px solid silver;
	padding:3px;
}

#breadcrums
{
	margin-bottom:5px;
	padding-bottom:10px;
	text-align:left;
	font-size:11px;
	color:black;
	border-bottom:1px solid silver;
}

#search
{
	margin-top:5px;
	width:224px;
	float:right;	
	display:inline;
}
#search input.searchbox
{
	margin-right:3px;width:160px;
	background:url(../images/bg-search.gif);	
	padding:3px;border:1px solid black;
}

#footer
{
	position:relative;
	font-size:11px;
	padding:4px;	
	padding-top:0px;
	top:30px;
	text-align:center;	
}

#main
{
	min-height:80%;
}

.seperator
{
	padding				: 0px;
	margin				: 0px;
	background-repeat	: repeat-x;
	width				: 100%;
	height				: 1px;
	line-height			: 1px;
	font-size			: 0px;
	clear				: both;
	border-bottom:1px solid gray;
}

#topline
{
	display:none;
}



/* --- misc elements ---------------------------------------------- */


#layout
{
	height:100%;
}


.price
{
	float:right;
	font-size:20px;
	font-weight:bold;
	color:Orange;
}


/* --- formulars -------------------------------------------------- */



table.form td
{
	vertical-align:top;
}

.formend
{
	margin-left:10px;
}
.formerror
{	
	BORDER: solid 1px red; color:red;
}

.formvalid
{ 
	BORDER	: solid 1px silver; color:gray; 
}

.formmust
{ 
	BORDER: solid 1px black; 
}






/* --- admin ------------------------------------------------------- */

.formMedia
{
	border:2px inset;
	padding:2px;
}

.formErrortooltip
{
    PADDING-RIGHT: 4px;
    PADDING-LEFT: 4px;
    FONT-SIZE: 12px;
    PADDING-BOTTOM: 4px;
    PADDING-TOP: 4px;
    FONT-FAMILY: arial
}

.formSubFormContent
{

	border: 1px outset;
	padding: 1px;
	
}

.formSubFormHeader,.formSubFormHeader div
{
	text-align:left;
	background-color: #4B80DA;
	color:White;
	font-size:10px;
	padding:2px;

}

.formSubFormHeader div
{
	
}

.formSubFormActiveRow
{
	background-color: orange;
}

.formControlElement
{
	font-family: WebDings;
	font-size:9px;
	background-color:White;
}

div.thumbnailtext
{
	background-color:#eee;
	border: 1px solid gray;
	padding-left:20px;
	padding-top:3px;
	padding-bottom:5px;
	padding-right:3px;
	margin-right:0px;
	margin-top:0px;
	color:black;
	line-height:14px;
	
	background-image:url(../images/menu/search.gif);
	background-position:3px 5px;
	background-repeat:no-repeat;
}


.clear {clear:both;display:block;height:1px;width:500px;}

/* --- tables --- */

.layout
{
	width:100%;
	border-collapse:collapse;
}
.layout th,.layout td
{
	padding:0px;
	vertical-align:top;
}

.list
{
	width:100%;
	background-color:white;
	border:1px solid gray;	
}

.list .complete td {font-weight:bold;background-color:Orange;}

.list caption
{
	background-color:#eeeeee;
	margin-bottom:20px;
	text-align:left;
	font-size:13px;	
	font-weight:bold;
	border-left:1px solid gray;
	border-right:1px solid gray;
	border-top:1px solid gray;
	padding:3px;
}

.list th
{
	
	padding:2px;
	text-align:left;
	color:White;
	background-color:#4B80DA;
	border:1px solid white;
	vertical-align:top;
}

.list td
{
	xborder:1px solid white;
	padding:2px;
	background-color:White;
	vertical-align:top;
}

.list tr.storno td, tr.storno,.storno td,.storno
{
	text-decoration:line-through;
}

.list td p
{
	margin:0;padding:0;
}

.list .odd td
{
	background-color:#f0f0f0;
}

.list .orange td
{
	background-color:orange;
}

.list .yellow td
{
	background-color:yellow;
}
.list .red td
{
	background-color:red;
}


.bill
{
	
	border-collapse:collapse;
	border:1px solid black;
}

.bill td,.bill th
{
	vertical-align:top;
	background-color:White;padding:5px;text-align:left;
	border:1px solid black;
}


/* --- Admin ------------------------------------------------------------------------ */
.formSubFormContent
{
	width:500px;
}
#adminlist a {color:Black}
#adminlist
{
	xborder:1px solid red;
	width:100%;
	border-collapse:collapse;
}


#adminlist th p,#adminlist th {color:White;padding:3px;background-color:#4B80DA;text-align:left;font-size:10px;
	border:1px solid gray;
}
#adminlist th p{margin:0;padding:0}

#adminlist th a {color:White;}
#adminlist th a:hover {color:black;}

#adminlist td{font-size:11px;	border:1px solid gray;
}
#adminlist .odd {background-color:Silver}
#adminlist .notactive a {color:#ccc;}

#admincontent
{
	padding:10px;
}

#adminmenu
{
	background-color:Silver;
	list-style-type:none;
}
#adminmenu li
{
	display:inline;
	padding:5px;
}




/* farben menu */
.news #content h2 ,.news #submenu h3,.news #submenu li a:hover
{
	background-color:#6cd3a8;
}
.products #content h2 ,.products #submenu h3,.products #submenu li a:hover
{
	background-color:#4A80DA;
}
.support #content h2 ,.support #submenu h3,.support #submenu li a:hover
{
	background-color:#FFBB5A;
}
.buy #content h2 ,.buy #submenu h3,.buy #submenu li a:hover
{
	background-color:#4A80DA;
}

li#news.selected a
{
	font-weight:bold;
	color:#6cd3a8;
}
li#products.selected a
{
	font-weight:bold;
	color:#4A80DA;
}
li#support.selected a
{
	font-weight:bold;
	color:#FFBB5A;
}
li#buy.selected a
{
	font-weight:bold;
	color:#4A80DA;
}


.boxalert
{
	color:Black;
	background-color:#f0f0f0;
	background-image: url(../images/icons/dlg_alert.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	border:1px solid silver;
	padding: 5px 5px 15px 35px;		
	margin: 5px 0px 15px 0px;
}


#smallinfobox p
{
	margin:0px;
	clear:none;
	padding:0px;
	
}
#smallinfobox h3
{
	background-color:#4A80DA;
	color:White;
	margin:0px;
	border:0;
}

#smallinfobox h6
{
	margin:0px;
}

#smallinfobox div
{
		padding: 5px 5px 5px 5px;	

}
#smallinfobox
{
	color:Black;
	width:210px;
	float:right;
	background-color:#f0f0f0;
	background-repeat:no-repeat;
	background-position: 10px 10px;
	border:1px solid silver;
	margin: 5px 0px 15px 0px;
}	
.boxinfo
{
	color:Black;
	background-color:#f0f0f0;
	background-image: url(../images/icons/dlg_info.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	border:1px solid silver;
	padding: 5px 5px 15px 35px;	
	margin: 5px 0px 15px 0px;
}

.boxerror
{
	color:Black;
	background-color:#f0f0f0;
	background-image: url(../images/icons/dlg_error.gif);
	background-repeat:no-repeat;
	background-position: 10px 10px;
	border:1px solid red;
	padding: 5px 5px 15px 35px;		
	margin: 5px 0px 15px 0px;
	color:Red;
	margin-left:0px;
}

/* boxes */
#content .boxinfo h4,#content .boxerror h4,#content .boxalert h4
{
	color:Black;
	font-size:12px;
	padding:0px;
	margin-top:6px;
	margin-bottom:7px;
	background-color:#f0f0f0;
	border:0;
	
}
.pager
{
	float:right;
}

#smallinfobox a.extern,a.extern
{
	background-image:url(../images/icons/linkextern.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
	padding-left:14px;
	color:black;
	font-weight:bold;
	display:inline;
}

a.email
{
	background-image:url(../images/menu/email.gif);
	background-repeat:no-repeat;
	background-position:4px -2px;
	padding-left:22px;
	color:black;
	font-weight:bold;
}

#checkoutparts {text-align:center;padding:10px;}
#checkoutparts span {border:1px solid black;padding:4px;margin-right:20px;margin-bottom:20px;}
#checkoutparts span.selected{	background-color:#4A80DA;color:White;border:1px solid #4A80DA;font-weight:bold;}

#smallbasket
{
	border:0px solid #999999;
	padding:0px;
	xbackground-color:#4A80DA;
	color:White;
	padding-bottom:2px;
}
#smallbasket h4
{
	padding:0px;
	margin:0px;	
	margin-bottom:2px;
	background-color:gray;
	padding:4px;
}
#smallbasket h4 a
{
	color:#ffffff;
	font-size:12px;
	
}
#smallbasket div,#smallbasket td
{
	font-size:9px;
	color:black;
}

#emailtext textarea {font-family:Courier}

.pager li {display:inline}