/*  
Theme Name: BBMG GmbH / Stylesheet 'Layout'
Theme URI: 	www.bbmg.net
Version: 	Januar 2010
Author: 	BBMG GmbH
Website: 	http://www.bbmg.net
*/

/* Reset Browser */
* 				{vertical-align: baseline;font-weight: inherit;font-family: inherit;font-style: inherit;font-size: 100%;border: 0 none;outline: 0;padding: 0;margin: 0;}
:focus 			{outline: 0;}
ol, ul 			{list-style: none;}
body 			{line-height: 1;background:#958667;font-family:Arial,Verdana,Helvetica, sans-serif;color:#444444}

strong			{font-weight:bold}

/* Wrapper */
.wrap 			{margin:0 auto 0 auto;width:980px}

/* Headlines */ 
h1				{font-size:1.4em; color:#948566; margin-bottom:25px; font-weight:normal; border-bottom:1px solid #948566;line-height:40px}
h2				{font-size:0.85em; color:#000; margin-bottom:5px;font-weight:bold;line-height:1.2em}
h3				{font-size:1.2em; color:#948566; margin-bottom:15px; font-weight:normal}

/* Content */
#leftpane p		{font-size:0.85em;line-height:1.6em}
#rightpane p	{font-size:0.75em;line-height:1.5em}

/* Logo*/ 
img.logo		{margin:22px 237px 0 20px; width:148px; height:66px;float:left}
#logo_print		{display:none}

/* Container */
#header			{background:url(../images/bg_head.jpg) repeat-x; height:120px;border-bottom:1px solid #fff}
#wrap_header 	{margin:0 auto 0 auto;width:980px}

#header_02		{background:#ECAB33; height:350px;border-bottom:1px solid #FFF}
#wrap_header02 	{margin:0 auto 0 auto;width:980px;position:relative}

#header_03		{background:#ecab33; height:60px;border-bottom:1px solid #FFF}
#wrap_header03 	{margin:0 auto 0 auto;width:980px;position:relative}

#middlepane		{background:#ebe3cd; height:auto;border-bottom:1px solid #FFF; overflow:auto}
#wrap_middlepane{margin:0 auto 0 auto;width:980px}

#contactpane	 {background:#DACBA3;border-bottom:1px solid #FFF; overflow:auto}
#wrap_contactpane{margin:0 auto 0 auto;width:980px}

#leftpane		{width:610px; float:left; margin-right:30px;padding:25px 0 25px 20px;overflow:auto}
#rightpane		{width:280px; float:left;padding:25px 20px 25px 20px; background:#E7DBC2}

/* Startseite Boxen */
.box			{width:300px;height:auto;float:left;padding:25px 0 35px 20px}
.box_kontaktform{width:500px;height:auto;float:left;padding:25px 0 25px 20px}

.box h1						{margin-bottom:10px}
.box p, .box_kontaktform p	{font-size:0.85em;line-height:1.6em}

/* Footer */
#wrap_footer{margin:0 auto 0 auto;width:980px}

#footer		{background:#958667;height:auto;padding:15px 0 15px 0}
#footer	p	{font-size:0.75em;line-height:1.8em;text-align:center;color:#FFF}

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

/* Image replacement */
.graphic, #prevBtn, #nextBtn	{margin:0;padding:0;display:block;overflow:hidden;text-indent:-8000px}

/* Google Maps */
.map							{border-left:0;border-top: 5px solid #FFF; border-right: 5px solid #FFF; border-bottom: 5px solid #FFF;margin-top:5px; background:#FFF}

/* Referenzen */
img.ref_teaser					{float:left;padding:5px;margin-right:15px}
#rightpane img					{margin-bottom:15px}

#leftpane a.thickbox img 		{background:#FFF;border:1px solid #E2D5B8;filter:alpha(opacity=80);-moz-opacity:0.8}
#leftpane a:hover.thickbox img	{background:#FFF;border:1px solid #948566;filter:alpha(opacity=100);-moz-opacity:1.0}

/* Trenner */
.trenner						{clear:both; height:40px; background:url(../images/bg_trenner.jpg) top left repeat-x}

/* Navigation */
#navcontainer								{width:575px;height:80px;background:none;float:left}
#nav 										{height: 80px;list-style: none;margin:0;padding:0}
#nav li 									{float: left;margin:0;padding:0;height: 80px;overflow: hidden; /* if text-resize, this'll keep the nav the same size */}
#nav li a 									{display: block;margin:0;padding:0;line-height: 80px;text-indent:-5000px;overflow:hidden;background-position: left top /* horizontally centers the background image */}
#navHome									{width: 80px;background: url(../images/nav_home.gif) no-repeat}
#navAgentur 								{width: 120px;background: url(../images/nav_agentur.gif) no-repeat}
#navLeistungen 								{width: 130px;background: url(../images/nav_leistungen.gif) no-repeat}
#navService									{width: 100px;background: url(../images/nav_service.gif) no-repeat}
#navReferenzen								{width: 135px;background: url(../images/nav_referenzen.gif) no-repeat}
#navKontakt									{width: 110px;background: url(../images/nav_kontakt.gif) no-repeat}
#nav li a:hover								{background-position: 50% -80px;}
#nav li a.current, #nav li a.current:hover  {background-position: 50% -80px}

/* Kontaktformular */
.kontakt_form					{height:auto;width:450px;margin-top:13px}
.kontakt_form label				{float:left; width: 155px;font-size:0.85em;margin-top:5px}
.kontakt_form select			{width: 250px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #CCCCCC;font-size:0.75em}
.kontakt_form input, textarea	{width: 240px;margin:0 0 10px 0;padding:3px; background:#ffffff;border:1px solid #CCCCCC;font-size:0.75em}
.kontakt_form textarea			{width: 240px;height:140px;font-size:0.75em}
.kontakt_form br				{clear: left;}
.kontakt_form input.btn			{padding:4px;cursor:pointer;background:#958667;color:#fff;width:12em; height:2.5em;margin:5px 0 0 205px;font-size:0.75em}
.kontakt_form input.btnhov		{background:#ECAB33;color:#000}
.kontakt_form .focus			{width: 240px;margin:0 0 10px 0;padding:3px; background: #F0F0F0;border:1px solid #ECAB33}
.kontakt_form .blur				{width: 240px;margin:0 0 10px 0;padding:3px; background:#fff;border:1px solid #cccccc}

/* Slider */
#slider							{margin:0 auto 0 auto;width:980px;position:relative;padding:25px 0 0 0}	
#slider ul, #slider li			{list-style:none}
#slider li						{width:800px;height:300px;overflow:auto}
#slider img						{float:left}
#prevBtn, #nextBtn				{display:block;width:30px;height:30px;position:absolute;left:30px;top:150px}	
#nextBtn						{left:920px;}														
#prevBtn a, #nextBtn a			{display:block;width:30px;height:30px;background:url(../images/btn_back.jpg) no-repeat 0 0}	
#nextBtn a						{background:url(../images/btn_fwd.jpg) no-repeat 0 0}

#slider .beschreibung			{width:205px;float:left}
#slider h1.beschreibung 		{font-size:1.0em;margin:45px 0 8px 15px;line-height:1.5em;color:#fff;font-weight:bold;border-bottom: 1px solid #FFF}
#slider p.beschreibung 			{font-size:0.75em;margin:0 15px 0 15px;	line-height:1.5em;	color:#FFF;	text-align:left;	height:160px}

/* Links allgemein */
a.button_more:link, a.button_more:visited		{background:url(../images/button_more.jpg) top left no-repeat; width:125px; height:27px; display:block}
a.button_more:hover								{background:url(../images/button_more_over.jpg) top left no-repeat; width:125px; height:27px;}

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