@import "fancybox.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; text-decoration:none; vertical-align:baseline; background:transparent; }
ol, ul { list-style-type:none; }
:hover, :focus { outline:0; }
table { border-collapse:collapse; border-spacing:0; }

/***** iepngfix *****/
img, div, a { behavior:url(iepngfix.htc) }

/***** grid *****/
.grid1-1 { width:960px; float:left; }
.grid3-4 { width:720px; float:left; }
.grid2-3 { width:640px; float:left; }
.grid1-2 { width:480px; float:left; }
.grid1-3 { width:320px; float:left; }
.grid1-4 { width:240px; float:left; }
.grid1-6 { width:160px; float:left; }
.grid1-8 { width:120px; float:left; }

/***** classes *****/
.clear { clear:both; }
.expand { width:80px; float:left; }
.float { float:left; }

/***** body *****/
body { height:100%; width:100%; background:#f5f5f5 url(../img/bgs/bg.jpg) repeat-x; color:#666; font-weight:normal; font-size:100%; font-family:'Helvetica', Arial, sans-serif; line-height:1; }

/***** page *****/
#page { position:relative; width:960px; background:#fff; left:50%; margin:40px 0 0 -480px; float:left; }

/***** navi *****/
#navi { position:relative; width:960px; height:80px; margin:0; background:#fff; float:left; }
#navi .logo a { width:160px; height:80px; background:#000 url(../img/buttons/logo.png); border:none; text-indent:-99999px; float:left; }
#navi li { float:left; }
#navi a.wide { width:300px; height:40px; color:#000; font-size:12px; display:block; border-right:1px solid #eee; padding:40px 0 0 20px; }
#navi a.narrow { width:138px; height:40px; color:#000; font-size:12px; display:block; padding:40px 0 0 20px; }
#navi a.narrow:hover { cursor:pointer; color:#e3007a; }

/***** content *****/
#content { position:relative; width:960px; background:#f0f0f0; color:#fff; float:left; }
#content .timmendorf { width:480px; height:360px; background:url(../img/bgs/timmendorf.jpg); }
#content .scharbeutz { width:480px; height:360px; background:url(../img/bgs/scharbeutz.jpg); }
#content .timmendorf p, #content .scharbeutz p { position:relative; width:300px; height:80px; left:160px; font-size:16px; color:#fff; margin:0; line-height:1; padding:280px 0 0 20px; background:url(../img/bgs/transparent.png); }
#content .timmendorf span, #content .scharbeutz span { font-size:28px; }
#content h1 { font-size:14px; color:#000; margin:20px 20px 10px 180px; }
#content h2 { font-size:12px; color:#000; margin:20px 20px 10px 20px; }
#content p { margin:20px; font-size:11px; line-height:1.4; color:#666; }
#content a { color:#333; font-style:italic; }
#content a:hover { color:#e3007a; }

/***** stoerer *****/
#stoerer { position:absolute; width:320px; top:0px; left:160px; background:#e3007a; z-index:100; }
#stoerer h1 { color:#fff; font-size:30px; font-weight:normal; margin:10px 20px; }

/***** footer *****/
#footer { position:relative; width:960px; background:#fff; float:left; }
#footer h2 { font-size:12px; color:#000; margin:20px 20px 10px 20px; }
#footer p { font-size:11px; line-height:1.4; margin:0 20px 40px 20px; }
#footer a { color:#333; font-style:italic; }
#footer a:hover { color:#e3007a; }