/*  
Theme Name: Bus Service Berlin
Theme URI: 	www.bus-service-berlin.de
Version: 	November 2008
Author: 	Realdesigns Berlin / Thorsten Kienemann
Website: 	http://www.realdesigns.de
*/

*		{padding:0;margin:0}
img		{border:none}
div, p, ul, li, form, label, input, textarea, select, h1, h2, h3, h4, h5, h6 {font-family: Arial, verdana, sans-serif;color:#000000;}

/* Body */
body			{background: url(images/bg_site.jpg) top no-repeat #255361; width:100%; display:table}
.gecko body		{background: url(images/bg_site.jpg) 49.9% 0% no-repeat #255361}

.wrap 			{width:940px;margin-right:auto;margin-left:auto}

/* Headlines */
#content h1 {font-size:1.4em; color:#255361;margin:0 0 15px 0;font-weight:normal}
#content h2 {font-size:1.0em;margin:0 0 10px 0}
#content h3 {font-size:0.85em;margin:10px 0 5px 0;line-height:1.6em}
 
/* Container */
#header			{height:275px;width:840px;margin-top:160px;margin-bottom:20px; background:url(images/logo_header.jpg) bottom no-repeat;font-size:0.75em}

#header a:link, #header a:visited	{color: #000000;,text-decoration: none}
#header a:hover						{color: #000000;,text-decoration: underline}

.flag_de		{margin:0 10px 0 0}
.flag_top		{margin:-12px 0 0 200px}

#content		{background: url(images/bg_shadow.jpg) top repeat-y #ffffff;height:auto;width:840px;padding:30px 50px 30px 50px;overflow:auto}
#content p		{font-size:0.85em;line-height:1.5em;}

#content a:link, #content a:visited	{color:#6C8E98;font-weight:bold; text-decoration:none}
#content a:hover					{color:#255361; text-decoration:underline}

.trenner{background:url(images/trenner_dot.gif) center left repeat-x;height:50px;width:840px}

.teaser	{float:left;margin:0 10px 10px 0;padding:5px;border:1px solid #6C8E98}

.business	{margin-right:15px}
.premium	{margin-right:15px}

.business, .premium, .exclusive				{width:270px;float:left;}
.business img, .premium img, .exclusive img	{margin-bottom:10px;border: none}

/* Footer */
#footer 		{height:auto; background:url(images/bg_shadow.jpg) top repeat-y;width:840px;padding:20px 50px 0 50px;}
#footer_inner	{background:#6C8E98;width:800px;padding:20px;text-align:center}
#footer p		{font-size:0.75em;color:#FFFFFF}

#footer a:link, #footer a:visited	{color:#ffffff; text-decoration:none}
#footer a:hover						{color:#ffffff; text-decoration:underline}

/* Navigation */
#navcontainer			{width:840px;height:40px;background:#255361}
#mainMenu 				{position: relative;text-align: left;width: 800px;color:#ffffff;margin: 0;padding: 2px 0 2px 35px;font-size:12px}
#menuList 				{margin: 0;padding: 10px;}
#menuList ul 			{margin: 0;padding: 0;}
#menuList li 			{display:inline;list-style: none;}

#mainMenu a.starter										{color:#ffffff;font-size: 14px;margin: 0 20px 0 0;padding: 12px;text-decoration: none;}
#mainMenu a.starter:visited								{color:#ffffff;text-decoration: none;}
#mainMenu a.starter:hover, #mainMenu a.starter:active 	{background-color:#6C8E98;color:#ffffff;}

.menu 							{text-align: left;color: #ffffff;background-color: #333333;position: absolute;width: 160px;visibility: hidden;padding:10px;}
.menu li a, .menu li a:visited	{background-color: #255361;color:#ffffff;display: block;font-size: 12px;line-height: 1.2em;border-bottom: 1px solid #ffffff;margin: 0;padding: 6px 6px 6px 12px;text-decoration: none;}
.menu li a:hover		 		{background-color:#6C8E98;color: #ffffff;}

#menu1, #menu2, #menu3, #menu4, #menu5 		{width: 140px;z-index:100;}

/* Kontaktformular Startseite*/
.kontakt_form_start					{height:auto;width:400px;float:left;margin:0 0 0 80px;}
.kontakt_form_start label			{float:left; width: 150px; font-size:0.85em}
.kontakt_form_start input, textarea	{width: 200px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #CCCCCC;font-size:0.80em}
.kontakt_form_start textarea		{width: 200px;height:120px;}
.kontakt_form_start .boxes			{width: 1em;}
.kontakt_form_start br				{clear: left;}
.kontakt_form_start input.btn		{padding:6px 0 6px 0;cursor:pointer;background: #6C8E98;border:none;color:#ffffff;width:130px;margin:5px 0 0 195px;font-weight:bold;font-size:0.75em}
.kontakt_form_start input.btnhov	{background:#255361;color:#ffffff}
.kontakt_form_start .focus			{width: 200px;margin:0 0 10px 0;padding:3px; background:#F2F2F2;border:1px solid #255361;}
.kontakt_form_start .blur			{width: 200px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #cccccc;}

/* Kontaktformular */
.kontakt_form					{height:auto;margin-top:20px}
.kontakt_form label				{float:left; width: 150px;margin:0 0 10px 0; font-size:0.85em}
.kontakt_form select			{width: 260px;padding:3px;margin:3px 0 20px 0;background-color:#F5F5F5;border:1px solid #999999; }
.kontakt_form input, textarea	{width: 250px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #CCCCCC;font-size:0.80em}
.kontakt_form textarea			{width: 250px;height:120px;}
.kontakt_form .boxes			{width: 1em;}
.kontakt_form br				{clear: left;}
.kontakt_form input.btn			{padding:6px 0 6px 0;cursor:pointer;background: #6C8E98;border:none;color:#ffffff;width:130px;margin:5px 0 0 210px;font-weight:bold;font-size:0.75em}
.kontakt_form input.btnhov		{background:#255361;color:#ffffff}
.kontakt_form .focus			{width: 250px;margin:0 0 10px 0;padding:3px; background:#F2F2F2;border:1px solid #255361;}
.kontakt_form .blur				{width: 250px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #cccccc;}

/* Links allgemein */
a:link, a:visited	{color:#00388B; text-decoration:none}
a:hover				{color:#0099FF; text-decoration:underline}