/* Allgemeiner Aufbau der Seite & des Layouts */
html   { width: 100%; }
@media all { html  { height: 100% }}
body   { width: 100%; height: 100% }
html * { padding: 0; margin: 0; border-collapse:collapse; border-spacing: 0; }
img    { border: 0; vertical-align: bottom }

.zf    { _zoom: 1; min-height: 1%;  } /* zoom -> IE6-8 */
.zf:after { clear: both; content: " "; display: block; height: 0; visibility: hidden; font-size: 0; }

.clr   { clear: both; height: 15px; }
.col   { float: left; display: inline; position: relative; }
.hd    { display: none !important; }

body    { overflow-y: scroll; background: url("../../media/gfx/layout/body_bg.gif") repeat-x; }

#wrapperout, #wrapper, #contentwrapper, #content, #footer, #abbwrapper, #header { position: relative; }


#wrapperout { background: url("../../media/gfx/layout/wrapperout_bg.png") no-repeat fixed center 0; }
#wrapper    { width: 780px; margin: 0 auto; background-color: #ffffff; min-height: 500px; z-index: 1; padding: 25px 25px 5px 45px; }

#header        { height:197px; border-bottom: 1px solid #c8c8c8; text-align: center; z-index: 5; }
#header .wrap       { height: 100%; width: 850px; margin: 0 auto; border-top: 6px solid #000000; position: relative; }

#header h1     { position: absolute; bottom: 0; left: 28px; margin: 0 0 -13px 0; width: 460px; height: 88px; background: url("../../media/gfx/layout/flentje_logo.gif") no-repeat;}
#header h1 a   { display: block; text-indent: -999em; height: 100%; width: 100%; border: 0; outline: 0 }
#header #subtitle { position: absolute; bottom: -5px; right: 0; width: 337px; color: #666666;  }

#content { padding-bottom: 10px; }
.left { width: 440px; }

.right { width: 322px; margin: 0 0 0 18px; }
.right ul      { list-style:none; padding: 0; }
.right li      { margin: 0 0 20px 9px; padding: 0; }
.right li img { border: 1px solid #d5d5d5; box-shadow: 0 0 5px #d5d5d5; }
.right li .bu { color:868484; font-size: 12px; line-height: 14px; margin: 8px 0; }
.right li .bu a { text-decoration: none; }
.right ul li   {  }


#footer { border-top: 1px solid #c8c8c8; padding-top: 15px;  }

/*= TEXTSTILE ======================================= */
body, 
body.fs1 { font-size: 87.5%; line-height: 128.57% }

body,h1,h2,h3,h4,
p,table,ol,ul,dl,li,a,address,dd,dt, .ctel li span,
form,input,textarea,select,label { color: #555; font-family: "Trebuchet MS", Verdana, Arial, Tahoma, Helvetica, sans-serif; }

h1,h2,h3,h4,p,li,address,input,textarea,select,dd,dt,label,table { font-size: 100%; font-style: normal; }

h2 { font-size: 171.42%; margin: 35px 0 10px 0;  font-family: "Glypha LT W02 55 Roman", "Trebuchet MS", Verdana, Arial, Tahoma, Helvetica, sans-serif; font-weight: normal; }
h3 { margin: 14px 0 -14px 0; text-transform: uppercase; }

	
/* ABSÄTZE / TABELLEN IN CONTENT-ELEMENTEN */
p, ul, ol, blockqoute, address, table { margin: 1.2em 0;  }
p 		  { text-align: justify; }
em        { font-style: italic; }
strong    { font-weight: bold; }
address   { font-style: normal; }
table     { width: 100%; display: block; }
table p   { margin: 0; }

a, a:link, a:visited, a:active { text-decoration: underline; }
a:hover { text-decoration: none; }

/* AUFLISTUNGEN IN CONTENT-ELEMENTEN */
ul      { list-style:square; padding: 0; color: #666666; }
li      { color: #666666; }
li span { }
ul li   { padding: 3px 0; margin-left: 1.4em; position: relative; }
ul li   { }

ol      { list-style: decimal; padding: 0 0 0 0.15em }
ol li   { padding-left: 0.5em; margin-left: 1.6em }

td { vertical-align: top; }

td.w50px  { width: 50px; }
td.w75px  { width: 75px; }
td.w100px { width: 100px; }
td.w125px { width: 125px; }
td.w150px { width: 150px; }
td.w175px { width: 175px; }
td.w200px { width: 200px; }
td.w250px { width: 250px; }
td.w300px { width: 300px; }

/* LINK-STYLES */

a.internal-link img,
a.external-link img,
a.external-link-new-window img,
a.download img, a.mail img { display: none; }

a.internal-link, a.external-link, a.external-link-new-window, a.download, a.mail, abbr, acronym, 
a.lightbox-link { padding-right:16px; background: url("../../media/gfx/layout/sprite_links.png") no-repeat transparent right 6px; }

a.internal-link { background-position: right 5px; }
a.external-link, a.external-link-new-window {  background-position: right -15px; }
a.download { background-position: right -36px; }

a.mail     { background-position: right -75px; }
abbr, acronym { background-position: right -57px; }
a.lightbox-link { background-position: right -55px; }

/* RAHMEN AKTUELLES/WICHTIG */

.important { color:#67153a; }
.border-bottom { border-bottom: 1px solid #8098BB; }
.absatz-rot, .absatz-rot * { color:#67153a !important; }

/*=== ACCORDION ==================================*/
.accToggler { margin: 25px 0 0 0; padding: 10px 25px; cursor: pointer; background: url("../../media/gfx/layout/sprite_akkordeon.png") no-repeat scroll 0 15px; }
.accToggler:hover { color: #000000; }
.accWrap { position: relative; }

.aktiv { background: url("../../media/gfx/layout/sprite_akkordeon.png") no-repeat scroll 0 -84px; }

/*= PRINT ========================================== */
@media print { 
	#logo { border:none; }
}