/* BODY
--------------------------------------------------*/
html {height:100%;}

body {
        margin:0;
        padding:0;
        height:100%;
        font-family:Helvetica, Arial, Geneva, sans-serif;
        font-size:75%;
        line-height:1.4em;
        text-align:center;
        color:#666;
        background: url('../img/bg_grey.gif') #FFF center repeat-y fixed;
}

u {
        text-decoration:none;
        border-bottom:1px dotted;
}

.small {
        font-size:0.9em;
        line-height:1.3em;
}

/* FORM ELEMENTS
--------------------------------------------------*/

/*.searchfield {
        color:#333;
        font-size:0.9em;
        width:180px;
        height:13px;
        background-color:#DFF0D1;
        border:1px;
        border-color:#666 #CCC #CCC #666;
}*/

form input, form textfield, form select {
        color:#333;
        font-family:Helvetica, Arial, Geneva, sans-serif;
        font-size:0.9em;
        width:180px;
        height:15px;
	vertical-align:top;
        background-color:#DFF0D1;
        border:1px solid;
        border-color:#666 #CCC #CCC #666;
        padding: 0 0 0 2px;
}

form input:focus, form textfield:focus, form textarea:focus, form select:focus {
        background-color:#ABD58C;
}

.domain {
        color:#333;
        font-size:0.9em;
        width:60px;
        height:15px;
	vertical-align:top;
        background-color:#DFF0D1;
        border:1px solid;
        border-color:#666 #CCC #CCC #666;
}


.message {
        color:#333;
        font-family:Helvetica, Arial, Geneva, sans-serif;
        font-size:0.9em;
        width:180px;
        background-color:#DFF0D1;
        border:1px solid;
        border-color:#666 #CCC #CCC #666;
}


/* HEADINGS
--------------------------------------------------*/
h1, h1a {
        color:#115B09;
        font-size:2em;
        font-weight:bold;
        padding:0 0 0 0;
        margin:0 0 0.5em 0;
}

h2, h2 a {
        color:#115B09;
        font-size:1.5em;
        font-weight:bold;
        padding:0 0 0 0;
        margin:0 0 0.5em 0;

}

h3, h3 a {
        color:#115B09;
        font-size:1em;
        font-weight:bold;
        padding:0 0 0 0;
        margin:0 0 0.3em 0;
}

h4, h4 a {
        color:#572C8C;
        font-size:1em;
        font-weight:bold;
        padding:0 0 0 0;
        margin:0 0 0.5em 0;
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover
        {color:#333;}


/* COMPONENTS
--------------------------------------------------*/
#outer {
        margin:0 auto;
        padding:0;
        width:843px;
        min-height:100%;
        height:100%;
        /*background:url('../img/bg_grey.gif') repeat-y;*/
}

#background {
        width:781px;
        background:url('../img/bg_paper.gif') repeat-y;
}

#closure {
        width:781px;
        height:10px;
        background:url('../img/bg_paper_closure.gif') repeat-y;
}

#copyright {
        display:block;
        float:left;
        position:relative;
        left:45px;
        font-size:0.7em;
}

#design {
        float:right;
        position:relative;
        right:45px;
        font-size:0.7em;
}

#logo-header {
        width:781px;
        height:140px;
        background:url('../img/logo-header.jpg');
}

#logo-link {
        float:left;
        position:relative;
        width:auto;
        height:auto;
        top:40px;
        left:124px
}

#teaser {
        position:relative;
        width:452px;
        height:154px;
        left:5px;
        color:#572C8C;
        background:url('../img/bg_neu_DE.jpg') no-repeat;
}

#teaser2 {
        position:relative;
        width:452px;
        height:155px;
        left:5px;
        color:#572C8C;
        background:url('../img/bg_neu_DE.jpg') no-repeat;
}


#paket-top {
        position:relative;
        width:452px;
        min-height:120px;
        left:5px;
        color:#572C8C;
        background:url('../img/bg_paket_top.jpg') no-repeat;
}

#paket-bottom {
        position:relative;
        width:452px;
        height:73px;
        left:5px;
        color:#572C8C;
        background:url('../img/bg_paket_bottom.jpg') no-repeat;
}

#teaser-buttons {
        float:right;
        position:relative;
        top:132px;
        right:10px;
}

#paket-buttons {
        float:right;
        position:relative;
        top:22px;
        right:10px;
}

#domain-button {
        float:right;
        position:relative;
        top:99px;
        right:10px;
}

#search {
        float:right;
        position:relative;
        top:10px;
        right:5px;
	}

#topnav {
        display:block;
        position:relative;
        text-align:left;
        width:773px;
        height:37px;
        left:1px;
    	vertical-align:bottom;
    	border-left:1px solid #45d01c;
	}

#metanav {
        display:block;
        position:relative;
        text-align:left;
        width:773px;
        height:25px;
        left:0;
}

#content {
        width:773px;
        min-height:400px;
        background:url('../img/bg_main.jpg') no-repeat;
}



.nav, .nav a {
    position: relative;
    width:100px;
    height:37px;
    line-height:41px;
    text-align:center;
    float:left;
    color:#115B09;
    font-weight: bold;
    font-stretch:ultra-condensed;
    background:url('../img/nav.gif') no-repeat;
    text-decoration: none;
}

.nav, .nav a:hover, .nav a:active {
    color:#ffffff;
    background:url('../img/nav_over.gif') no-repeat;
    text-decoration:none;
}

.navblank {
    position: relative;
    width:173px;
    height:37px;
    line-height:41px;
    text-align:center;
    float:left;
    color:#115B09;
    font-weight: bold;
    font-stretch:ultra-condensed;
    background:url('../img/nav_blank.gif') no-repeat;
    background-position:-100px 0;
    text-decoration: none;
}

.navserver, .navserver a {
    position: relative;
    width:100px;
    height:37px;
    line-height:41px;
    text-align:center;
    float:left;
    color:#115B09;
    font-weight: bold;
    font-stretch:ultra-condensed;
    background:url('../img/nav_server.gif') no-repeat;
    text-decoration: none;
}

.navserver, .navserver a:hover, .navserver a:active {
    color:#ffffff;
    background:url('../img/nav_server_over.gif') no-repeat;
    text-decoration:none;
}



/* active state */

.navactive, .navactive a {
    position: relative;
    width:100px;
    height:37px;
    line-height:41px;
    text-align:center;
    float:left;
    color:#ffffff;
    font-weight: bold;
    font-stretch:ultra-condensed;
    background:url('../img/nav_over.gif') no-repeat;
    text-decoration: none;
}

.navactive, .navactive a:hover, .navactive a:active {
    color:#ffffff;
/*    background:url('../img/nav_over.gif') no-repeat; */
    text-decoration:none;
}

.navserveractive, .navserveractive a {
    position: relative;
    width:100px;
    height:37px;
    line-height:41px;
    text-align:center;
    float:left;
    color:#ffffff;
    font-weight: bold;
    font-stretch:ultra-condensed;
    background:url('../img/nav_server_over.gif') no-repeat;
    text-decoration: none;
}

.navserveractive, .navserveractive a:hover, .navserveractive a:active {
    color:#ffffff;
/*    background:url('../img/nav_server_over.gif') no-repeat; */
    text-decoration:none;
}



/* LISTS
--------------------------------------------------*/

.subnav, .subnav a {
        display:block;
        width:205px;
        height:28px;
        color:#115B09;
        font-size:1em;
        font-weight:bold;
        padding-top:8px;
        padding-bottom:0px;
        padding-left:22px;
        padding-right:0px;
        margin-top:0px;
        margin-bottom:-8px;
        margin-left:0px;
        margin-right:-22px;
        background:url('../img/bg_subnav.gif') 0px 0px no-repeat;
}

.subnav:hover, .subnav a:hover {
        background:url('../img/bg_subnav_over.gif') 0px 0px no-repeat;
}

.subnav_selected, .subnav_selected a {
        display:block;
        width:205px;
        height:28px;
        color:#572C8C;
        font-size:1em;
        font-weight:bold;
        padding-top:8px;
        padding-bottom:0px;
        padding-left:22px;
        padding-right:0px;
        margin-top:0px;
        margin-bottom:-8px;
        margin-left:0px;
        margin-right:-22px;
        background:url('../img/bg_subnav_over.gif') 0px 0px no-repeat;
}

ul.checklist li {
        list-style-image:url('../img/icn_bullet.gif');
        padding:0 0 0 0;
        margin:0 0 0 0;
}

.checklist {
        line-height:1.7em;
        padding:0 20px;
        background:url('../img/icn_bullet.gif') 0px no-repeat;
}



/* COLORS
--------------------------------------------------*/
.bright {color:#999;}
.normal {color:#666;}
.dark {color:#333;}
.green {color:#115B09;}
.purple {color:#572C8C;}

/* links
--------------------------------------------------*/

.help {cursor:help;}

a {
        text-decoration:none;
        color:#572C8C;
}

a:hover {
        color:#333;
        text-decoration:underline;
}

a img {border:none;}

/* PARAGRAPHS, ETC.
--------------------------------------------------*/

.margin10 {margin:10px 10px 0 10px;}

.margin20 {margin:10px 10px 10px 15px;}

pre {
        overflow:auto;
        margin:0 0 18px 0;
        padding:4px;
}

pre, code, kbr {font-family:Courier, Monaco, monospace;}

code, kbr {padding:0 2px;}

abbr, acronym {
        font-size:0.9em;
        letter-spacing:1px;
}

.next {clear:both;}

p {
        margin:0;
        padding:0 0 10px 0;
}

ul {
        margin:0 0 0 25px;
        padding:0 0 5px 0;
}

blockquote {
        margin:0;
        padding:0 28px 20px;
        font-style:italic;
        font-size:14px;
        line-height:19px;
        font-family:Georgia, Times, serif;
        background:url('../feed/img/quote.gif') no-repeat;
}

.metacontact {
position: relative;
left: -10px;
}