/*<agl.folder "Allgemein">*/
/*@import url(thickbox.css);*/

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */
html, body
{
    background-color: #EEEEEE;
    font-family: "Comic Sans MS";
    height: 100%;
    margin: 0px;
    padding: 0px;
}
#MainHeader
{
    margin-right: 10px;
    margin-left: 10px;
    position: absolute;
    top: 10px;
    left: 0;
    width: 960px;
}
#MainWrap
{
    background-color: #e0e0e0;
    background-image: url(    "images/BG_MainHeader.gif" );
    background-repeat: no-repeat;
    background-position: 50% 10px;
    text-align: left;
    margin: 10px auto 0;
    padding: 0 0 10px;
    position: relative;
    width: 980px;
    height: 630px;
    float: none;
    clear: both;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
}
#MainWrapNoLimit
{
    background-color: #e0e0e0;
    background-image: url(    "images/BG_MainHeader.gif" );
    background-repeat: no-repeat;
    background-position: 50% 10px;
    text-align: left;
    margin: 10px auto 0;
    padding: 0 0 10px;
    position: relative;
    width: 980px;
    float: none;
    clear: both;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
}
#MainWrapBig
{
    background-color: #e0e0e0;
    background-image: url(    "images/BG_MainHeader.gif" );
    background-repeat: no-repeat;
    background-position: 50% 10px;
    text-align: left;
    margin: 10px auto 0;
    padding: 0 0 10px;
    position: relative;
    width: 980px;
    height: 1000px;
    float: none;
    clear: both;
    overflow: hidden;
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
}
#MainLogo
{
    left: 75px;
    margin: 20px auto 0;
    padding: 10px;
    position: relative;
    width: 600px;
    float: none;
    clear: both;
    overflow: hidden;
}

#ShopLogo
{
    color: #d6e1c1;
    font-size: 36px;
    height: 250px;
    background-color: #666;
    background-image: url(    "images/BG_MainHeader.gif" );
    background-repeat: no-repeat;
    background-position: 50% 0;
    margin: 0;
    padding: 0 10px;
    height: 150px;
    overflow: hidden;
}

#LeftCol, #RightCol
{
    margin-top: 180px;
    position: relative;
    overflow: hidden;
}

#LeftCol
{
    width: 210px;
}
#RightCol
{
    width: 700px;
}

#LeftCol
{
    left: 10px;
    float: left;
}
#RightCol
{
    right: 10px;
    float: right;
}
#RightColOflow
{
    margin-top: 180px;
    right: 20px;
    float: right;
    overflow:scroll;  
    width: 730px;   
    height:800px;
}
#RightColNoLimit
{
    position: relative;
    margin-top: 180px;
    float: right;
    width: 710px;
    padding-right: 20px;
}
#bigRightCol
{
    margin-top: 180px;
    position: relative;
    overflow:visible;    
    float: right;
    right: 80px;
    height: 800px;
}
.Box
{
    background-color: #DFDEDE;
    margin-bottom: 10px;
    padding-bottom: 10px;
    width: 190px;
    margin-left: 20px;
}

.Box h4
{
    border-style: solid;
    border-width: 1px;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    background-color: #CECECE;
    padding: 0;
    text-align: center;
}
.Box h4 a
{
    color: #333333;
}
.Box h4 span
{
    line-height: 40px;
    display: block;
    padding-right: 10px;
    padding-left: 10px;
    height: 40px;
}
.Box .Inner
{
    padding-right: 10px;
    padding-left: 10px;
}

.content
{
    position: static;
    width: 900px;
    height: 100%;
    background-color: #e0e0e0;
    margin-left: auto;
    margin-right: auto;
}

/* common layout of each page*/
.glasStyle
{
    font-family: "Comic Sans MS";
    width: 800px;
    margin: auto;
}

/* cardtable is the startpage layout which builds our card as table*/
.cardtable
{
    position: relative;
    top: 20px;
    margin-left: auto;
    margin-right: auto;
    table-layout: fixed;
}

h1
{
    font: bold 34px "Comic Sans MS";
    color: #000;
    margin: auto;
    padding: 15px;
    text-indent: 3em;
}

h2
{
    font: bold 28px "Comic Sans MS";
    color: #000;
    margin: auto;
    padding-left: 0px;
    text-indent: 0em;
    top: 10px;
}
h3
{
    font: bold 22px "Comic Sans MS";
    color: #000;
    margin: auto;
    padding-left: 0px;
    text-indent: 0em;
    top: 10px;
}
td.apointments
{
    padding: 8px;
    top: 0px;
    overflow: hidden;
    clip: auto;
    position: relative;
}

/* td1, tds used to spread table used in termine.htm */
td1
{
    top: 0px;
    width: 30%;
}

td2
{
    top: 0px;
    width: 70%;
}

img
{
    border: none;
}

/* the display area defined by .glasstyle */
.frame
{
    position: relative;
    margin-top: 20px;
    height: 610px;
    background: #e0e0e0;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: auto;
    empty-cells: show;
    width: 980px;
}
/* inner layout of .frame */
/* the logo area on top of the frame */
.headerFrame
{
    position: absolute;
    width: 1000px;
    height: 120px;
    margin-left: auto;
    margin-right: auto;
}
/* to menu placed on the left side of the frame */
.menuFrame
{
    top: 165px;
    margin-top: 20px;
    position: absolute;
    width: 180px;
    height: 300px;
}
.imageStyle
{
    height: 586px;
    width: 800px;
}
/* the content of each sub page */
.innerFrame
{
    position: relative;
    top: 165px;
    left: 60px;
    width: 680px;
    height: 440px;
    margin: auto;
    padding: 10px;
    overflow: hidden;
}
.innerFrameNH
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 650px;
    height: 380px;
    margin: auto;
    padding: 10px;
    overflow: scroll;
}
.innerFrameNH p
{
    width: auto;
}
.tableIFrame
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 650px;
    height: 360px;
    overflow: auto;
    margin: auto;
    padding: 10px;
    border: 1px solid #999999;
}
.tableIFrameNoLimit
{
    position: relative;
    top: 0px;
    left: 0px;
    width: 650px;
    margin: auto;
    padding: 10px;
}
/* right side of the frame */
.rightframe
{
    position: relative;
    width: 160px;
}

#fixBack
{
    position: absolute;
    bottom: 20px;
    right: 30px;
    width: 194px;
    height: 113px;
    color: #808080;
    z-index: auto;
}
.homeimage
{
    table-layout: fixed;
    padding: 0px;
    margin: 0px;
    width: inherit;
    background-color: #FFFFFF;
    empty-cells: show; /*border-spacing: 0px;*/
    border-collapse: collapse;
    overflow: hidden;
}
#tr1
{
    width: 800px;
    background-color: #C0C0C0;
}
#tabletext1
{
    font-family: 'Comic Sans MS';
    font-size: 28px;
    color: #000000;
    top: 0px;
    left: 25px;
    text-align: left;
}
#tabletext2
{
    font-family: "comic Sans MS";
    font-size: 25px;
    color: #000000;
    bottom: 0px;
    right: 25px;
    text-align: right;
}
/* table indicees for .cardtable */
#tr11
{
    width: 159px;
    height: 159px;
    background-color: #000000;
    background-image: url(images/1-1.png);
}
#tr12
{
    border-left-width: 1px;
    border-left-style: solid;
    border-right-width: 1px;
    border-right-style: solid;
    border-color: black;
    border-collapse: collapse;
    background-image: url(images/1-2.png);
    width: 318px;
    height: 318px;
}
#tr13
{
    width: 159px;
    height: 159px;
}
#tr14
{
    width: 159px;
    height: 159px;
}
#tr15
{
    width: 159px;
    height: 159px;
    background-image: url(images/1-5.png);
    border: solid 1px black;
}
#tr21
{
    width: 159px;
    height: 159px;
}
#tr22
{
    width: 159px;
    height: 159px;
}
#tr23
{
    width: 159px;
    height: 159px;
}
#tr24
{
    width: 159px;
    height: 159px;
    background-image: url(images/2-4.png);
    border: solid 1px black;
}
#tr25
{
    width: 159px;
    height: 159px;
    background-image: url(images/2-5.png);
    border: solid 1px black;
}
#tr3x
{
    background-color: #FF9600;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: black;
    height: 75px;
}
#tr35
{
    background-color: #FF9600;
    border-top-width: 1px;
    border-top-style: solid;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-color: black;
}
#tr41
{
    width: 159px;
    height: 159px;
    background-image: url(images/4-1.png);
}
#tr42
{
    display: table-cell;
    border-left-width: 1px;
    border-left-style: solid;
    border-color: black;
    width: 159px;
    height: 159px;
}
#tr43
{
    border-left-width: 1px;
    border-left-style: solid;
    border-color: black;
    background-image: url(images/4-3.png);
    width: 159px;
    height: 159px;
}
#tr44
{
    background-image: url(images/4-4.png);
    width: 159px;
    height: 159px;
}
#tr45
{
    background-color: #000000;
    background-image: url(images/4-5.png);
    width: 159px;
    height: 159px;
}
.lowertablecol
{
    width: 159px;
    text-align: center;
    background-color: #C0C0C0;
    padding: 6px;
}
#trb21
{
    width: 150px;
    text-align: center;
    background-color: #C0C0C0;
}
#trb2
{
    width: 800px;
}
#trb21i
{
    width: 150px;
    text-align: center;
}

/* home button on each page */
ul.gohome
{
    top: 2em;
    left: 10px;
    width: 12em;
    text-align: center;
}
ul.gohome li
{
    display: block;
    height: 27px;
}

ul.gohome a
{
    text-decoration: none;
    font-size: medium;
    color: #000000;
    background-color: #CCCCCC;
    font-weight: bolder;
    display: block;
}

ul.gohome a:hover
{
    color: #000099;
    background-color: #99CCFF;
}

/* Menu section */
ul.menu
{
    position: relative;

}
ul.menu, ul.menu ul, ul.menu li
{
    margin: 0;
    padding-left: 7px;
    list-style-type: none;
    text-indent: 1em;
}
ul.menu li
{
    display: block;
}
ul.menu ul
{
}
ul.menu a
{
    color: #FF6600;
    display: block;
    margin: 0;
    text-decoration: none;
    border-color: #e0e0e0;
    border-style: solid;
    border-width: 1px;
}
ul.menu a:hover
{
    background-color: #dedede;
    color: #FF6600;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    border-style: solid;
    border-width: 1px;
}
ul.menu #selected
{
    background-color: #dededa;
    color: #FF6600;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    border-style: solid;
    border-width: 1px;
    padding-left: 0px;
}

ul.menu a:click
{
    background-color: #dedede;
    color: #FF6600;
    border-color: #FFFFFF #999999 #999999 #FFFFFF;
    border-style: solid;
    border-width: 2px;
}
ul.ulheadersvg
{
    background-color: transparent;
    background: url(images/mainmenu.png);
    position: fixed;
    top: 0px;
    left: 10px;
    right: 10px;
}

ul.ulheadersvg li
{
    display: inline-block;
    height: 150px;
    text-indent: 8px;
    background-color: #C0C0C0;
    position: fixed;
    width: inherit;
}

object.objheadersvg
{
    position: absolute;
    top: 0px;
    margin-left: 210px;
    margin-right: auto;
}

table.apointments
{
    padding: 10px;
    margin: auto;
    left: inherit;
    border-collapse: collapse;
    border-spacing: 10px;
    empty-cells: show;
    display: table-cell;
    table-layout: fixed;
}
table.pagelayout
{
    table-layout: inherit;
    empty-cells: show;
}

.sra
{
    width: 109px;
    height: 60px;
}
.logo
{
    position: relative;
    top: 20px;
}
#map_canvas
{
    position:relative;
    width: 600px;
    height: 400px;
    float: left;
    left: 20px;
    margin-right: auto;
}
div#qTip {
 padding: 3px;
 border: 1px solid #666;
 border-right-width: 2px;
 border-bottom-width: 2px;
 display: none;
 background: #999;
 color: #FFF;
 font: bold 14px "Conmic Sans MS";
 text-align: left;
 position: absolute;
 z-index: 1000;
}
.kursiv
{
    font-style: italic;
}
.kursivFett
{
    font-style: italic;
    font-weight: bold;
}
.grosskursiv
{
    font-style: italic;
    font-size: 130%;
}
.kapital 
{
    font-style: normal;
    font-variant: small-caps;
}
.schraeg
{
    font-style: oblique;
}
.blink
{
    text-decoration: blink;
}