/*------------- #######      STYLES  LOGI REDESIGN 2007  #######  --------------- */


/*---------------------------    BASIC Styles   ---------------------------- */

body
{		background-color:#098C7E;
		background-image:url(../images/body_bg.gif); background-repeat:repeat-x;
		margin:4px 20px 0px 20px; 
		font-family:arial, helvetica, sans-serif; 
		font-size:12px;
		color:#474747;
}
#main {
	margin: 0;
	padding: 0;
	position: relative;
}
.loginscreen {
	width: 947px;
	height: 597px;
	background-image: url(../images/bg_login.jpg);
	background-repeat: no-repeat;
	vertical-align: top;
	text-align: left;
}
td
{		font-family:  arial, helvetica, sans-serif; 
		font-size: 12px;
		color:#474747;
}
img {	border: none; }	

/*--------------------   SCHRIFTFORMATIERUNG   ---------------------------- */
/*Standardlink*/
a  { color: #2C9BCA;}
a:link  	{	text-decoration:none;	color:#2C9BCA;}
a:active	{	text-decoration:none;	color:#2C9BCA;}
a:visited	{	text-decoration:none;	color:#2C9BCA;}
a:hover		{	text-decoration:underline;	color:#2C9BCA;}

/*Standardlink für Teaser grau fett*/
.teaserlink a, .teaserlink a:active, .teaserlink a:visited
{		color:#474747;
		text-decoration:none;
		font-weight:bold;		
}
.teaserlink a:hover
{		color:#2C9BCA;
		text-decoration:none;
		font-weight:bold;		
}

/*Headlines*/
h1 {
	margin: 0;
	padding: 0 20px .07em 25px;
	color: #fff;
	font-size: 24px;
	letter-spacing: .05em;
	line-height: 1.9em;
	font-weight: normal;
}
h1.long {
	font-size: 2.6em;
	padding: .2em 0 .15em 25px;
	_padding: .2em 0 .18em 25px;
}
h2 /*grüne headline 1*/
{ 		font-size:18px;
		font-weight:normal;
		color:#3FA79C;
		margin-bottom:11px;
		margin-top:11px;
		margin-top:0px;		
}
.inhalt /*grüne headline 1 im Inhalt*/
{ 	margin-bottom:22px;
	margin-left:26px;		
}
h2 .rechtespalte /*grüne headline*/
{ 		font-size:18px;
		font-weight:normal;
		color:#3FA79C;
		margin-bottom:11px;
		margin-top:32px;		
}
h2 a, h2 a:active, h2 a:visited
{		color:#3FA79C;
		text-decoration:none;		
}
h2 a:hover
{		color:#2C9BCA;
		text-decoration:none;		
}
h3 /*graue headline 1*/
{ 		font-size:18px;		
		font-weight:normal;
		margin-bottom:11px;
		margin-top:0px;;		
}
/*
h3 .rechteSpalte
{ 		font-size:12px;		
		font-weight:bold;		
}
*/
h4 /*Überschriften in Produktdetailansicht*/
{ 		font-size:14px;		
		margin-bottom:11px;
		margin-top:0px;		
}
h4 a, h4 a:active, h4 a:visited
{		color:#474747;		
}
h4 a:hover
{		color:#2C9BCA;
		text-decoration:none;		
}
.nospace /*fuer h headlines ohne absatz*/
{ 		margin-bottom:0px;		
}



/*---------------------------    RAHMENLAYOUT  ---------------------------- */
td.content 
{ 		background-color:#FFFFFF;
		padding-bottom:30px;	
}
td.mittelspalte { padding:25px 0 0 0; }

/*Header*/
input.search_text /*Suchfeld*/
{		width:150px;
		margin:0 3px 0 0;
		padding:1px 2px;
		border:1px solid #9b9b9b;
		border-width:1px 0 0 1px;
		vertical-align:middle;
		font-size:12px;
		color:#333333;	
		font-family:arial,helvetica,sans-serif;
		background-color:#F6F8FA;
		/*background-image: url('../logitech_data/layout_images/icn_magnifying_glass.gif');
		background-repeat: no-repeat;
		padding-left: 20px;*/
}
td.headerlinie { border-bottom:2px solid #3FA79C; }

/*Start-Inhalt*/
td.startteaser_abb { padding:25px 0px 0px 0px; }

/*Rechte Spalte*/
td.rechtespalte 
{ 		background-image:url(file:///D|/arbeit/logi_NEU_07/logitech_data/layout_images/bg-rechtespalte.jpg); background-repeat:repeat-x;
		padding:20px 0 20px 20px;	
}
td.rechtespalte_proddetail 
{ 		background-image:url(file:///D|/arbeit/logi_NEU_07/logitech_data/layout_images/bg-rechtespalte-proddetail.jpg); background-repeat:repeat-x;
		padding:20px 0 20px 20px;	
}
img.rechtespalte_teaser { margin:6px 0 6px 0; }
td.rechtespalte_linie			
{	padding-bottom: 24px;
	border-bottom:1px solid #E5EAEF; 
}
td.poll_frage  { padding:2px 0 2px 4px; }

/*Footer*/
td.footer 
{ 		background-color:#FFFFFF;
		background-image: url(file:///D|/arbeit/logi_NEU_07/logitech_data/layout_images/bg-footer.gif); background-repeat:repeat-x;
		text-align:center;
		font-size:10px;	
}
td.footer a, td.footer a:active, td.footer a:visited	
{		color:#474747;
		font-size:10px; 
}
td.footer a:hover
{		color: #474747;
		font-size:10px;
}

/*--------------------   BUTTONS und ICONEN   ---------------------------- */
/*blauer Button*/
table.btn_start
{ 		margin:14px 0 35px 0;
		height:20px;	
}
table.btn_poll
{ 		margin:14px 0 2px 0;
		height:20px;	
}
table.btn_rechtespalte
{ 		margin:0;
		height:20px;	
}
table.btn_preislisten {
		margin-bottom:15px;
		height:20px;
}
td.btn_li
{		width:25px;
		background-image:url(../images/btn_blau_li.jpg); background-repeat:no-repeat;
}
td.btn_li_bggrau
{		width:25px;
		background-image:url(../images/btn_blau-li_bggrau.gif); background-repeat:no-repeat;
}
.btn_mittestart {	width:140px; }
#btn_mitte
{
	background-image: url(../images/btn_blau_bg.jpg);
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
}
#btn_mitte a, #btn_mitte a:active, #btn_mitte a:visited
{		font-size:11px;
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
}
#btn_mitte a:hover
{		text-decoration:underline;
}
td.btn_re
{		width:25px;
		background-image:url(../images/btn_blau_re.jpg); background-repeat:no-repeat;
}
td.btn_re_bggrau
{		width:25px;
		background-image:url(../images/btn_blau-re_bggrau.gif); background-repeat:no-repeat;
}



/*---------------------------  Bildformatierungen  -------------------- */

img.intext
{
	float: left;
	margin-top:10px;
	margin-right:10px; 
	margin-bottom:10px
}


/**************** Login ********************/

h5 {
	color: #fff;
	font-size: 24px;
	letter-spacing: .05em;
	font-weight: normal;
	line-height: 30px;
	margin: 0px;
	padding: 0px;
}
ul.login {
	list-style-type: none;
	list-style-image: url(../images/abb_haken_login.jpg);
	margin-left: 23px;
	margin-bottom: 10px;
	padding-left: 0px;
}
ul.login li {
	padding: 0px;
	margin-bottom: 5px;
}
#login_oben { margin: 20px 28px 0px 28px; }
td.login {
	padding: 10px 0px 0px 28px;
	height: 153px;
	_height: 100px;
	vertical-align: top;
}
.headline_grau {
		font-size:18px;
		font-weight:normal;
		color:#474747;
		line-height: 30px;
}
td.form { padding-bottom: 5px; }
#login_teaser { margin-bottom: 19px; }
.btn_login
{
	background-image: url(../images/btn_login.gif);
	text-align: center;
	vertical-align: center;
	font-size: 11px;
	color: #ffffff;
	text-transform: uppercase;
	font-weight: bold;
	width: 88px;
	height: 20px;
	background-repeat: no-repeat;
}
#btn_top { padding-top: 5px; }
.btn_login a, .btn_login a:active, .btn_login a:visited
{		font-size:11px;
		color:#ffffff;
		text-transform:uppercase;
		font-weight:bold;
}
.btn_login a:hover {	text-decoration:underline;color:#ffffff; }
form#loginform {
	float:left;
  	margin: 0;
  	margin-bottom: 1em;
}
form#loginform label {
  display: block;
  float: left;
  width: 58px;
}
form#loginform input.login {
  	display: block;
  	float: left;
  	margin-bottom: 4px;
  	width: 133px; 
	height: 18px;
	background-color: #ECF0F4;
	border: none;
}
form#loginform br { clear: left; }
form#loginform + * { clear: left;}
select.login {
  display: block;
  float: left;
  width: 100px; 
  font-size: 9px;
  margin-right: 5px;
}