﻿body
{
	margin: 0px, 0px, 0px, 0px;
	background-color: #CFCFCF;
}

.body-side
{
	width: 10%;
}

.background-top
{
	background-color: #E9E9E9;
	height: 30px;
}

.search
{
	
	background-color: #E9E9E9;
	width: 200px;
	height: 50px;}

.search-field
{
	border: 1px solid #CCCCCC;
}

.login
{
	width: 200px;
	height: 80x;
	background-color: #cccccc;
}


<!-- content -->
.content
{
	width: 80%;
	background-color: #ffffff;
	
}

.content-placeholder
{
	width: 100%;
}

<!-- body head -->
.body-head
{
	width: 100%;
}

.menu
{
	width: 100%;
	height: 20px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	background-color:#CC0066;
	background-image: url('../../../../Images/IC_Menu_Background.png');
}

.menu-item
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: white;
	text-align:center;
}

.menu-item-hover
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: white;
}

.menu-item-selected
{
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	color: white;
	background-color:#CC0066;
}

.submenu
{
	width: 100%;
	border-bottom: 1px solid #CCCCCC;
}

.submenu-item
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
	font-weight:bold;
	height:20px;
	vertical-align: middle;
	background-color:#FFFFFF;
	border-top: 1px solid #CCCCCC;
	padding-left: 10px;
}

.submenu-item-selected
{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	height:20px;
	vertical-align: middle;
	background-color:#999999;
	border-top: 1px solid #CCCCCC;
}

.submenu-item-hover
{
	font-family: Arial;
	font-size: 12px;
	color: #ffffff;
	font-weight:bold;
	height:20px;
	vertical-align: middle;
	background-color:#CCCCCC;
	border-top: 1px solid #CCCCCC;
	cursor:pointer;
}


.page-title
{
	font-family: Arial;
	font-size: 24px;
	color: #666666;
}

.page-text-container
{
	width: 550px;
}

.page-text
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}


.page-text-header
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
	font-weight:bold;
}

.space-left
{
	padding-top: 30px;
	border-right: 1px solid #CCCCCC;
}


<!-- animation -->
.animation
{
	width: 750px;
	height: 200px;
	border: 1px solid #CCCCCC;
}

.thema-thumb
{
	width: 180px;
	height: 100px;
	border: 1px solid #CCCCCC;
}

<!-- fonts -->
.header
{
	font-family: Verdana;
	font-weight: lighter;
	font-size: 13pt;
	color: #333333;
}

.category-header
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #D95700;
}

.category-headertext
{
	font-family: Arial;
	font-size: 9pt;
	font-weight: bold;
	color: #CC0066;
}

.more-text
{
	font-family: Arial;
	font-size: 9pt;
	color: #CC0066;
}


.category-boldtext
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}


.category-text
{
	font-family: Arial;
	font-size: 10pt;
	color: #666666;
}



.bottom-text
{
	font-family: Arial;
	font-size: 9pt;
	color: #666666;
}

a
{
	text-decoration:none;
	color: #CC0066;
	font-weight: bold;
}

.header-text
{
	font-family:Arial;
	font-size: 20px;
	color:#343434;
}

.more-info
{
	font-family: Arial;
	font-size: 12px;
	color: #666666;
}

.product-price
{
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #CC0066;
}

.submit-button
{
	border: 1px solid #CCCCCC;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #CC0066;
}

<!-- cells -->
.thema-link-cell
{
	border: 0px;
}

.dottedCell
{
	border-bottom: 1px dotted #CCCCCC;
	padding-left: 10px;
}

<!-- links -->
.thema-link
{
	font-size: 8pt;
	color: #333333;
	font-family: Arial, sans-serif;
	text-decoration: none;
}
.thema-link:hover
{
	font-size: 9pt;
	color: #FF3300;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.login-text
{
	font-family: Arial; 
	font-size: 9pt; 
	color:#FFFFFF
}

.news-headline-title
{
	font-family: Arial;
	font-size: 24px;
	font-weight: lighter;
	color: #666666;
	margin: 0px, 0px, 0px, 40px;
}


.news-headline-text
{
	font-family: Arial;
	font-size: 12px;
	color: #333333;
}

.news-title
{
	font-family: Arial;
	font-size: 24px;
	font-weight: lighter;
	color: #333333;
	margin: 0px, 0px, 0px, 40px;
}


.news-text
{
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}