/*------------- #######      Geiba Mobile  STYLES     #######  --------------- */


/*---------------------------    Basis Styles   ---------------------------- */

body
{		background-color: #FFFFFF;
		margin: 75px 0 20px 0; 
		font-family:  Arial, Helvetica, sans-serif; 
		font-size: 11px;
}
		
td		
{		font-family: Arial, sans-serif;  
		font-size: 11px;
		color: #000000;
		line-height: 16px;
}


a  {color: #335B2D;}
a:link  	{	text-decoration: underline;	color: #335B2D;}
a:active	{	text-decoration: underline;	color: #335B2D;}
a:visited	{	text-decoration: underline;	color: #335B2D;}
a:hover		{	text-decoration: underline;	color: #2D2D2E;}

a.graulink  {color: #7F7F7F;}
a.graulink:link  	{	text-decoration: none;	color: #7F7F7F;}
a.graulink:active	{	text-decoration: none;	color: #7F7F7F;}
a.graulink:visited	{	text-decoration: none;	color: #7F7F7F;}
a.graulink:hover		{	text-decoration: none;	color: #335B2D;}

/*---------------------------   Farben   ---------------------------- */

.bggruen {		background-color:#335B2D; }
.bggrau {		background-color:#E5E5E5; }

/*---------------------------    Navigation   ---------------------------- */
/* Navigation linker und rechter Block  ---------------------------- */
#navlinks 
{ 		background-image: url(../images/bg_navlinks.jpg);
		background-repeat: repeat-x;
		vertical-align:bottom;
		text-align:right;
}

#navlinks table
{ 		margin-right:28px;
		margin-bottom:24px;
}

*html #navlinks table
{ 		margin-right: 16px;
		margin-bottom:24px;
}


#navlinks td
{ 		text-align:right;
		color: #FFFFFF;
		text-decoration: none;
		height: 22px;
		border-bottom: 1px solid #4C4C4D;
		padding-right:5px;
}

#navlinks a, #navlinks a:active, #navlinks a:visited
{ 		text-align:right;
		color: #FFFFFF;
		text-decoration: none;
		padding-right:9px;
}

#navlinks a:hover
{ 		text-align:right;
		color: #989898;
		text-decoration: none;
		padding-right:9px;
}

#navrechts 
{ 		background-image: url(../images/bg_navrechts.jpg);
		background-repeat: repeat-x;
		vertical-align:bottom;
		text-align:left;
}

#navrechts table
{ 		margin-left:28px;
		margin-bottom:24px;
}

#navrechts td
{ 		text-align:left;
		color: #FFFFFF;
		text-decoration: none;
		height: 22px;
		border-bottom: 1px solid #50664C;
		padding-left:5px;
}

#navrechts a, #navrechts a:active, #navrechts a:visited
{ 		text-align:left;
		color: #FFFFFF;
		text-decoration: none;
		padding-left:9px;
}

#navrechts a:hover
{ 		text-align:left;
		color: #989898;
		text-decoration: none;
		padding-left:9px;
}


img.navpfeillinks 
{ 		margin-left:5px;}

img.navpfeilrechts
{ 		margin-right:5px;}


/* Navigation Sprachauswahl  ---------------------------- */

#langnav
{		color: #7F7F7F;
		text-decoration: none;
		margin:33px 0 0 33px;
		line-height: 19px;
}

#langnav a, #langnav a:active, #langnav a:visited
{		color: #7F7F7F;
		text-decoration: none;
		line-height: 19px;
}

#langnav a:hover
{		color: #000000;
		text-decoration: none;
		line-height: 19px;
}

.verlauf 
{ 		background-image: url(../images/bg_verlauf.jpg);
		background-repeat: repeat-x;
		vertical-align:top;
}


/*-------------------------------  Layout und  Inhalte   ---------------------------- */
/* ol {
	width: 440px;
	overflow: hidden;
	list-style-type:decimal;
}*/
td.white_line {
	padding-top: 8px;
	padding-bottom: 8px;
}


td.formfields {
	width: 191px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #7F7F7F;
	vertical-align: top;
}

td.formfields_small {
	width: 90px;
	text-align: right;
	padding-top: 3px;
	padding-bottom: 3px;
	color: #7F7F7F;
	vertical-align: top;
}

td.content	
{
	padding: 40px 0px 10px 48px;
	vertical-align: top;
	width: 440px;
}


.headline 	
{		font-size: 18px;
		color:#464646;
		margin-bottom:14px;}
		
.headline2 	
{		font-size: 18px;
		color:#464646;
		margin-bottom:3px;
}

.textgrau {
	color: #7F7F7F;
}
		
.subline	
{		font-size: 12px;
		color:#464646;
		margin-bottom:14px;}
		
		
/* Teaserbox bzw. Inhaltsbox grau mit runden Ecken*/
td.ecke1	{ background-image:url(../images/ecke_li_o.gif); padding:0;}
td.ecke2	{ background-image:url(../images/ecke_re_o.gif); padding:0;}
td.ecke3	{ background-image:url(../images/ecke_li_u.gif); padding:0;}
td.ecke4	{ background-image:url(../images/ecke_re_u.gif); padding:0;}		

.headlineteaser 	
{		text-transform: uppercase;
		color:#335B2D;}

img.trennlinie 	
{
	width: 485px;
	color: #464646;
	margin-bottom: 15px;
	margin-top: 3px;
	padding: 3 0 3 0;
}


/*
ul
{ 		list-style-image:url(../images/wuerfel.gif);
		list-style-position:outside;
		margin-left: -28px;
}

* html ul
{ 	margin-left: 17px;
} */



/*-------------------------------   Formularelemente    ---------------------------- */

input.suchfeld	{font-family:Arial,sans-serif;  font-size:11px; color:#000000; background-color: #FFFFFF; border: 1px solid #FFFFFF; width:140px;}
input.suchen 	{font-family:Arial,sans-serif;  font-size:11px; color:#5C5B60; background-color: #C3C5C8; border: 1px solid #C3C5C8;}

td.form			{height:24px;;}
input.kontakt	{font-family:Arial,sans-serif;  font-size:11px; color:#000000; background-color: #E9E9EB; border: 1px solid #E9E9EB; padding:2px 4px 2px 4px;}
input.senden 	{width: 168px; height: 24px; font-family:Arial,sans-serif;  font-size:11px; color:#FFFFFF; background-color: #335B2D; border: 1px solid #335B2D; padding:2px 4px 2px 4px;}
textarea.kontakt 	{font-family:Arial,sans-serif;  font-size:11px; color:#000000; background-color: #E9E9EB; border: 1px solid #E9E9EB; padding:2px 4px 2px 4px;}

input.konfigurator {font-family:Arial,sans-serif; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}
select.konfigurator {font-family:Arial,sans-serif; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}

input.kontaktform {font-family:Arial,sans-serif; width: 256px; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}
input.plz {font-family:Arial,sans-serif; width: 72px; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}
input.ort {font-family:Arial,sans-serif; width: 175px; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}
select.kontaktform {font-family:Arial,sans-serif; width: 256px; font-size:11px; color:#000000; border: 1px solid #696969; padding:2px 4px 2px 4px;}
textarea.kontaktform {font-family:Arial,sans-serif; width: 256px; height: 88px; font-size:11px; color:#000000; border: 1px solid #FFFFFF; padding:2px 4px 2px 4px;}
input.absenden {font-family:Arial,sans-serif; width: 233px; height: 26px; font-size:11px; background-color: #696969; color:#FFFFFF; border: 1px solid #696969; padding:2px 4px 2px 4px;}