@charset "UTF-8";
/* ###############################################################################################
** PROJEKT: fvv-brandenburg.de ### Autor:  Matti M. Matthes  ( http://www.matthes-webstudio.de )
** ###############################################################################################
**  Tourismusverein Brandenburg an der Havel e.V. ##################*/
@media all
{
/* ---------- Zurücksetzen aller Voreinstellungen defined by http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded ---------- */
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, 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-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
/* remember to define focus styles! */
:focus { outline: 0;}
ol, ul { list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal;}

/* ----------  FORMATIERUNGEN  ---------- */
html * { font-size: 100.01%;}
html { height: 100%; margin-bottom: 1px;}
body { background: #7792b2; font-family: 'Arial', Verdana, sans-serif; font-size: 95.00%; color: #000;}

/* ---------- LAYOUT ---------- */
#page { background: #eef1ff; width: 930px; margin: 15px auto 0; padding: 15px 15px 15px 15px;}
#branding { background: url(img/heada.jpg) no-repeat; margin: 0; padding:0 ; height: 205px; border: 1px solid #eef1ff; clear: both;}
#content { clear: both;}
#footer { background: transparent; width: 960px; margin: 0 auto; padding: 0 0 20px 0; font-size: 70%; color: #333;}

/* ---------- UEBERSCHRIFTEN + TEXT ---------- */
h1,h2,h3,h4,h5,h6 { background: transparent; margin: 0 0 0.25em 0; padding: 0; font-family: "Georgia",times,serif; font-weight: normal; color: #546382;}
h1 { font-size: 220%; margin-top: 0.5em;}                       
h2 { font-size: 180%; margin-bottom: 0.5em;margin-top: 0em;}         
h3 { font-size: 130%;margin-bottom: 0.5em;margin-top: 0em;}                       
h4 { font-size: 120%;}                  
h5 { font-size: 115%; margin: 1.5em 0 1em 0;}             
h6 { font-size: 110%; line-height: 1.5em; margin: 1em 0 1em 0; font-weight: bold; font-style: italic; color:#eedcb7;}

/* ---------- TEXT ---------- */	
p { line-height: 1.5em; margin: 0 0 0.8em 0;}
p.right { text-align: right;}
p.link1 { font-size: 1.4em;}
p.ds { font-size: 80%;}
strong, b { font-weight: bold;}
em, i { font-style: italic;}
small { font-size: 80%;}

/* ---------- LISTEN ---------- */	
ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em;}
li { margin-left: 1em; line-height: 1.5em;}
dt { font-weight: bold;}
dd { margin: 0 0 1em 2em;}

/* ---------- SPEZIELLE LISTEN ---------- */
ul.kontakt { background: transparent; list-style: none; margin: 0 0 13px 0; padding: 0px; height: 170px;}	
ul.kontakt li { margin: 0; padding: 0;}
ul.kontakt li.absatz { margin-bottom: 15px; padding: 0;}

/* ---------- IMPRESSUM ---------- */
ul.imp { margin: 1em 0 1em 0; font-size: 80%;}
ul.imp li { margin-left: 0;}
ul.ds { margin: 0 0 1em 0; font-size: 80%;}
ul.ds li { margin-left: 0;}

/* ---------- LINKS ---------- */
a, a em.file {color: #bc1f37; text-decoration:none; font-style: italic;}
a:hover { color: #546382; text-decoration:underline;}
a:focus { color: #546382; text-decoration:underline;}
#footer a, a em.file {color: #333; text-decoration:none; font-style: normal;}
#footer a:hover {text-decoration:underline;}
#footer a:focus {text-decoration:underline;}

/* ---------- BESONDERE TEXTAUSZEICHNUNGEN ---------- */
acronym, abbr { letter-spacing: 0.07em; border-bottom: .1em dashed #666; cursor: help;}
pre, code { font-family: monospace; font-size: 1.1em; }

/* ---------- BILDFORMATIERUNGEN ----------*/
img.logo { float: left; margin-bottom: 2em;  padding: 2px 20px 0 0;}
img.framed_left { background: transparent; float: left; margin: 0 1em 1em 0; padding: 5px; border: 1px solid #999;}
img.framed_right { background: transparent; float: right; margin: 1.5em 0 0 0 ; padding: 5px; border: 1px solid #999;}
img.float_left { float: left; margin-right: 1em; margin-bottom: 1em;}
img.float_right { float: right; margin-left: 0em; margin-right: 2em; margin-bottom: 0.15em; margin-top: 0.5em;}

/* ---------- DIVERSES ----------*/
hr.bottom { background:transparent; margin: 0.5em 0 1em 0; padding: 0 0 0.5em 0; color: #fff; border:0; border-bottom: 2px #e53547 solid;}
.clear { clear: both;}

/* ---------- SUBTEMPLATES by Dirk Jesse / http://www.yaml.de ---------- */
.subcolumns { width: 100%; overflow:hidden;}
.subcolumns_oldgecko { width: 100%; float:left;}
.c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left;}
.c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px;}
.c25l, .c25r { width: 25%;}
.c33l, .c33r { width: 33.333%;}
.c50l, .c50r { width: 50%;}
.c66l, .c66r { width: 66.666%;}
.c75l, .c75r { width: 75%;}
.c38l, .c38r { width: 38.2%;}
.c62l, .c62r { width: 61.8%;}
.subc  { padding: 0 0.5em;}
.subcl { padding: 0 1em 0 0;}
.subcr { padding: 0 0 0 1em;}
}