/* 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 { overflow: hidden; } /* zoom -> basic_screen_ie.css*/

body  { background:url("../../media/gfx/all/bg_body.jpg") #006599 repeat-x;  }

/* Stile fuer Layoutelemente */
#wrapperout     { width: 900px; position:relative; margin: 0 0 0 0; background:url("../../media/gfx/nav/nav_bg_01_startseite.png") no-repeat transparent 0 386px; }
#wrapper        {  }

.kat3  #wrapperout { background-image:url("../../media/gfx/nav/nav_bg_01_startseite.jpg") }
.kat4  #wrapperout { background-image:url("../../media/gfx/nav/nav_bg_02_ueber_bios.jpg") }
.kat22 #wrapperout { background-image:url("../../media/gfx/nav/nav_bg_03_angebote.jpg") }
.kat27 #wrapperout { background-image:url("../../media/gfx/nav/nav_bg_04_kontakt.jpg") }
.kat33 #wrapperout { background-image:url("../../media/gfx/nav/nav_bg_05_bildergalerien.jpg") }

#divDekoSequenz { background-image: url("../../media/gfx/all/seq_kachel.png"); position: fixed; top: 0; right: 0; width: 190px; height: 100%; }
#div_nav_ladder { background-image: url("../../media/gfx/nav/bg_nav_ladder.gif"); background-repeat: repeat-x; background-position: 0 135px; position: absolute; top: 0; left: 0; width: 15px; height: 100% }

#colleft, #colmiddle { float: left; position: relative; display: inline }
#colleft  { width: 190px;  }
#colmiddle  { width: 650px; min-height: 580px;  }

/* LOGO */
#colleft h1 { position:absolute;top:15px;left:15px;width:150px;height:180px }
#colleft h1 span { display: none }

#navigation {  }


#limg { height: 135px; overflow: hidden; background:url("../../media/gfx/all/bg_content_bw.jpg") repeat-x; position: relative; padding-left: 30px }
#limgwrap { position: absolute; left: 30px; top: 0;  }

#limgmask { position: absolute; left: 0; top: 0; width: 100%; height: 135px; z-index: 5000; }
#limgmask.v1 { background-image: url('../../media/gfx/layout/bw_seq_01.png') }
#limgmask.v2 { background-image: url('../../media/gfx/layout/bw_seq_02.png') }
#limgmask.v3 { background-image: url('../../media/gfx/layout/bw_seq_03.png') }

#nav4    { padding-left: 30px; background-color: #e1edf3; height:20px; }
#content { padding-left: 30px; background: url("../../media/gfx/all/bg_content.gif") repeat-y left bottom; min-height: 350px }

#cleft, #cright{ float: left; display: inline }
#cleft  { width: 430px; padding-right: 10px }
#cright { width: 180px; padding-top: 55px }

#footer  { padding: 25px 60px 30px 0; text-align: right;  background: url("../../media/gfx/all/bg_content_foot.gif") no-repeat left top; }


/*= NAV 1 ========================================== */
.l1ul, .l1ul ul  { list-style-type: none; }
.l1ul            { position: relative; background: url("../../media/gfx/nav/bg_ul1.png") no-repeat; margin-top: 210px; padding-top: 5px }

.l1li, .l1lia    { position: relative; background:url("../../media/gfx/nav/bg_li1b.gif") no-repeat -20px 100%; padding-left:45px; }
.l1lia           { background-image:url("../../media/gfx/nav/bg_li1a.gif"); background-position:0px 18px; margin-bottom:1px; }
.l1ul li.last    {  }
.l1ul li.last .l1a,
.l1ul li.last .l2ul  { border-bottom: 3px solid #006699 }

.l1ul a  { text-decoration: none; color: #333333; font-size: 12px; text-transform: uppercase; font-weight: normal; border: 0; outline: 0;  }

.l1a, .l1aa { padding:0; position: relative; display: block }
.l1a, .l1a:link, .l1a:visited  {  }
.l1a:hover { color: #000000; }

.l1aa, .l1aa:link, .l1aa:visited, .l1aa:hover  { text-decoration: underline; background: url("../../media/gfx/nav/bg_li1aa2.gif") }

.nav1mo { position: absolute; left: 0; top: 31px; width: 45px; height: 3px; background-color: #006699; overflow: hidden }

/*= NAV 2 ========================================== */
.l2ul, .l2ul ul  {  }
.l2ul            { background-color:#e1edf3; }

.l2li, .l2lia    { padding:3px 5px 3px 25px; background-color:#e1edf3 }
.l2lia           { background: #fff url("../../media/gfx/nav/bg_li1.gif") no-repeat -10px 19px; position: relative; width: 150px; z-index: 5000; }
.l2ul li.last    {  }


.l2ul a  { text-transform: none; display: block; width: 100%  }
.l2ul a:focus {  }


.l2a, .l2aa  { color: #333 }
.l2a, .l2a:link, .l2a:visited  {  }
.l2a:hover { color: #333 }

.l2aa, .l2aa:link, .l2aa:visited, .l2aa:hover  { font-weight: bold; color: #333  }

/*= NAV 3 ========================================== */
.l3ul, .l3ul ul  {  }
.l3ul            {  }

.l3li, .l3lia    { }
.l3lia           {  position: relative; width: 150px }
.l3ul li.last    {  }


.l3ul a  { font-size: 11px; padding:1px 0 1px 5px;   }
.l3ul a:focus {  }


.l3a, .l3aa  { color: #333 }
.l3a, .l3a:link, .l3a:visited  {  }
.l3a:hover { color: #000 }

.l3aa, .l3aa:link, .l3aa:visited, .l3aa:hover  { font-weight: bold; color: #c00 }

/*= METANAV ========================================== */
/*
#mn { position: absolute; top: 10px; right: 0; width: 100%; }

.metanav    { list-style-type: none; float: right }
.metanav li { float: left; background:url("../../media/gfx/layout/mn_li_bg.gif") no-repeat center right; }
.metanav a  { font-size: 11px; line-height: 12px; color: #666666; display: block; padding: 0 10px; text-decoration: none; text-transform: lowercase; }

.metanav .last { background: transparent }

.ml1a, .ml1a:link, .ml1a:visited {  }
.ml1a:hover  { text-decoration: underline }

.ml1aa, .ml1aa:link, .ml1aa:visited { text-decoration: underline }
.ml1aa:hover {  }
*/

/*= BROWSE NAVIGATION Experimente ========================================== */
.sn    { list-style: none }
.sn li { float: left; width: 205px; height: 30px; text-align: center }
.sn li, .sn a  { font-size: 9px; line-height: 20px; }
.sn a  { display: block }

.sn .next { float: right; background:url("../../media/gfx/nav/sn_next1.gif") no-repeat 185px 7px; }
.sn .prev { background:url("../../media/gfx/nav/sn_prev1.gif") no-repeat 7px 7px; }
.sn .act  { background-color: #FFF }

.sn1a, .sn1a:link, .sn1a:visited {  }
.sn1a:hover  { text-decoration: underline }

/*
.sn1a, .sn1a:link, .sn1a:visited {  }
.sn1a:hover  { text-decoration: underline }

.snaa, .snaa:link, .ml1aa:visited { text-decoration: underline }
.ml1aa:hover {  }
*/


/*= CONTENT ========================================== */


/*= TEXTSTILE ======================================= */
body,h1,h2,h3,p,table,ol,ul,li,dt, dd,a,address,form,input,textarea,select { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333; line-height: 17px }

#content h2   { color: #c00; font-size: 18px; line-height: 20px; padding: 30px 10px 5px 40px }
#content h3   { font-size: 14px; line-height: 18px; background: url("../../media/gfx/all/bg_h2.gif") no-repeat 0 14px; margin-top: 10px; padding-left: 55px }
#content h4   { font-size: 12px; line-height: 16px; padding-left: 40px;  }
#content p    { margin-left: 30px;  }
#content table  { margin-right: 215px; margin-left: 70px; padding: 5px 0 }

em        { font-style: italic }
strong    { font-style: normal; font-weight: bold }
.artbez	  { font-style: italic }
abbr      { color: #c0c }

#cright .csc-textpic-caption    { color: #666; font-size: 11px; line-height: 120%; background-color: #fff; margin: 0 0 5px; padding: 6px 0 6px 5px }

/*
#content .n2 h2 { margin-top: 0 }
#content h2  {  }
*/

#content p,
#content ul,
#content ol,
#content address, 
#content table { margin: 7px 10px 7px 40px; }

#content table { margin-right: 0; }
#content td, 
#content th { vertical-align:top; text-align: left; font-weight: normal; padding: 4px 10px 4px 0;  }
#content td p { margin: 0; }

#content ul      { list-style-type: square; margin-left: 53px  }
#content ul li   { color: #c00; margin-top: 2px; margin-bottom: 2px; padding-left: 0 }
#content ul span { color: #333 }

#content li ul      { list-style-type: square; list-style-position: outside; margin: 2px 0 15px 30px }

#content ul li.spc { color: #fff; margin: 15px 0 0 0; font-style: italic; font-weight: bold;   }
#content ul li.spc span { color: #999  }
#content .csc-menu-1 li { margin: 4px 0 }

/* Stile fuer Links generell*/
a, a:link, a:visited, a:active     { color: #333; }
a:hover  { color: #C00; text-decoration: none }

#content .csc-subheader   { font-size: 10px; line-height: 15px; margin-top: 10px; margin-bottom: -27px }
#content .exp h2          { text-indent: -20px; }

#footer address, #footer address * { font-style: normal; font-size: 11px; }
#footer address span { display: inline-block; width: 20px; text-align: center }

#footer a, #footer a:link {  }
#footer a:hover { text-decoration: underline }

/* ================================================ */

#cright div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom:0 }


#content .csc-pmenu { list-style: none }
#content .csc-pmenu li { margin-bottom: 5px }
#content .csc-pmenu li.last { margin-bottom: 0 }
#content .csc-pmenu .mtext {  }


/*=== STARTSEITE ==================================*/
/*#levelimagestart  { height: 250px; width: 438px; overflow: hidden; background: url("../../media/gfx/layout/start_shd.gif") no-repeat; border: 1px solid #ccc }*/
.kat3 #nav4    { height:10px; }
.kat3 #cright { padding-top: 35px; }

.kat41 #limg   { height: 210px }
.kat41 #limg #limgmask { background: none }
.kat41 #content { min-height: 1% }

/* ================================================ */


/*=== GOOGLE-MAP ==================================*/
.tx-rzgooglemaps-pi1 { margin: 0; border: 1px solid #91918e }
.tx-rzgooglemaps-pi1 h2,.tx-rzgooglemaps-pi1 h3,.tx-rzgooglemaps-pi1 p,.tx-rzgooglemaps-pi1 ul,.tx-rzgooglemaps-pi1 ol {
	margin: 0 !important; padding:4px 0!important;
}

/* TOOLTIPS =================================== */
.tooltip { cursor: pointer }
.advtip {
text-align:left;
cursor:pointer;
background:#ffffff;
padding:5px;
border:1px solid #CCCCCC;

max-width: 250px;
color:#444444;
font-size:11px;
line-height:12px;
z-index:1000;

	/*-moz-border-radius: 5px;*/
	/*-webkit-border-radius: 5px;*/
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.5);
	/*filter:DropShadow(Color=#000000, OffX=5, OffY=5);*/
}

.tip-title {
font-weight: bold
}

/* GALERIEN =================================== */
#content .galRow  { margin: 0 0 10px 30px; padding: 0;  }
#content .pThumb  { margin: 0 0 10px 0 !important; float: left; width: 90px }
#content .pThumb img  { border: solid 1px #ccc; margin-top: 15px }
#content .galListText { margin-left: 90px }

#content .galDatum  { font-size: 10px; color: #333; margin: 0 0 -3px 0 !important; }
#content .galDescr  { margin: 0 }
#content .galRow h2 { background-image: none; margin: 0 0 7px 0; padding: 0; line-height: 14px }

#content ul.galDetThumbs { padding: 0; list-style: none; margin: 0 0 0 40px }
#content ul.galDetThumbs li  { float: left; padding: 3px }
#content ul.galDetThumbs img  { border: solid 1px #069 }



.rot * { color: #c00 !important }
.bios { font-weight: bold !important; color: #cc0000 !important; }
.bios span { color: #000000 !important }