/*************************************************************/
/*   Design:   Multiflex-3 Layout-2                          */
/*   File:     Basic text format options                     */
/*-----------------------------------------------------------*/
/*   Author:   G. Wolfgang                                   */
/*   Date:     November 15, 2006                             */
/*   Homepage: wwww.1-2-3-4.info                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             G. Wolfgang (www.1-2-3-4.info). Thank you!    */
/*************************************************************/

/*************/
/*  3. MAIN  */
/*************/

/* MAIN NAVIGATION */

.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; margin:0 0 0 190px; background:url(img/bg_corner_topright.gif) no-repeat;}

.nav3-grid {width:199px; border-bottom:solid 1px rgb(200,200,200); font-family:verdana,arial,sans-serif; font-weight:bold;}
.nav3-grid li {list-style:none;}
.nav3-grid li li {list-style:none;}
.nav3-grid li a, .nav3-grid li a:visited {display:block; min-height:2.0em; height:auto !important; height:2.0em; line-height:2.0em; padding:0px 0px 0px 20px;  border-top: solid 1px rgb(200,200,200); text-decoration:none; color:rgb(0,57,108); font-weight:bold; font-size:120%;}
.nav3-grid li li a, .nav3-grid li li a:visited {display:block; min-height:1.7em; height:auto !important; height:1.7em; line-height:1.7em; padding:0px 0px 0px 20px; border:none; font-weight:normal; text-decoration:none; color:rgb(0,57,108); font-size:120%;}
.nav3-grid li a:hover {padding:0 0 0 20px; background-color:rgb(225,225,225); text-decoration:none; color:rgb(70,70,70);}
.nav3-grid li li a:hover {padding:0 0 0 25px; background-color:rgb(225,225,225); text-decoration:none; color:rgb(70,70,70);}

.main-navigation h1.first {clear:both; margin:0px; padding:4px 20px 3px 20px; background-color:rgb(153,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h1 {clear:both; margin:30px 0 20px 0; padding:4px 20px 3px 20px; background:rgb(153,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-navigation h2 {clear:both; margin:20px 0 10px 0; padding:0 20px 0px 20px; font-family:"trebuchet ms",arial,sans-serif; color:rgb(100,100,100); font-weight:bold; font-size:150%;}
.main-navigation h3 {clear:both; margin:10px 0 5px 0; padding:0 20px 0 20px; color:rgb(80,80,80); font-weight:bold; font-size:110%;} /* Note: h2 not existent, to make identical to formats for main-navigation for easier exchange */
.main-navigation p {clear:both; margin:0 0 10px 0; padding:0 20px 0 20px; color:rgb(80,80,80); line-height:1.3em; font-size:110%;}
.main-navigation p.center {text-align:center;}

.main-navigation ul.bullet {list-style:none; margin:5px 0 10px 20px;}
.main-navigation ul.bullet li {margin:0 0 3px 2px; padding:0 0 0 11px; background:url(img/bg_bullet_full_1.gif) no-repeat 0 5px; font-size:110%;}

/* MAIN CONTENT */

.content-unit {clear:both; width:640px; padding-bottom:10px; border-bottom:solid 1px rgb(210,210,210);}
.column1-unit {width:640px;}
.text-unit {padding:15px 0 10px 0;}

.content-unit3 {clear:both; width:210px; padding-bottom:10px; border-bottom:solid 1px rgb(210,210,210);}
.column1-unit3 {width:210px;}
.text-unit3 {padding:10px 0 10px 0;}

.main-content h1.pagetitle {margin:0 0 0.4em 0; padding:0 0 2px 0; border-bottom:solid 3px rgb(153,0,0); font-family:verdana,"trebuchet ms",arial,sans-serif; color:rgb(153,0,0); font-weight:bold; font-size:150%;}
.main-content h1.block {margin:1.0em 0 0em 0; padding:2px 0 2px 2px; background:rgb(153,0,0); font-family:"trebuchet ms",arial,sans-serif; color:rgb(255,255,255); font-weight:bold; font-size:150%;}
.main-content h1 {margin:0 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(153,0,0); font-weight:bold; font-size:160%;}
.main-content h2 {margin:0 0 1.2em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(80,80,80); font-weight:normal; font-size:150%;}
.main-content h3 {margin:-1.5em 0 1.0em 0; font-family:"trebuchet ms",arial,sans-serif; color:rgb(125,125,125); font-weight:normal; font-size:140%;}
.main-content h4 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",arial,sans-serif; font-weight:normal; font-size:130%;}
.main-content h5 {margin:1.5em 0 1.0em 0; color:rgb(102,0,0); font-family:"trebuchet ms",arial,sans-serif; font-size:120%;}
.main-content h6 {margin:1.5em 0 1.0em 0; color:rgb(80,80,80); font-family:"trebuchet ms",verdana,arial,sans-serif; font-weight:normal; font-size:140%;}
.main-content p {clear:both; margin:0 0 1.0em 0; line-height:1.5em; font-size:120%;}
.main-content p.center {text-align:center;}
.main-content p.details {clear:both; margin:1.0em 0 0.5em 0; line-height:1.0em; font-size:120%;}

.main-content ul.bullet {list-style:none; margin:0.5em 0 1.0em 0;}
.main-content ul.bullet li {margin:0 0 0.4em 2px; padding:0 0 0 12px; background:url(img/bg_bullet_full_1.gif) no-repeat 0 0.4em; font-size:110%;}
.main-content ol {margin:0.5em 0 1.0em 18px !important; margin:0.5em 0 1.0em 23px/*IE*/;}
.main-content ol li {list-style-position:outside; margin:0 0 0.4em 0; font-size:110%;}
.main-content ol li.sm {list-style-position:outside; margin:0 0 0.4em 0; font-size:90%;}


/***************/
/*  5. COMMON  */
/***************/
img.left-border {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid rgb(150,150,150);}
img.center-border {clear:both; float:none; margin:0; padding:1px; border:1px solid rgb(150,150,150);}

a { font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a:visited {color:rgb(50,50,50);}

a img {border:solid 1px rgb(150,150,150);}
a:hover img {border:solid 1px rgb(220,220,220);}

/********************/
/ Hack Gary          /
/********************/


.esvtab * {text-align:left; background-color:#FFFFFF; vertical-align:middle; font-size:10pt;}
.esvbericht *, td {font-size:10pt; }
.esvtab vRow {white-space:nowrap; background-color:#FFFFFF; color:black; }
.esvtab th {background-color: #CC0000; color:white; text-align:center; font-weight:bold; height:20px; }
.esvtab tr,td {background-color:#FFFFFF; color:#000000; height: 20px;font-size:9pt; text-align: left; } 
.tabw  {text-align:left; background-color:#FFFFFF; vertical-align:top;}
.tabg  {text-align:left; background-color:#CCCCCC; vertical-align:top;}



/* The click image map styling */

.karte a {color:#000;}
.karte a:visited {color:#111;}
.karte a:active {color:#CC0000;}
.karte a:hover {text-decoration:none;}

#imap {width:550px; height:500px; background:url(img/karte_schmidatal.jpg); border:1px solid #000; position:relative; overflow:hidden;}
#imap ul {background:transparent url(img/karte_schmidatal.gif); padding:0; margin:0; width:550px; height:500px; list-style:none;}

#imap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */

#imap ul li a {position:absolute; display:block; width:10px; height:10px; background:#000; cursor:default;}
#imap ul li.p1 a {left:120px; top:75px;}
#imap ul li.p2 a {left:75px; top:130px;}
#imap ul li.p3 a {left:295px; top:395px;}
#imap ul li.p4 a {left:220px; top:460px;}
#imap ul li.p5 a {left:350px; top:400px;}
#imap ul li.p6 a {left:240px; top:485px;}
#imap ul li.p7 a {left:140px; top:285px;}
#imap ul li.p8 a {left:350px; top:270px;}
#imap ul li.p9 a {left:280px; top:320px;}
#imap ul li.p10 a {left:260px; top:120px;}
#imap ul li.p11 a {left:55px; top:325px;}
#imap ul li.p12 a {left:250px; top:250px;}
#imap ul li.p13 a {left:215px; top:90px;}
#imap ul li.p14 a {left:455px; top:350px;}
#imap ul li.p15 a {left:330px; top:220px;}
#imap ul li.p16 a {left:470px; top:415px;}

#imap ul li a strong {display:none;}
#imap ul li a:hover {background:#000;}
#imap ul li a:active, #imap ul li a:focus {background:transparent; position:static; width:550px; height:500px; z-index:0; text-decoration:none;}
#imap ul li a:active strong, #imap ul li a:focus strong {display:block; position:absolute; left:40px; top:400px; color:#fff; border:1px solid #CC0000; background:#888; padding:5px;}



#hovermap {width:550px; height:500px; background:url(img/karte_schmidatal.jpg); border:1px solid #000; position:relative;}
#hovermap ul {background:transparent url(img/karte_schmidatal.gif); padding:0; margin:0; width:550px; height:500px; list-style:none;}

#hovermap ul li {display:inline; width:0; height:0;} /* needed for IE to function correctly */
#hovermap ul li a {position:absolute; display:block; width:10px; height:10px; background:#000; cursor:default; z-index:100;}

#hovermap ul li.p1 a {left:120px; top:75px;}
#hovermap ul li.p2 a {left:75px; top:130px;}
#hovermap ul li.p3 a {left:295px; top:395px;}
#hovermap ul li.p4 a {left:220px; top:460px;}
#hovermap ul li.p5 a {left:350px; top:400px;}
#hovermap ul li.p6 a {left:240px; top:485px;}
#hovermap ul li.p7 a {left:140px; top:285px;}
#hovermap ul li.p8 a {left:350px; top:270px;}
#hovermap ul li.p9 a {left:280px; top:320px;}
#hovermap ul li.p10 a {left:260px; top:120px;}
#hovermap ul li.p11 a {left:55px; top:325px;}
#hovermap ul li.p12 a {left:250px; top:250px;}
#hovermap ul li.p13 a {left:215px; top:90px;}
#hovermap ul li.p14 a {left:455px; top:350px;}
#hovermap ul li.p15 a {left:330px; top:220px;}
#hovermap ul li.p16 a {left:470px; top:415px;}


#hovermap ul li a strong {display:none;}
#hovermap ul li a:hover {background:#FF0000;}
#hovermap ul li a:hover {position:static; display:block; background:transparent; width:0; height:0; text-decoration:none;}
#hovermap ul li a:hover strong {position:absolute; left:0; top:0; display:block; background:transparent; width:550px; height:500px; z-index:0;}
#hovermap ul li a:hover strong em {display:block; position:absolute; left:70px; top:400px; color:#fff; border:1px solid #000; background:#888; padding:5px; font-style:normal;}