/* CSS Document  |  www.mandarin-orange-berlin.de */

/*
Reset default browser CSS. v1.0 | 20080212
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { background:#fff; line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
a img { border: none; }


/* LAYOUT */
body { font: 14px/140% Times New Roman, Roman, serif; color: #000; letter-spacing : 0.1em; text-align: center; }

#container { position: absolute; left : 50%; width: 798px; margin-left: -400px; top: 50%; height: 598px; margin-top: -300px; background: url(../img/background.jpg) no-repeat 0 0; border: 1px solid #E5E5E5; }


/* IE Fixes */
* html #container { width: 800px; } /* ie6 */
*+html #container { width: 800px; } /* ie7 */


#left { float: left; width: 340px; }
#right { float: left; width: 458px; }

/* IE Fixes */
* html #right { width: 440px; } /* ie6 */


#logo { float: left; margin: 20px 0 0 20px; }

.fruitbox { float: left; margin-bottom: 20px; background: #FFFFFF; border: 1px solid #00775B; -moz-box-shadow: 2px 2px 4px #555; -webkit-box-shadow: 2px 2px 4px #555; box-shadow: 2px 2px 4px #555; }
.fruitbox p { text-align: center; }
.fruitbox span { font-size: 12px; }
.space { margin-right: 20px; }
.clearer { clear: both; }

/* IE Fixes */
* html .fruitbox { overflow: visible; border: none; } /* ie6 */
* +html .fruitbox { overflow: visible; border: none; } /* ie7 */
.fruitbox { overflow/*\**/: visible\9; border/*\**/: none\9; } /* ie8 */


.one { width: 174px; height: 134px; padding-top: 40px; margin: 60px 0 0 10px; -moz-border-radius: 174px; -webkit-border-radius: 174px; border-radius: 174px; }

/* IE Fixes */
* html .one  { width: 180px; height: 140px; margin: 60px 0 0 5px; background-color: none; background: url(../img/fruitbox-ie-middle.png) no-repeat 0 0; } /* ie6 */
*+html .one { width: 180px; height: 140px; margin: 60px 0 0 5px; background-color: none; background: url(../img/fruitbox-ie-middle.png) no-repeat 0 0; } /* ie7 */
.one { width/*\**/: 180px\9; height/*\**/: 140px\9; margin/*\**/: 60px 0 0 5px\9; background-color/*\**/: none\9; background/*\**/: url(../img/fruitbox-ie-middle.png) no-repeat 0 0\9; } /* ie8 */


.two { width: 194px; height: 174px; padding-top: 20px; margin: 90px 0 0 40px; -moz-border-radius: 154px; -webkit-border-radius: 154px; border-radius: 154px; }

/* IE Fixes */
* html .two  { width: 198px; height: 178px; margin: 90px 0 0 40px; background-color: none; background: url(../img/fruitbox-ie-big.png) no-repeat 0 0; } /* ie6 */
*+html .two { width: 198px; height: 178px; margin: 90px 0 0 40px; background-color: none; background: url(../img/fruitbox-ie-big.png) no-repeat 0 0; } /* ie7 */
.two { width/*\**/: 198px\9; height/*\**/: 178px\9; margin/*\**/: 90px 0 0 40px\9; background-color/*\**/: none\9; background/*\**/: url(../img/fruitbox-ie-big.png) no-repeat 0 0\9; } /* ie8 */


.three { width: 164px; height: 130px; padding-top: 35px; margin: -10px 0 0 50px; -moz-border-radius: 164px; -webkit-border-radius: 164px; border-radius: 164px; }

/* IE Fixes */
* html .three { width: 170px; height: 136px; margin: -15px 0 0 30px; background-color: none; background: url(../img/fruitbox-ie-small.png) no-repeat 0 0; } /* ie6 */
* +html .three { width: 170px; height: 136px; margin: 10px 0 0 55px; background-color: none; background: url(../img/fruitbox-ie-small.png) no-repeat 0 0; } /* ie7 */
.three { width/*\**/: 170px\9; height/*\**/: 136px\9; margin/*\**/: 10px 0 0 55px\9; background-color/*\**/: none\9; background/*\**/: url(../img/fruitbox-ie-small.png) no-repeat 0 0\9; } /* ie8 */


.four { width: 170px; height: 125px; padding-top: 45px; margin: 40px 0 0 40px; -moz-border-radius: 164px; -webkit-border-radius: 164px; border-radius: 164px; }

/* IE Fixes */
* html .four { width: 180px; height: 135px; margin: 40px 0 0 30px; background-color: none; background: url(../img/fruitbox-ie-middle.png) no-repeat 0 0; } /* ie6 */
* +html .four { width: 180px; height: 135px; margin: 40px 0 0 30px; background-color: none; background: url(../img/fruitbox-ie-middle.png) no-repeat 0 0; } /* ie7 */
.four { width/*\**/: 180px\9; height/*\**/: 135px\9; margin/*\**/: 40px 0 0 30px\9; background-color/*\**/: none\9; background/*\**/: url(../img/fruitbox-ie-middle.png) no-repeat 0 0\9; } /* ie8 */


.bigbox { float: left; width: 320px; margin: 180px 0 0 20px; font-size: 16px; font-weight: bold; color: #FFF; text-shadow: 0px 0px 6px #000; }
.bigbox p { text-align: center; }

/* IE Fixes */
* html .bigbox { margin: 180px 0 0 10px; } /* ie6 */
*+html .bigbox { margin: 180px 0 0 12px; } /* ie7 */
.bigbox { margin-top/*\**/: 180px\9; margin/*\**/: 180px 0 0 20px\9; letter-spacing/*\**/: 0.05em\9; } /* ie8 */


.contact { margin: 592px 10px 0 0; }
.contact p { width: 100%; font-size: 12px; text-align: right; }
.contact p  a{ color: #000; font-weight: normal; }

/* IE Fixes */
* html .contact { margin: 40px 0 0 0; } /* ie6 */
*+html .contact { margin: 85px 10px 0 0; } /* ie7 */


p { text-align: left; padding : 5px 10px 5px 10px; }

a:link, a:visited { color: #00775B; font-weight: bold; text-decoration: none; }
a:hover { color: #000; }