/*-- base
_________________________  Osburg GbR Bad Driburg    */

html, body { background:rgb(255,255,255); color:rgb(35,35,35); }
html, body, a, h2, h3, h4, div, p, ul, li, input, table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px; }
html { height:100%; }
body { min-height:101%; margin:0; padding:0; text-align:center; }
img  { border:none; text-decoration:none; }
table, td, div { border:0; }

div.bg { background:url(../../images/bg.jpg) 50% 0 no-repeat; }

div.dokument { max-width:640px; margin:0 auto 0; text-align: left; }


/*-- header
_________________________  Osburg GbR Bad Driburg    */

#kopf-bg  { max-width:100%; height:195px; margin:0; padding:0; background:url(../../images/hg-kopf-bg.png) top left no-repeat; }
#kopf     { max-width:100%; height:195px; margin:0; padding:0; background:url(../../images/hg-kopf.png) top left no-repeat; }
#kopf img { max-width:100%; height:195px; margin:0; padding:0; }
#kopf a   { padding:0; text-decoration:none; border:none; background:none; }
#kopf-2   { max-width:100%; height:50px; margin:0;	padding:0; background:url(../../images/hg-kopf-2.png) top left no-repeat; }


/*-- content
_________________________  Osburg GbR Bad Driburg    */

div.content         { width:100%; margin:0 auto; padding:0; text-align:left; background:rgba(255,255,255,0.5); }
.content img        { width:100%; height:auto; }
.content img.normal { width:auto; height:auto; }

div.c-mi       { min-height:50px; margin:0 auto; padding:20px; }
#content-mi    { text-align:left; line-height:16px; }

div.c-re       { height:auto; margin:0 auto; padding:20px; }
#content-re    { text-align:left; line-height:16px; border-top:1px solid rgb(204,207,212);} 

div.c-mi-re    { height:auto; margin:0 auto; padding:20px; }
#content-mi-re { text-align:left; line-height:16px;}


/*--  ueberschriften
_________________________  Osburg GbR Bad Driburg    */

h1     { margin:0px 0px 15px 0px; padding:0px 0px 03px 0px; color:rgb(82,106,168); font-size:13px; font-weight:bold; text-align:left; background:none; clear:both; }
h2     { margin:30px 0px 8px 0px; padding:0px 0px 05px 0px; color:rgb(35,35,35); font-size:13px; font-weight:bold; text-align:left; background:none; }
h2.h2  { margin:0px 0px 08px 0px; padding:0px 0px 05px 0px; color:rgb(35,35,35); font-size:13px; font-weight:bold; text-align:left; background:none; border-bottom:1px solid rgb(180,180,180); }
h3     { margin:0px 0px 08px 0px; padding:0px 0px 08px 0px; color:rgb(35,35,35); font-size:11px; font-weight:bold; text-align:left; background:none; }
h4     { margin:2px 0px 05px 0px; padding:0px 0px 00px 0px; color:rgb(140,140,140); font-size:09px; font-weight:500; font-style:normal; text-decoration:none; }
h5     { margin:0px 0px 03px 0px; padding:0px 0px 03px 0px; color:rgb(35,35,35); font-size:12px; font-weight:bold; border-bottom:1px solid rgb(82,106,168); clear:both; position:relative; }
h5.txt { color:rgb(82,106,168); font-size:11px; font-weight:bold; border:none; }
h6     { margin:0px 0px 03px 0px; padding:0px 0px 03px 0px; color:rgb(82,106,168); font-size:12px; font-weight:normal; border-bottom:1px solid rgb(82,106,168); clear:both; position:relative; }


/*--  txt
_________________________  Osburg GbR Bad Driburg    */

p       { margin:0 0 12px 0; }
.txt    { color:rgb(82,106,168); font-weight:bold; }
.xs     { margin:0; padding:0; color:rgb(140,140,140); font-size:9px; font-style:normal; text-decoration:none; font-weight:500; }
.center { text-align:center; }


/*-- links
_________________________  Osburg GbR Bad Driburg    */

a {	outline:none;}

a:link    { color:rgb(82,106,168); text-decoration:none; padding:0 2px; border-bottom:1px solid rgb(255,237,0); }
a:visited { color:rgb(82,106,168); text-decoration:none; padding:0 2px; border-bottom:1px solid rgb(255,237,0); }
a:hover   { color:rgb(82,106,168); text-decoration:none; padding:0 2px; border-bottom:1px solid rgb(82,106,168); }
a:focus   { color:rgb(82,106,168); text-decoration:none; padding:0 2px; border-bottom:1px solid rgb(82,106,168); }
a:active  { color:rgb(82,106,168); text-decoration:none; padding:0 2px; border-bottom:1px solid rgb(255,237,0); }

a.txt       { font-weight:bold; }
a.txt:hover { font-weight:bold; }

a.linkohne,
a#linkohne  { border: none; text-decoration:none; background:none;}


/*--  buchung   */

.buchung {    width: 100%; margin:10px 0 20px 0; padding:20px 0 30px 0; background:rgb(82,106,168); 
              text-align: center; float:right; clear:both;}

.buchung a {       color: rgb(255,255,255); border-bottom:1px solid rgb(255,237,0); margin:0; padding:3px; font-size:14px; text-decoration: none; }
.buchung a:hover { color: rgb(255,255,255); border-bottom:2px solid rgb(255,237,0);}



/*--  hoch + info
_________________________  */

.hoch, #hoch                 { width:100%; line-height:18px; text-align:right; margin:0; padding:0; position:relative; float:left; clear:both; background:url(../../images/listenpunkt-hoch.gif) no-repeat right; }
.hoch a, #hoch a             { color:rgb(82,106,168); font-size:10px; margin:0 13px 0 0; padding:0; text-decoration:none; }
.hoch a:hover, #hoch a:hover { color:rgb(82,106,168); background:none; }

.info, #info                 { width:100%; line-height:18px; text-align:right; margin:20px 0 0 0; padding:0; position:relative; float:left; clear:both; background:url(../../images/listenpunkt-info.gif) no-repeat right; }
.info a, #info a             { color:rgb(82,106,168); font-size:10px; margin:0 13px 0 0; padding:0; text-decoration:none; }
.info a:hover, #info a:hover { color:rgb(82,106,168); background: none;}


/*--  weiter, zurueck, zur uebersicht
_________________________  */

.weiter, #weiter                         { width:25%; line-height:20px; text-align:right; margin:0; padding:0; position:relative; float:right; background: url(../../images/listenpunkt-weiter.gif) no-repeat right; }
.weiter a, #weiter a                     { color:rgb(82,106,168); font-size:10px; margin:0 13px 0 0; padding:0; text-decoration:none; }
.weiter a:hover, #weiter a:hover         { color:rgb(82,106,168); background:none; }

.zurueck, #zurueck                       { width:25%; line-height:20px; text-align:left; margin:0; padding:0; position:relative; float:left; background: url(../../images/listenpunkt-zurueck.gif) no-repeat left; }
.zurueck a, #zurueck a                   { color:rgb(82,106,168); font-size:10px; margin:0 0 0 13px; padding:0; text-decoration:none; }
.zurueck a:hover, #zurueck a:hover       { color:rgb(82,106,168); background: none;}

.uebersicht, #uebersicht                 { width:50%; line-height:20px; text-align:center; margin:0; padding:0; float:left; }
.uebersicht a, #uebersicht a             { color:rgb(82,106,168); font-size:10px; margin:0 0 0 13px; padding:0; text-decoration:none; }
.uebersicht a:hover, #uebersicht a:hover { color:rgb(82,106,168); background:none; }

.rauf, #rauf                             { width:160px; height:30px; margin:auto; padding:0; position:relative; background:url(../../images/listenpunkt-rauf.gif) no-repeat center rgb(229,229,229); }
.rauf a, #rauf a                         { width:160px; height:30px; margin:0 0 3px 0; text-decoration:none; display:block; border:none; }
.rauf a:hover, #rauf a:hover             { color:rgb(0,48,157); background:none; }

.runter, #runter                         { width:160px; height:30px; margin:auto; padding:0; position:relative; background:url(../../images/listenpunkt-runter.gif) no-repeat left rgb(229,229,229); }
.runter a                                { width:160px; height:30px; margin:3px 0 0 0; text-decoration:none; display:block; border:none;}
.runter a:hover                          { color:rgb(0,48,157); background:none; }


/*-- images
_________________________  Osburg GbR Bad Driburg    */

/*img.menue             { margin:10px 0px 0px 0px; }*/

/*#content-mi img       { border:2px solid  rgb(255,255,255); }*/
#content-mi img.border0 { border:none; }

/*#content-re img       { border:2px solid  rgb(255,255,255); }*/
#content-re img.border0 { border:none; }

img.center              { display:block; margin-left:auto; margin-right:auto; }


/*--  content  mi + re
_________________________  Osburg GbR Bad Driburg    */

#content-mi ul          { width:94%; margin:0 0 0 15px; padding:0; list-style:none; display:block; }
#content-mi li          { margin:5px 0 0 0; padding:0 0 0 25px; line-height:16px; display:block; background:url(../../images/listenpunkt.gif) top left no-repeat; }

#content-mi ul.klein    { width:94%; margin:0; padding:0 0 0 20px; list-style:none; display:block; }
#content-mi li.klein    { line-height:16px; margin:5px 0 0 0; padding:0 0 0 15px; display:block; background:url(../../images/listenpunkt.gif) top left no-repeat; }

#fl ul, #fr ul          { width:94%; margin:0; padding:0; list-style:none; display:block; }
#fl li, #fr li          { line-height:16px; margin:5px 0 0 0; padding:0 0 0 25px; display:block; background:url(../../images/listenpunkt.gif) top left no-repeat; }

#content-re ul.sprung   { width:94%; margin:0 0 0 20px; padding:0; list-style:none; display:block; }
#content-re li.sprung   { line-height:16px; margin:5px 0 0 0; padding:0 0 0 25px; display:block; background:url(../../images/listenpunkt-sprung.gif) top left no-repeat; }

#content-re ul          { width:94%; margin:0 0 0 20px; padding:0; list-style:none; display:block; }
#content-re li          { line-height:16px; margin:5px 0 0 0; padding:0 0 0 25px; display:block; background:url(../../images/listenpunkt.gif) top left no-repeat; }

#content-mi ol.dezi     { width:94%; margin:0; padding:0 0 0 40px; list-style-type:decimal; display:block; background:none; }
#content-mi li.dezi     { line-height:16px; margin:5px 0 0 0; padding:0 0 0 10px; display:list-item; list-style-type:decimal; background:none; }

#fl ol.dezi,#fr ol.dezi { width:94%; margin:0; padding:0 0 0 30px; list-style-type:decimal; display:block; background:none; }
#fl li.dezi,#fr li.dezi { line-height:16px; margin:5px 0 0 0; padding:0 0 0 5px; display:list-item; list-style-type:decimal; background:none; }


/*--  abstaende
_________________________  Osburg GbR Bad Driburg    */

.abi  { width:100%; height:21px; margin:10px 0px 19px 0px; padding:0; clear:both; background:/*rgb(204,207,212)*/url(../../images/hg-abi.gif) top left repeat-x; }

.a5    { height:5px; width:100px;clear:both;}
.a10   { height:10px; width:100px;clear:both;}
.a20   { height:20px; width:100px;clear:both;}
.a30   { height:30px; width:100px;clear:both;}
.a40   { height:40px; width:100px;clear:both;}
.a50   { height:50px; width:100px;clear:both;}
.a60   { height:60px; width:100px;clear:both;}
.a70   { height:70px; width:100px;clear:both;}
.a80   { height:80px; width:100px;clear:both;}
.a90   { height:90px; width:100px;clear:both;}
.a100  { height:100px; width:100px;clear:both;}
.a120  { height:120px; width:100px;clear:both;}
.a200  { height:200px; width:100px;clear:both;}
.a300  { height:300px; width:100px;clear:both;}
.a400  { height:400px; width:100px;clear:both;}
.a500  { height:500px; width:100px;clear:both;}
.a1000 { height:1000px; width:100px;clear:both;}

.b200  { height:10px; width:200px; clear:right; float:left; } 


/*--  floats 
_________________________  Osburg GbR Bad Driburg    */

#hg           { position:relative; float:left; width:100%; margin:0px 0px 30px 0px; }
/* neu 
#hg img       { width:100%; height:auto; } */
#hg-450       { position:relative; float:right; width: 450px; margin:0px 0px 30px 0px; }
#hg-350       { position:relative; float:right; width: 350px; margin:0px 0px 30px 0px; }

div.bi-fl     { position:relative; float:left;  clear:left;  width:48%; margin:0; padding:0; text-align:left; }
div.bi-fr     { position:relative; float:right; clear:right; width:48%; margin:0; padding:0; text-align:right; }

div#bi-fl     { position:relative; float:left;  clear:left;  width:48%; margin:0; padding:0; text-align:left; }
div#bi-fr     { position:relative; float:right; clear:right; width:48%; margin:0; padding:0; text-align:right; }

div.fl        { position:relative; float:left;  clear:left;  width:48%; margin:0; padding:0; display:block; }
div.fr        { position:relative; float:right; clear:right; width:48%; margin:0; padding:0; display:block; }

div#fl        { position:relative; float:left;  clear:left;  width:48%; margin:0; padding:0; display:block; }
div#fr        { position:relative; float:right; clear:right; width:48%; margin:0; padding:0; display:block; }

div#fl h2     { margin-top:0; }
div#fr h2     { margin-top:0; }

.fl           { float:left;  margin:0px 20px 20px 10px; padding:0; }
.fr           { float:right; margin:0px 10px 20px 20px; padding:0; }

/* neu - bilder möglichst direkt floaten, damit sich p anpasst. wenn nicht möglich (weil h4 bildunterschrift), dann auf bi-fl oder bi-fr zurückgreifen */
img.fl        { float:left;  margin:0px 12px 12px 0px; padding:0; width:auto; max-width:50%; }
img.fr        { float:right; margin:0px 0px 12px 12px; padding:0; width:auto; max-width:50%; }


div#bi-fl-150 { position:relative; float:left;  clear:left;  width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center; }
div#bi-fr-150 { position:relative; float:right; clear:right; width:150px; margin:0px 0px 0px 0px; padding:0; text-align:center; }

div#fr-350    { position:relative; float:right; clear:right; width:350px; margin:0px 0px 0px 0px; padding:0; display:block; }
div#fl-350    { position:relative; float:left;  clear:left;  width:350px; margin:0px 0px 0px 0px; padding:0; display:block; }


/*--  kontakt 
_________________________  Osburg GbR Bad Driburg    */

div.li-200    { position:relative; float:left;  clear:left;  width:28%; margin:10px 0px 10px 0px; text-align:right; }
div.re-300    { position:relative; float:right; clear:right; width:68%; margin:10px 0px 10px 0px; text-align:left; }

div#li-200    { position:relative; float:left;  clear:left;  width:28%; margin:10px 0px 10px 0px; text-align:right; }
div#re-300    { position:relative; float:right; clear:right; width:68%; margin:10px 0px 10px 0px; text-align:left; }

div#li-300    { position:relative; float:left;  clear:left;  width:68%; margin:10px 0px 10px 0px; text-align:right; }
div#re-200    { position:relative; float:right; clear:right; width:28%; margin:10px 0px 10px 0px; text-align:left; }


/*--  video 
_________________________  Osburg GbR Bad Driburg    */

.embed-container        { position:relative; padding-bottom:56.25%; /* ratio 16x9 */ height:0; overflow:hidden; width:100%; height:auto; }
.embed-container iframe { position:absolute; top:0; left:0; width:100%; height:100%; }
/* ratio 4x3 */
.embed-container.ratio4x3 {	padding-bottom:75%;}


/*--  chronik 
_________________________  Osburg GbR Bad Driburg    */

#hg div.datum    { float:left; width:20%; margin:0; padding:5px 10px 0px 0px;  text-align:right; border:0px; font-weight:bold; }
#hg div.ereignis { float:left; width:68%; margin:0; padding:5px 10px 5px 10px; text-align:left;  border-left:1px solid rgb(207,211,217); }


/*--  kleine bilder
_________________________  Osburg GbR Bad Driburg    */

div.kl-bilder    { width:100%; margin:0px 0px 0px 0px;}
div.kl-bilder-li { position:relative; width:31%; margin:0px 3% 0px 0px; text-align:left;   display:block; float:left;}
div.kl-bilder-mi { position:relative; width:31%; margin:0px 3% 0px 0px; text-align:center; display:block; float:left;}
div.kl-bilder-re { position:relative; width:31%; margin:0px 0% 0px 0px; text-align:right;  display:block; float:left;}


/*--  glossar
_________________________  Osburg GbR Bad Driburg    */

.gl-li           { float:left; width:225px; margin:0px 22px 0px 0px; }
.gl-mi           { float:left; width:225px; margin:0px 22px 0px 0px; }
.gl-re           { float:left; width:225px; }
.gl-mi-re        { float:left; width:472px; margin:0px 0px 0px 0px; text-align:justify; }

.glossar h2      { font-size:24px; color:blue; padding:0px 0px 5px 0px; margin:0px; border-bottom:1px solid rgb(200,200,200); }

.info-glossar    { width:100%; line-height:18px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../../images/listenpunkt-info-gl.gif) no-repeat left; text-align:left; position:relative; float:left; clear:both; }
.info-glossar a       { color:rgb(82,106,168); font-size:10px; margin:0px 0px 0px 13px; padding:0px 0px 0px 0px; text-decoration:none; }
.info-glossar a:hover { color:rgb(82,106,168); background: none;}

.weiter-gl        { width:100px; line-height:20px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../../images/listenpunkt-weiter.gif) no-repeat right; text-align:right; position:relative; float:right; }
.weiter-gl a      { color:rgb(82,106,168); font-size:10px; margin:0px 13px 0px 0px; padding:0px 0px 0px 0px; text-decoration:none; }
.weiter-gl a:hover{ color:rgb(82,106,168); background:none; }

.zurueck-gl         { width:100px; line-height:20px; margin:25px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(../../images/listenpunkt-zurueck.gif) no-repeat left; text-align:left; position:relative; float:left; }
.zurueck-gl a       { color:rgb(82,106,168); font-size:10px; margin:0px 0px 0px 13px; padding:0px 0px 0px 0px; text-decoration:none; }
.zurueck-gl a:hover { color:rgb(82,106,168); background:none; }

.uebersicht-gl         { width: 270px; line-height:20px; margin:25px 0px 0px 0px; padding:0; text-align:center; float:left; }
.uebersicht-gl a       { color:rgb(82,106,168); font-size:10px; margin:0px 0px 0px 13px; padding:0px 0px 0px 0px; text-decoration:none; }
.uebersicht-gl a:hover { color:rgb(82,106,168); background: none; }



/*--   fuer tools
_________________________  Osburg GbR Bad Driburg    */

.mitte { width:520px; }

/*referenz modul*/
div.li-140 { position:relative; float:left;  clear:left;  width:140px; margin:0px 0px 20px 0px; text-align:right; }
div.re-360 { position:relative; float:right; clear:right; width:360px; margin:0px 0px 20px 0px; text-align:left; }

/* aktuelles */
span.xs { float:right; vertical-align:top;}

/* newsticker */
span.newsticker-zeile   { font-size:9px; }
span.newsticker-trenner { color:rgb(150,0,0); }
span.newsticker-text    { color:rgb(0,0,0); }


/*-- sitemap
_________________________  Osburg GbR Bad Driburg    */

#sitemap-u ul  { width:100%; margin:0; padding:0; display:block; }
#sitemap-u li  { list-style:none; line-height:20px; font-weight:bold; display:block; margin:0; padding:0; display:block; background:none; }

#sitemap-u1 ul { width:91%; margin:0 0 0 8%; padding:0; display:block; }
#sitemap-u1 li { list-style:none; line-height:20px; font-weight:bold; display:block; margin:0; padding:0 0 0 7%; background:url(../../images/listenpunkt-sitemap.gif) no-repeat left; }

#sitemap-u2 ul { width:83%; margin:0 0 0 16%; padding:0; display:block; }
#sitemap-u2 li { list-style:none; line-height:20px; font-weight:normal; display:block; margin:0; padding:0 0 0 7%; background:url(../../images/listenpunkt-sitemap.gif) no-repeat left; }

#sitemap-u3 ul { width:75%; margin:0 0 0 24%; padding:0; display:block; }
#sitemap-u3 li { list-style:none; line-height:20px; font-weight:normal; display:block; margin:0; padding:0 0 0 7%; background:url(../../images/listenpunkt-sitemap.gif) no-repeat left; }


/*-- impressum, webdesign
_________________________  Osburg GbR Bad Driburg    */

#impressum a.webdesign         { color:rgb(140,140,140); font-size:9px; font-style:normal; text-decoration:none; font-weight:500; border:none; background:none; cursor:text; }
#impressum a.webdesign:hover   { color:rgb(140,140,140); font-size:9px; font-style:normal; text-decoration:none; font-weight:500; border:none; background:none; cursor:text; }
#webdesign div.content a       { color:rgb(65,65,65); text-decoration: none; background:none; border:none; }
#webdesign div.content a:hover { color:rgb(65,65,65); text-decoration: none; background:none; border:none; }

body#webdesign h1 a {color: rgb(82,106,168) !important;	font-size: 13px;}
body#webdesign h1 a:hover {color: rgb(82,106,168);	font-size: 13px;}
body#webdesign h2 a {color: rgb(35,35,35);	font-size: 13px;}
body#webdesign h2 a:hover {color: rgb(35,35,35);	font-size: 13px;}

/*--  abschluss
_________________________  Osburg GbR Bad Driburg    */

#abschluss           { max-width:100%; color:rgb(82,106,168); text-align:center; margin:0 auto; padding:20px; background:rgb(213,239,250); }

#abschluss a         { color:rgb(82,106,168); font-size:11px; font-weight:normal; text-decoration:none; border:none; }
#abschluss p         { color:rgb(82,106,168); font-size:11px; line-height:14px; margin:0; padding:0; }
#abschluss p strong  { color:rgb(82,106,168); font-weight:bold; }
#abschluss p.fl      { width:auto; margin:0 20px 10px 0; float:left; text-align:left; }
#abschluss p.fr      { width:auto; margin:0; float:left; text-align:left; }
#abschluss span.bull { color:rgb(0,0,0); font-size:11px; margin:0; padding:0 10px; }


/*--  abschluss
_________________________  Osburg GbR Bad Driburg    */

#elf42         { max-width:100%; margin:0; padding:20px; border-top:1px solid rgb(204,207,212); background:url(../../images/hg-elf42.jpg) top left repeat-y; color: rgb(183,192,213); }
#elf42 a { font-size: 11px; width: auto; color: rgb(183,192,213); text-decoration: none; border:none; background:none; }
#elf42 a:hover { color: rgb(183,192,213); text-decoration: none; border:none; background:none;}
body#webdesign #elf42 a { color: rgb(183,192,213); }




/*-- preistabellen
_________________________  Osburg GbR Bad Driburg    */

table#preise {
	width: 100%;
	height: auto;
	background: rgb(255,255,255);
	border: 1px solid rgb(35,35,35);
	padding: 0;
	margin: 0px 0px 0px 0px;
	border-collapse: collapse;
}

td#preise-ueberschrift-00 {
	width: auto;
	height: auto;
	background: rgb(213,239,250);
	color: rgb(35,35,35);
	padding: 3px 3px 3px 3px;
	margin: 0px 0px;
	text-align:left;
	font-size:11px;
	font-weight: bold;
	border: none;
	border-right: 1px solid rgb(35,35,35);
	border-bottom: 1px solid rgb(35,35,35);
}

td#preise-daten {
	width: auto;
	height: auto;
	vertical-align: top;
	background: rgb(255,255,255);
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 0px 0px;
	text-align:left;
	font-size:11px;
	font-weight:normal;
	border-right: 1px solid rgb(35,35,35);
	border-bottom: 1px solid rgb(35,35,35);	
}