﻿/* Begin layout */
html, body, form
{
	width:100%;

	height:100%;
	min-height:100%;	

	margin:0px;
	padding:0px;
}

body
{
	background-color:#868789;
}

p { margin-bottom:10px; }

#wrapper
{
	position:relative;

	width:1000px;

	height:auto !important;
	height:100%;
	min-height:100%;

	margin:0px auto;
	padding:0px;
	
	background-image:url('../../../Images/Layout/faux_columns_01.jpg');
	background-repeat:repeat-y;
	background-position:0px 150px;
}

#header
{
	position:relative;
	
	width:1000px;
	height:104px;
	
	margin:0px;
	padding:0px;
	
	background:#FFFFFF url('../../../Images/Layout/header_01.jpg') no-repeat;
}

.umzug
{
	position:relative;
	display:block;
		
	top:0px;
	left:780px;
}

.logo
{
	position:absolute;
	display:block;
		
	top:53px;
	left:27px;
}

#left
{
	float:left;
	width:235px;
	
	margin:65px 0px 0px 0px;
}

#center
{
	float:left;
	width:508px;

	margin-left:38px;
}


#right
{
	float:left;
	width:215px;
	
	margin:0px 0px 0px 4px;
}

#navigation
{
	width:508px;
	height:29px;

	background-color:#FFFFFF;
}

#content
{
	width:468px;	
	height:auto;

	margin:4px 0px 0px 0px;
	padding:35px 20px 35px 20px;
	
	background-color:#FEF5E1;
}

.product
{
    overflow:hidden;
}

.product div
{
    float:left;
}

table
{
    width:468px;
}

.clear
{
	clear:both;
}

.contentimage
{
	float:left;
	
	margin:0px 40px 80px 0px;
	padding:5px 5px 5px 5px;
	
	background-color:#FFFFFF;
	border:solid 1px #FABA00;
}
/* End layout */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin typography */
strong
{
	font-weight:bold;
}

em
{
	font-style:italic;
}

a img
{
	border:0;
}

#menu a, #login a
{
	float:left;

	width:230px;
	height:21px;
	
	margin:0px 0px 4px 0px;
	padding:4px 5px 0px 0px;

	background-color:#E2E3E5;

	font:bold 9pt Arial;
	color:#013480;
	text-decoration:none;
	text-transform:uppercase;
	text-align:right;
}

#menu ul#menu:last-child 
{
    margin-bottom:15px;
}

#menu a.active, #menu a:hover
{
	background-color:#013480;
	color:#FFFFFF;
}

#menu .sub
{
	float:left;
	
	width:235px;
	
	background-color:#8CA3CF;
	
	margin:0px 0px 4px 0px;	
}

#menu .sub a
{
	margin:0px 0px 0px 0px;

	background-color:#8CA3CF;

	color:#FFFFFF;	
	text-align:right;
}

#menu .sub a.active, #menu .sub a:hover
{
	background-color:#8CA3CF;
	color:#013480;
}


#navigation a
{
	float:left;
	
	width:101px;
	height:21px;
	
	margin:0px 0px 0px 0px;
	padding:4px 0px 0px 0px;

	background-color:#E2E3E5;

	font:bold 9pt Arial;
	color:#013480;
	text-decoration:none;
	text-align:center;
	text-transform:uppercase;
}

#navigation a.spacer
{
	width:104px;
}

#navigation a.active, #navigation a:hover
{
	background-color:#013480;
	color:#FFFFFF;	
}

#login 
{
    clear:left;
    text-align:right;
    font-family:Arial;
    font-size:9pt;
    padding-top:5px;
}

#login ul li a 
{
    background-color:#FEEDCB;
    color:#FAB300;
}

#login ul li a.active, #login ul li a:hover
{
	background-color:#FABA00;
	color:#FFFFFF;
}

#login label 
{
    float:none;
    margin:0;
}

#login p 
{
    margin-top:10px;
}
#left h2 
{
    color:#013480;
    font-size:150%;
    font-weight:bold;
    margin-bottom:5px;
}
#right h1
{
	width:205px;
	height:20px;

	margin:0px;
	padding:5px 0px 0px 10px;
	
	font:bold 9pt Arial;
	text-transform:uppercase;
	
	color:#FAB300;

	background-color:#FEEDCB;	
}

#right h2
{
	width:195px;
	height:20px;

	margin:0px;
	padding:5px 0px 0px 10px;
	
	font:bold 9pt Arial;
	text-transform:uppercase;
	
	color:#FAB300;

	background-color:#FEEDCB;	
}

#right span
{
	display:block;
	
	width:195px;

	margin:4px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	
	font:normal 9pt/18px Arial;
	color:#FFFFFF;

	background-color:#FABA00;
	
}

#content
{
	font:normal 9pt/18px Arial;
	color:#000000;
}

#content h1
{
	margin:0px 0px 20px 0px;
	
	font:bold 10pt Arial;
	text-transform:uppercase;
	color:#FABA00;
}

#content h2
{
	margin:40px 0px 20px 0px;
	
	font:bold 10pt Arial;
	text-transform:uppercase;
	color:#FABA00;
}

#content a, #right a
{
	font:normal 9pt/18px Arial;
	color:#013480;
	text-decoration:none;
}

#content hr
{
	display:block;
  
	height:1px;
  
	margin:20px 0px 20px 0px;

	color:#013480;
	background-color:#013480;

	border-style:none;
}

#content ul
{
    margin:20px 0px 20px 0px;
    padding:0px 0px 0px 20px;
    
    list-style-type:disc;
}

.imprint
{
	font:normal 9pt Arial;
	color:#013480;
	text-decoration:underline;
}
/* End typography */
/* -------------------------------------------------------------------------------------------------------- */
/* Begin forms */
fieldset
{
    margin:0px 0px 0px 0px;
}

.textbox, .textarea
{
	margin:0px 0px 0px 0px;
	padding:2px 2px 2px 2px;
	
	font:normal 9pt Arial;

	color:#000000;	

	border:solid 1px #666666;
}

legend
{
	display:block;

	margin:0px 0px 20px 0px;
	
	font-weight:bold;
}

label
{
	float:left;

	margin:0px 0px 20px 20px;
}


label.first
{
	margin:0px 0px 20px 0px;
}

.label.second 
{
    margin-left:40px;
}

.button
{
    padding:4px 0px 4px 0px;
    
    font:normal 9pt Arial;

	color:#FFFFFF;

    background-color:#FABA00;
    
    border:0px;
}

span.error
{   
    margin:5px 0px 0px 0px;
    color:Red;
}

#login span#ctl00_LoginView1_lblMessage a 
{
    background:none;
    width:100px;
    float:right;
    clear:right;
}

label.first strong span
{
    color:#FABA00;
}

label.first span 
{
    color:#FABA00;
    font-weight:bold;
}
/* End forms */
/* -------------------------------------------------------------------------------------------------------- */