/* CSS Dokument für emsdesign.de */

html {
         width: 100%;
         height: 100%;
}

body {
         width: 100%;
         height: 100%;
         margin: 0px;
         background-image: url(images/bg.jpg);
         background-repeat: repeat-x;
         text-align: center;
}

#layout{
        width: 900px;
        display:block;
        margin:0px auto;
        overflow:auto;
        }

#header {
        float:left;
        width: 900px;
        height: 120px;
        text-align: left;
        vertical-align: top;
        margin-top: 55px;
        }

#logo {
        float:left;
        width: 242px;
        height: 120px;
        padding-top: 0px;
        padding-left: 8px;
}

#menu {
        float:right;
        width: 642px;
        height: 78px;
        text-align: right;
        vertical-align: top;
        padding-right: 8px;
        padding-top: 42px
        }

#left{
        width: 650px;
        margin: 0px;
        padding: 0px;
        text-align: left;
        float: left;
        margin-top: 120px;
        }

#right{
        width: 250px;
        margin: 0px;
        padding: 0px;
        text-align: left;
        float: right;
        margin-top: 120px;
        }

#titleleft {
        float:left;
        background-image: url(images/title_left.gif);
        background-repeat: no-repeat;
        width: 635px;
        height: 40px;
        padding-top: 0px;
        padding-left: 15px;
        text-align: left;
        vertical-align: top;
}


#titleright {
        float:right;
        background-image: url(images/title_right.gif);
        background-repeat: no-repeat;
        width: 235px;
        height: 40px;
        padding-top: 0px;
        padding-left: 15px;
        text-align: left;
        vertical-align: top;
}

#contentleft {
        float:left;
        background-color: #ffffff;
        width: 587px;
        min-height: 320px;
        margin-left: 8px;
        padding-top: 0px;
        padding-left: 10px;
        padding-right: 10px;
        text-align: left;
        vertical-align: top;
        border-left:1pt solid #004A99;
        border-right:1pt solid #004A99;
        border-bottom:1pt solid #004A99;
}


#contentright {
        float:left;
        background-color: #ffffff;
        width: 228px;
        min-height: 220px;
        margin-left: 8px;
        padding-top: 0px;
        padding-left: 4px;
        text-align: left;
        vertical-align: top;
        border-left:1pt solid #004A99;
        border-right:1pt solid #004A99;
        border-bottom:1pt solid #004A99;
}


/* Menüeinstellungen */

.menu1 {
        font-family: Verdana, Arial, Helvetica, Geneva;
        font-size:14px;
        color:#666666;
        font-weight:normal;
        line-height: 20px;
        }

a.menu1:link {
         TEXT-DECORATION: none;
         border-top:2px solid #ffffff;
         }

a.menu1:active {
         TEXT-DECORATION: none;
         border-top:2px solid #ffffff;
         }

a.menu1:visited {
         TEXT-DECORATION: none;
         border-top:2px solid #ffffff;
         }

a.menu1:hover {
         TEXT-DECORATION: none;
         color:#004A99;
         border-top:2px solid #004A99;
         }

.menu2 {
        font-family: Verdana, Arial, Helvetica, Geneva;
        font-size:14px;
        color:#ffffff;
        font-weight:normal;
        line-height: 16px;
        }

a.menu2:link {
         TEXT-DECORATION: none;
         }

a.menu2:active {
         TEXT-DECORATION: none;
         }

a.menu2:visited {
         TEXT-DECORATION: none;
         }

a.menu2:hover {
         color:#B8B8B8;
         TEXT-DECORATION: none;
         }



/* Textdefinitionen */

p {
        line-height: 20px;
        }

.topic {
        font-family: Arial, Helvetica, Geneva;
        font-size:14px;
        color:#666666;
        font-weight:bold;
        letter-spacing: 0.1em;
        line-height: 30px;
        }


.rahmen {
        BORDER-RIGHT: #ffffff 2px solid;
        BORDER-LEFT: #ffffff 2px solid;
        }

.ueberschrift {
        font-family: Arial, Helvetica, Geneva;
        font-size:14px;
        color:#666666;
        font-weight:bold;
        letter-spacing: 0.1em;
        line-height: 30px;
        BORDER-BOTTOM: #666666 1px dotted;
        }

.ueberschriftinhalt {
        font-family: Verdana, Arial, Helvetica, Geneva;
        font-size:13px;
        color:#004A99;
        font-weight:bold;
        letter-spacing: 0.1em;
        line-height: 22px;
        BORDER-BOTTOM: #004A99 1px dotted;
        }

.little {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:9px;
        color:#004A99;
        font-weight:normal;
        line-height: 12px;
        }

.littlegrau {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:9px;
        color:#666666;
        font-weight:normal;
        line-height: 12px;
        }

.littlehellgrau {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:9px;
        color:#999999;
        font-weight:normal;
        line-height: 10px;
        }

.formular {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:13px;
        color:#004A99;
        font-weight:normal;
        line-height: 18px;
        }

.inhalt        {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:13px;
        color:#004A99;
        font-style:normal;
        line-height: 18px;
        }

.inhaltgrau        {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:13px;
        color:#666666;
        font-style:normal;
        line-height: 16px;
        }

.inhaltweiss        {
        font-family:Verdana, Arial, Helvetica, Geneva;
        font-size:13px;
        color:#ffffff;
        font-style:normal;
        line-height: 16px;
        }

.arial {
        font-family:Arial, Helvetica, Geneva;
        font-size:13px;
        color:#004A99;
        font-style:normal;
        line-height: 16px;
        }

.arialgrau {
        font-family:Arial, Helvetica, Geneva;
        font-size:13px;
        color:#666666;
        font-style:normal;
        line-height: 16px;
        }

/* Links */

a.inhalt:link {text-decoration:none;}
a.inhalt:visited {text-decoration:none;}
a.inhalt:active {text-decoration:none;}
a.inhalt:hover {BORDER-BOTTOM: #004A99 1px dotted; color:#004A99;}

a.inhaltgrau:link {text-decoration:none;}
a.inhaltgrau:visited {text-decoration:none;}
a.inhaltgrau:active {text-decoration:none;}
a.inhaltgrau:hover {BORDER-BOTTOM: #004A99 1px dotted; color:#004A99;}

a.littlehellgrau:link {text-decoration:none;}
a.littlehellgrau:visited {text-decoration:none;}
a.littlehellgrau:active {text-decoration:none;}
a.littlehellgrau:hover {border-bottom: #004A99 1px dotted; color:#004A99;}

/* Formular */



input, textarea, select, button {
        font-size: 13px;
        line-height:1.5;
        color:#004A99;
        font-family:Verdana, Arial, Helvetica, Geneva;
        background:#F8F8F8;
        border:1px solid #D8D8D8;
        padding:2px 2px 2px 2px;
        }

input:hover, textarea:hover, select:hover {
        background:#FFF;
        border-color:#B8B8B8;
        }

input:focus, textarea:focus, select:focus {
        background:#FFF;
        border-color:#004A99;
        }

input[type = submit], input[type = button], button {
        cursor:pointer;
        }

input[type = checkbox], input[type = radio] {
        cursor:pointer;
        border:none;
        }