/* 
================================
Skin styles for DotNetNuke
================================
*/   

.pagemaster {
    font-family: arial,sans-serif;
    font-size: 10pt;
	width: 100%;
	BACKGROUND-IMAGE: url(bg_hlines2.gif);
	vertical-align:top;
}
.skinmaster 
{
	width: 800px;
	background-color: #FEFEFE;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
}
.skin {
}
.skinheader {
	padding: 10px;
	BACKGROUND-IMAGE: url(Ritter-Header_03.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
.pcshop_button {
	padding: 0px;
	BACKGROUND-IMAGE: url(pcshop_button_bg.gif);
	background-repeat: repeat-x;
	height: 38;
	color: #ffffff;
	font-size: 18px;
	font-weight: bold; 
	text-align: center;
	vertical-align: middle;
}
A.pcshop_button_link:link {
    text-decoration:    none;
    color:#ffffff;
}
A.pcshop_button_link:visited  {
    text-decoration:    none;
    color:#ffffff;
}
A.pcshop_button_link:active   {
    text-decoration:    none;
    color:#ffffff;
}
A.pcshop_button_link:hover    {
    text-decoration:   underline;
    color:#ff0000;
}


.breadcrumb {
	border-bottom: #7994CB 1px solid;
}

.SkinObject {
    font-weight:  normal;
    font-size: 8pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}
A.SkinObject:link {
    text-decoration:    none;
    color:#0033c0;
}

A.SkinObject:visited  {
    text-decoration:    none;
    color:#0033c0;
}

A.SkinObject:active   {
    text-decoration:    none;
    color:#0033c0;
}

A.SkinObject:hover    {
    text-decoration:   underline;
    color:#ff0000;
}
.controlpanel {
	width: 100%;
	background-color: #DFE5F2;
}
.toppane {
	width: 100%;
	padding: 0px;
	background-color: #000;
	color: #eeeeee; 
	border-top: #7994CB 1px solid;
	border-bottom: #7994CB 1px solid;
}
.menupane {
	width: 175px;
	height: 30px;
	padding: 0px;
}
.leftpane {
	width: 175px;
	padding: 0px;
}
.contentpane {
	width: 100%;
	height: 100%;
	padding: 0px;
	BORDER-LEFT: #7994CB 1px solid; 
}
.rightpane {
	width: 175px;
	padding: 0px;
	height: 100%;
}
.bottompane {
	padding: 0px;
}
.bottomcredits {
	width: 100%;
	padding: 0px;
	BORDER-TOP: #7994CB 1px solid; 
}
.MainMenu_MenuContainer {
	background-color: transparent; 
	width: 100%;
}
.MainMenu_MenuBar {
	cursor: pointer; 
	cursor: hand;
	height:16px;
	background-color: Transparent;
}
.MainMenu_MenuItem {
	cursor: pointer; 
	cursor: hand; 

	border-left: #F3F5FA 0px solid; 
	border-bottom: #F3F5FA 1px solid; 
	border-top: #F3F5FA 1px solid; 
	border-right: #F3F5FA 0px solid;
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal; 
	background-color: Transparent;

	height: 22px;
}
.MainMenu_MenuIcon {
	background-color: #F3F5FA; 
	cursor: pointer; 
	cursor: hand; 
	text-align: center; 

	width: 0px; 
	height: 20px;
}
.MainMenu_MenuItemSel {
	cursor: pointer; 
	cursor: hand; 

	background-color: #B1CBEB;
	color: black; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	
	height: 22px;
}
.MainMenu_MenuItemBreadcrumb
{
	cursor: pointer; 
	cursor: hand; 

	background-color: #1A8FDB;
	color: #ffffff; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
	
	height: 22px;
}

.MainMenu_MenuArrow {
	cursor: pointer; 
	cursor: hand; 

	font-family: webdings; 
	font-size: 9pt; 
}
.MainMenu_RootMenuArrow {
	font-family: webdings; 
	font-size: 9pt; 
	cursor: pointer; 
	cursor: hand;
}

.MainMenu_SubMenu {  /* this is the frame arount the complete submenu */
	z-index: 1000; 
	cursor: pointer; 
	cursor: hand; 

	background-color: #F3F5FA;
	border: #7994CB 1px solid;

	filter:progid:DXImageTransform.Microsoft.Shadow(color='#696969', Direction=135, Strength=3);
}

.MainMenu_SubMenuItem
{
	cursor: pointer; 
	cursor: hand; 

	background-color: #CAD5EA;
	background-color: #00ff00;
	color: Red;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_SubMenuItemSel
{
	cursor: pointer; 
	cursor: hand; 

	background-color: #B1CBEB;
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_SubMenuItemBreadcrumb
{
	cursor: pointer; 
	cursor: hand; 

	background-color: #1A8FDB;
	color: #ffffff; 
	font-family: Tahoma, Arial, Helvetica; 
	font-size: 9pt; 
	font-weight: bold; 
	font-style: normal;
}

.MainMenu_MenuBreak {
	height: 1px;
}


.StandardButton     {
    background: #7994CB none; 
    color: #FFFFFF;
    font-family:Verdana, sans-serif; 
    font-size: 11px;
    font-weight: normal;
}
.TreeViewMenu {
	width: 175px;
	background-color: #DFE5F2;
	BORDER-RIGHT: #7994CB 1px solid; 
	BORDER-TOP: #7994CB 1px solid; 
	BORDER-LEFT: #7994CB 1px solid; 
	BORDER-BOTTOM: #7994CB 1px solid; 
	moz-border-radius-bottomleft: 15px; 
	moz-border-radius-bottomright: 15px; 
	moz-border-radius-topleft: 3px; 
	moz-border-radius-topright: 3px
}
.TreeViewMenu_Header {
	BACKGROUND-IMAGE: url(gradient_LtBlue.jpg);
}
.Head {
	color: #1a8fdb; /* RITTER Blau */
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
	font-size: 24px;
	line-height: 36px;	
}

/* text style used for most text rendered by modules */
.Normal, .top_address, TD {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height: 20px;
}
.top_address {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	line-height: 13px;
}
.top_bar {
	padding: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
	line-height: 13px;
	color: #eeeeee;
}

/* GENERIC */
H1  {
    font-size:  20pt;
}

H2  {
    font-size:  15pt;
}

H3  {
    font-size:  12pt;
    font-weight:    bold;
	color: #006A9D; 
}

H4  {
    font-size:  10pt;
    font-weight:    bold;
	color: #006A9D; 
}

H5, DT  {
    font-size:  9pt;
    font-weight:    bold;
}

H6  {
    font-size:  9pt;
    font-style:italic 
}

TBODY 
{
	font-size : 9pt;
}

TFOOT, THEAD    {
    font-size:  9pt;
}

TH  {
    vertical-align: baseline;
    font-size:  9pt;
    font-weight:    bold;
}

A:link  {
    color:  #0033c0;
}

A:visited   {
    color:  #0033c0;
}

A:active    {
    color:  #0033c0;
}

A:hover {
    color:  #ff0000;
}

/* Styles for Text/HTML */
.aktuell, .aktuelltitle, .aktuellpreis, .aktuellpreisdetail {
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 10px;
	line-height: 14px;
	color: black;
}
.aktuelltitle {
	font-size: 15px;
	line-height: 20px;
	background-color: #e6f2ff;
}
.aktuellmodell {
	font-size: 15px;
	line-height: 20px;
}
.aktuellpreis {
	font-size: 15px;
	line-height: 20px;
	color: Red;
}
.aktuellpreisdetail {
	color: Red;
}


/* Styles for the main text and images within the Text/HTML module */
.imageleftside img
{
    border: 1px solid #CCC;
    margin-right: 15px;
    margin-bottom: 20px;
    float: left;
}
.imagerightside img
{
    border: 1px solid #CCC;
    margin-left: 15px;
    margin-bottom: 20px;
    float: right;
}
.imageleftsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}
.imageleftsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.imagerightsidecaption
{
    font-size: 85%;
    font-style: italic;
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.imagerightsidecaption img
{
    border: 1px solid #CCC;
    margin-bottom: 5px;
}
.clear
{
    clear: both;
}
.quoteleft
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 10px 0 0;
    margin: 10px 10px 10px 0;
    width: 220px;
    float: left;
    text-align: right;
    border-right: 10px solid #C8CDD0;
    color: #75818A;
}
.quoteright
{
    font: italic 105% Georgia, "Times New Roman", Times, Serif;
    padding: 0 0 0 10px;
    margin: 10px 0 10px 10px;
    width: 220px;
    float: right;
    text-align: left;
    border-left: 10px solid #C8CDD0;
    color: #75818A;
}





@media print 
{
.pagemaster {
    font-family: arial,sans-serif;
    font-size: 10pt;

	width: 100%;
	height: auto;	
	BACKGROUND-IMAGE: none;
}.skinmaster {
	height: auto;
	width: 100%;
	border: 0px;
	table-layout: fixed;
}
.skin {
	table-layout: fixed;
}
.toppane 
{
	visibility: hidden;
}
.menupane 
{
	visibility: hidden;
	width: 0px;
}
.leftpane {
	visibility: hidden;
	height: auto;
	width: 0px;
}
.contentpane {
	width: 100%;
	height: auto;
	border: 0px;
}
.rightpane {
	visibility: hidden;
	width: 0px;
}
.bottompane {
	visibility: hidden;
	width: 0px;
}
}