/*
Description: General stylesheet for Ruchti & Blumenberg — Car Sales International.  
Designed by <a href="http://miki.samborsky.de" title="miki.samborsky">Miklos Samborsky</a>.
Version: 0.1
Author: Miklos Samborsky
Author URI: http://miki.samborsky.de/

	http://miki.samborsky.de/portfolio/

	This layout (stylesheet) was designed and built by Miklos Samborsky,
	whose blog you will find at http://miki.samborsky.de/

	The CSS, XHTML and design is itelectual property of Miklos Samborsky

*/

@import url("navigation.css");

/* reset browser defaults */
:link, :visited, ins {text-decoration: none;} ul {list-style: none; list-style-image: none;} h1, h2, h3, h4, h5, h6 {font-size: 1em; font-weight: normal;} ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, span, pre, form, body, html, p, img, blockquote, fieldset, input {margin: 0; padding: 0; border: none;}
/* end reset browser defaults */
html, body {text-align: center;}
body {font-size: 75%; /* Resets 1em to 12px (16px x .075 = 12px) */ font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif; color: #333; background: #400 url(bg1.jpg) top left repeat-x; border: none;}

/*### additional background, logo and footer ###*/
#logo a {float: right; width: 470px; height: 55px; margin: 20px 12% 10px 0; background: transparent url(r&b_web_final_logo.png) 50% 50% no-repeat; border: 3px outset #b31716;}
#logo a:hover {border-color: #cc0000; border-style: inset; border-width: 3px;}
#logo a:active {border-color: #990000; border-style: groove; border-width: 3px;}
#logo h1, #logo h3 {display: none;}
#bg-cars {z-index: -1; top: 0px; left: 0px; width: 5000px; height: 5000px; position: fixed; background: transparent url(r&b_web_final_auto.png) top left repeat;}
#bg-footer {bottom: 0px; left: 0px; position: fixed; width: 100%; height: 63px; background: transparent url(bg-footer.png) bottom left repeat-x;}

/*### layout boxes ###*/
#spacertop {height: 90px; margin-top: 0;}
#pagedroptop {height: 16px; margin-top: 0; background: transparent;}
#pagedrop {background: transparent;}
#page {text-align: left; width: 800px; margin: 0 auto 30px; padding: 20px 20px 30px; background: transparent url(1px_transp_g.png) repeat; border: 3px ridge #bc8786; overflow: hidden;}

#content {}

#belowpage {margin-bottom: 110px;}
#impressum a {float: right; width: 160px; height: 22px; margin-right: 12%; background: transparent url(r&b_web_final_impressum_.png) 50% 50% no-repeat;}
#impressum span {display: none;}

/*### Element CONTRASTS - only for development ###*/
/*
#bg-footer {border: 1px solid white;}
#spacertop {border: 3px solid gray;}
#pagedroptop {border: 3px solid blue;}
#pagedrop {border: 3px solid green;}
#page {border: 3px solid red;}
#belowpage {border: 2px solid yellow;}
#impressum a {border: 2px outset #66ccff;}
*/
/*### END of : Element CONTRASTS - only for development ###*/


/*### Globals and global classes ###*/
h1 {font-size: 2.5em; margin-bottom: .5em;}
h2 {font-size: 2em; margin-bottom: .5em;}
h3 {font-size: 1.7em; margin-bottom: .5em;}
h4 {font-size: 1.3em; margin-bottom: .5em;}
h5 {font-size: 1.1em; margin-bottom: .5em;}
p {margin-bottom: .5em; margin-bottom: .5em;}
.clear {clear: both;}

/*### Images and other framed (border) elements ###*/
#page img {float: left; margin: 0 5px 5px 0; padding: 4px; background-color: white; border: 2px solid #b49696;}
#mobile iframe {margin: 1em 0 0 0; padding: 0; background-color: transparent; border: none;}
#gmap iframe {margin: 0 5px 5px 0; padding: 4px; background-color: white; border: 2px solid #b49696;}

/*### thin Boxes ###*/
.halfBox {width: 360px; float: left; margin-right: 40px; overflow: hidden;}
.halfBox h3 {font-size: 1.3em !important;}
.halfBox dl {/* border-bottom: 1px dashed white; margin: 1em 0 0; */}
.halfBox dl.last {border: 0; margin-bottom: 0;}
.halfBox dt {width: 300px; clear: both;	margin-bottom: 0}
.halfBox dd {float: left; margin-left: 15px; width: 300px; margin-bottom: .5em; font-weight: bold;}
.halfBox dd span.normalfont {font-weight: normal; font-style: italic;}

.quarterBox {width: 200px; float: left; margin-right: 20px; overflow: hidden;}
/* ### ###*/

.person img {display: inline; width: 5em; height: 5em;}