/* Basisvorlage CSS
Projekt: www.neue-domain.de
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Rot): #791719
Farbton (Hover Navigation): #ffe345
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
    padding: 0;
    margin: 0;
    border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgrö�e von 75% oder 12px festgelegt.
    background: #fff url(bilder/grid.png) top left no-repeat;
*/    
    height: 100%;
    background: url(bg-html.jpg) repeat-x top left #dbedee;
}

body {
    height: 100%;
    background: url(bg-body.png) top center repeat-y;
}


* html body {
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/bg-body.png',sizingMethod='scale');
    background: none;

    }



body,td,th,input,select,textarea,p      {  
    font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height:20px;
    color: #333333;
}


/* allgemeine Links
--------------------------------------------------------------------------------------- */
a:link, a:visited, a:hover, a:active {
    color:#333333;
    text-decoration: underline;
}

.seitenname {
    font-size:15px;
    color:#000000;
    line-height: 15px;
    font-weight:normal;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* #rechts
--------------------------------------------------------------------------------------- */

a.link1:link, a.link1:visited,a.link1:active
{
    font-size: 10px;
    font-weight:normal;
    line-height: 10px;
    display:inline;
    margin: 10px 0px 10px 0px;
    padding: 10px 8px 10px 8px;
    text-align:left;
    color: #333333;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing: 1px;
    }

a.link1:hover,a.link1a:link,a.link1a:visited,a.link1a:active,a.link1a:hover
{
    font-size: 10px;
    font-weight:normal;
    line-height: 10px;
    display:inline;
    margin: 10px 0px 10px 0px;
    padding: 10px 8px 10px 8px;
    text-align:left;
    color: #0ec2c4;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing: 1px;

    }
    
a.link1:focus {
    outline: none;
}

a.link2:link, a.link2:visited,a.link2:active
{
    font-size: 10px;
    line-height:10px;
    display:block;
    margin: 0;
    padding: 5px 0px 5px 0px;
    text-align:left;
    color: #333333;
    text-decoration:none;
    text-transform:uppercase;
   }

a.link2:hover,a.link2a:link,a.link2a:visited,a.link2a:active,a.link2a:hover
{
    font-size: 10px;
    line-height:10px;
    display:block;
    margin: 0;
    padding: 5px 0px 5px 0px;
    text-align:left;
    color: #0ec2c4;
    text-decoration:none;
    text-transform:uppercase;
    }
    
a.link2:focus {
    outline: none;
}


/* #footer (NAVIGATION)
--------------------------------------------------------------------------------------- */

.link5, a.link5:link, a.link5:visited,a.link5:active
{
    font-size: 10px;
    line-height:10px;
    padding: 2px 20px 2px 0px;
    text-align:left;
    color: #333333;
    text-decoration:none;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    }

a.link5:hover,a.link5a:link,a.link5a:visited,a.link5a:active,a.link5a:hover
{
    font-size: 10px;
    line-height:10px;
    padding: 2px 20px 2px 00px;
    text-align:left;
    color: #333333;
    text-decoration:underline;
    text-transform: uppercase;
    letter-spacing: 0.2px;
    }
    
a.link5:focus {
    outline: none;
}
    




/* Vertikaler Rhythmus basierend auf 12px Basisgrö�e für den Flie�text
--------------------------------------------------------------------------------------- */
p {
    margin-top: 0em;
    margin-bottom: 0.5em;
}

h1 {
    font-size: 11px;
    line-height:20px;
    margin: 0px 0px 15px 0px;
    color:#0ec2c4;
    text-transform: uppercase;
    letter-spacing:1.5px;
    }

h2 {
    font-size: 11px;
    line-height:16px;
    margin: 0px;
    color:#0ec2c4;
    font-weight: bold;
    text-transform:uppercase;
    letter-spacing:0.5px;
}


.newshead, a.newshead:link, a.newshead:visited, a.newshead:hover, a.newshead:active {
    font-size: 11px;
    line-height:20px;
    color: #0ec2c4;
    text-decoration:none;
    margin:0;
    }

hr {
       border: 0; /* Für Firefox und Opera */
       border-top: solid 1px #d9d9d9;
       border-bottom: solid 1px #FFFFFF; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
       margin:10px -10px 9px -10px;
       width: 155px;

}





/* Aufzählungen in der Website
--------------------------------------------------------------------------------------- */
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    }

ul li { 
        background:url('aufzaehlung.jpg') no-repeat 2px 6px; padding-left:16px; 
        }
    


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
    border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
    float: left;
    margin: 0px 10px 10px 0px;
}

.rechts {
    float: right;
    margin: 00px 0px 10px 10px;
}


/* Formularelemente 
--------------------------------------------------------------------------------------- */


.button, .button:link, .button:visited, .button:hover, .button:active,
a.button:link, a.button:visited, a.button:hover, a.button:active {
        text-align: left;
        width: 60px;
        height: 20px;
        padding: 0px 10px 0px 10px;
        margin-right: 15px;
        color: #0ec2c4;
        text-decoration: none;
        font-size:11px; 
        border: 1px solid #0ec2c4;
        background-color: #faf1e3;
        }


label.kontakt {
    width: 100px;
    margin-right: 15px;
    margin-bottom: 10px;
    float: left;
    text-align: right;
    font-weight:normal;
    color: #0ec2c4;
}
textarea.kontakt {
        width: 250px;
        margin-bottom: 5px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #0ec2c4;
        border: 1px solid #0ec2c4;
        background-color: #faf1e3;
}

input.kontakt,select.kontakt {
        width: 250px;
        margin-bottom: 5px;
        height: 20px;
        padding: 0px;
        font-size: 11px;
        font-family: Trebuchet MS,Arial,Helvetica,sans-serif;
        color: #0ec2c4;
        border: 1px solid #0ec2c4;
        background-color: #faf1e3;
    }

fieldset.kontakt {
        width: 450px;
        padding: 15px;
        border:none;
        text-align:left;
        }

legend.kontakt {
        font-size: 11px;
        text-align: left;
        font-weight:normal;
        color: #0ec2c4;
        text-transform:uppercase;
        display: block;
        border-bottom: 1px solid #0ec2c4;
        margin: 0px 0 5px 0;
        padding: 0;
        width:450px
        }

        
/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#page
{
    position: relative;
    min-height: 100%;
}

* html #page
{
    height: 100%;
}

#wrapper
{
    margin: 0 auto;    
    width: 1100px;
    text-align:center;
    padding-bottom: 51px;
}

#footer
{
    position: relative;
    margin-top: -50px;
    height: 50px;
    background: #469ba9;
    text-align:center
}

#footerinnen
{
    margin: auto;
    width: 1100px;
    text-align:left
}



.logooben  {
    width: 198px;
    height: 253px;
    background: url(cti-logo-sagsmitballons.png) top left no-repeat;
    }

* html .logooben {
    width: 198px;
    height: 253px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/cti-logo-sagsmitballons.png',sizingMethod='scale');
    background: none;
    }

.logounten  {
    width: 135px;
    height: 90px;
    background: url(cti-logo-unten.png) top left no-repeat;
    }

* html .logounten {
    width: 135px;
    height: 90px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/cti-logo-unten.png',sizingMethod='image');
    background: none;
    }


.box-bottom-left  {
    width: 10px;
    height: 29px;
    background: url(box-bottom-left.png) top left no-repeat;
    }

* html .box-bottom-left {
    width: 10px;
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-bottom-left.png',sizingMethod='scale');
    background: none;
    }

.box-top  {
    height: 29px;
    background: url(box-top.png) top left repeat-x;
    }

* html .box-top {
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-top.png',sizingMethod='scale');
    background: none;
    }

.box-top-right  {
    width: 10px;
    height: 29px;
    background: url(box-top-right.png) top left no-repeat;
    }

* html .box-top-right {
    width: 10px;
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-top-right.png',sizingMethod='scale');
    background: none;
    }

.box-top-left  {
    width: 10px;
    height: 29px;
    background: url(box-top-left.png) top left no-repeat;
    }

* html .box-top-left {
    width: 10px;
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-top-left.png',sizingMethod='scale');
    background: none;
    }

.box-bottom  {
    height: 29px;
    background: url(box-bottom.png) top left repeat-x;
    }

* html .box-bottom {
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-bottom.png',sizingMethod='scale');
    background: none;
    }

.box-bottom-right  {
    width: 10px;
    height: 29px;
    background: url(box-bottom-right.png) top left no-repeat;
    }

* html .box-bottom-right {
    width: 10px;
    height: 29px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/box-bottom-right.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-top-left {
    width: 20px;
    height: 20px;
    background: url(kasten-li-ob.png) top left no-repeat;
    }

* html .kastenrund-top-left {
    width: 20px;
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-li-ob.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-top {
    height: 20px;
    background: url(kasten-oben.png) top left repeat-x;
    }

* html .kastenrund-top {
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-oben.png',sizingMethod='scale');
    background: none;
    }
    
.kastenrund-top-right {
    width: 20px;
    height: 20px;
    background: url(kasten-re-ob.png) top left no-repeat;
    }

* html .kastenrund-top-right {
    width: 20px;
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-re-ob.png',sizingMethod='scale');
    background: none;
    }
    
.kastenrund-right {
    width: 20px;
    background: url(kasten-rechts.png) top left repeat-y;
    }

* html .kastenrund-right {
    width: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-rechts.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-left {
    width: 20px;
    background: url(kasten-links.png) top left repeat-y;
    }

* html .kastenrund-left {
    width: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-links.png',sizingMethod='scale');
    background: none;
    }


.kastenrund-bottom-left {
    width: 20px;
    height: 20px;
    background: url(kasten-li-un.png) top left no-repeat;
    }

* html .kastenrund-bottom-left {
    width: 20px;
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-li-un.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-bottom {
    height: 20px;
    background: url(kasten-unten.png) top left repeat-x;
    }

* html .kastenrund-bottom {
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-unten.png',sizingMethod='scale');
    background: none;
    }
    
.kastenrund-bottom-right {
    width: 20px;
    height: 20px;
    background: url(kasten-re-un.png) top left no-repeat;
    }

* html .kastenrund-bottom-right {
    width: 20px;
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-re-un.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-55px-bottom-left {
    width: 20px;
    height: 55px;
    background: url(kasten-55px-li-un.png) top left no-repeat;
    }

* html .kastenrund-55px-bottom-left {
    width: 20px;
    height: 55px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-55px-li-un.png',sizingMethod='scale');
    background: none;
    }

.kastenrund-55px-bottom {
    height: 20px;
    background: url(kasten-55px-unten.png) top left repeat-x;
    }

* html .kastenrund-55px-bottom {
    height: 20px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-55px-unten.png',sizingMethod='scale');
    background: none;
    }
    
.kastenrund-55px-bottom-right {
    width: 20px;
    height: 55px;
    background: url(kasten-55px-re-un.png) top left no-repeat;
    }

* html .kastenrund-55px-bottom-right {
    width: 20px;
    height: 55px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kasten-55px-re-un.png',sizingMethod='scale');
    background: none;
    }


.luftballonkind  {
    z-index: 100;
    width: 160px;
    height: 305px;
    position: relative;
    top: -253px;
    right: -65px;
    background: url(kind-ballons.png) top right no-repeat;
    margin-bottom:-305px;
    }

* html .luftballonkind  {
    z-index: 100;
    width: 160px;
    height: 305px;
    position: relative;
    top: -253px;
    right: -65px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/kind-ballons.png',sizingMethod='scale');
    background: none;
    margin-bottom:-305px;
    }

.flugzeug  {
    position:absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height:25px;
    background:url(flugzeug.png) top left no-repeat;
    z-index: 100;
    }

* html .flugzeug  {
    position:absolute;
    top: 10px;
    left: 10px;
    width: 25px;
    height:25px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/flugzeug.png',sizingMethod='scale');
    background: none;
    z-index: 100;
    }

.footer-ballon {
    width: 20px;
    height: 50px;
    background: url(footer-ballon.png) top left no-repeat;
    }

* html .footer-ballon {
    width: 20px;
    height: 50px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/footer-ballon.png',sizingMethod='scale');
    background: none;
    }


/*  ----------   Highlights Icons -----   */
.icon-weihnachten {
    width: 36px;
    height: 36px;
    background: url(../highlights/weihnachten-icon.png)top left no-repeat;
    }

* html .icon-weihnachten {
    width: 36px;
    height: 36px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highlights/weihnachten-icon.png',sizingMethod='image');
    background: none;
    }

.icon-ostern {
    width: 36px;
    height: 36px;
    background: url(../highlights/ostern-icon.png)top left no-repeat;
    }

* html .icon-ostern {
    width: 20px;
    height: 50px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highlights/ostern-icon.png',sizingMethod='image');
    background: none;
    }

.icon-hochzeit {
    width: 36px;
    height: 36px;
    background: url(../highlights/hochzeit-icon.png)top left no-repeat;
    }

* html .icon-hochzeit {
    width: 20px;
    height: 50px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highlights/hochzeit-icon.png',sizingMethod='image');
    background: none;
    }

.icon-glueckwunsch {
    width: 36px;
    height: 36px;
    background: url(../highlights/glueckwunsch-icon.png)top left no-repeat;
    }

* html .icon-glueckwunsch {
    width: 20px;
    height: 50px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highlights/glueckwunsch-icon.png',sizingMethod='image');
    background: none;
    }
    
.icon-geburtstag {
    width: 36px;
    height: 36px;
    background: url(../highlights/geburtstag-icon.png)top left no-repeat;
    }

* html .icon-geburtstag {
    width: 20px;
    height: 50px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highlights/geburtstag-icon.png',sizingMethod='image');
    background: none;
    }

.highlight-head   {
    color: #6d6f72;
    font-size: 11px;
    line-height:14px;
    letter-spacing: 1.5px;
    }