/* ----------------------------------------------------------------
Title:        Infuniq screen styles
Email:        sgiers(at)communicode.de
Author:       Steffen Giers

Wichtige Farben:
H_Grün = #87d329
H_Blau = #008bd9
D_Grün = #69b50b
H_Grau = #f6f6f6
*/
/* Reset Browser Default
==================================================================== */
* {
    font-size:1em;
    list-style:none;
    margin:0;
    padding:0;
    }
fieldset {border:none;}
p {    margin-bottom:18px;}

/* Struktur
==================================================================== */
body {
    background:url(/infuniq/img/layout/body-bg_neu.gif) repeat-x top left #c3c3c3;
    font:75%/1.5em Helvetica, Arial, Verdana sans-serif;
    }
#wrapper {
    background:#FFFFFF none repeat scroll 0%;
    margin:30px auto;
    padding:0 15px;
    width:810px;
    }
    
    
/* Gloable Link styles
==================================================================== */
a:link {
    color:#008bd9;
    text-decoration:none;
    }
a:visited {
    color:#008bd9;
    text-decoration:none;
    }
a:hover {
    color:#69b50b;
    }

/*  Header
==================================================================== */
#top {
    background:url(/infuniq/img/layout/top-background.gif) no-repeat center top #fff;
    height:93px;
    width:810px;
    }

#top a span {display:none;}

#top .infuniq {
    display:block;
    height:73px;
    left:613px;
    position:relative;
    top:10px;
    width:200px;
    }
    
#wrap {overflow:hidden;zoom:1;}

#wrap div {
     float:left;
     margin-top:20px;
     width:190px;
     }
#wrap ul {
    float:left;
    width:420px;
    }
#wrap form {
    float:right;
    padding:15px;
    width:145px;
    }
#wrap ul li {
    border-left:2px solid #008bd9;
    display:inline;
    margin-right:10px;
    padding-left:5px;
    }
#home_desc {
    background:url(/infuniq/img/layout/home_desc.png) no-repeat 30px 30px #008bd9;
    color:#fff;
    height:326px;
    position:relative;
    width:810px;
    }
#home_desc .intro_box {
    left:265px;
    position:absolute;
    top:235px;
    width:450px;
    }
#home_desc h1 {font-size:14px;}

#news {
    background:url(/infuniq/img/layout/news-bg.gif) repeat-x bottom left #fff;
    overflow:hidden;
    padding-bottom:50px;
    }
#news h5 {
    background:url(/infuniq/img/layout/news-h5-arrow.gif) no-repeat top left;
    color:#87d329;
    margin:15px 0 0 15px;
    padding-left:15px;
    }
#news p {
    float:left;
    margin:15px;
    width:240px;
    }
#news p a {
    background:url(/infuniq/img/layout/info-h3-bg.gif) no-repeat top left;
    color:#000;
    display:block;
    padding-top:3px;
    }

#news p a.more{
background:url(/infuniq/img/layout/more-button.gif) no-repeat top left;
}


/*  Navigation
==================================================================== */
#visual-nav {
    overflow:hidden;
    width:810px;
    }
#visual-nav a {
    display:block;
    float:left;
    height:87px;
    width:270px;
    }
#visual-nav a span {display:none;}
#visual-nav .visual_pure {background:url(/infuniq/img/layout/pure-button.gif) no-repeat center top #fff;}
#visual-nav .visual_web {background:url(/infuniq/img/layout/web-button.gif) no-repeat center top #fff;}
#visual-nav .visual_print {background:url(/infuniq/img/layout/print-button.gif) no-repeat center top #fff;}

/* Suche
==================================================================== */
#search {width:175px;}
#search #s_input {width:95px;}

/* Inhalt
==================================================================== */
#content {overflow:hidden; margin:0;}
#maintext {
     float:left;
     margin:10px 0 0 15px;
     width:420px;
     }
#maintext h1 {
    background:url(/infuniq/img/layout/headline-bg.gif) repeat-x top left #fff;
    font-size:18px;
    padding-top:30px;
    padding-bottom:15px;
    }
#maintext h2 {
    margin-bottom:18px;
    padding-top:9px;
    }
#maintext ul {padding-left:18px;}
#maintext ul li {list-style-type:disc;}

/* Sidebars
==================================================================== */
#sidebar {
    background:url(/infuniq/img/layout/sidebar-bg.gif) 
repeat-x top left #fff;
     float:left;
     min-height:275px;
     padding:15px;
     width:145px;
     margin:10px 0 0 0;
     }
/*#sidebar div {margin-bottom:70px;}*/
#sidebar h5 {
    color:#008bd9;
    margin-bottom:9px;
    }
#sidebar a {
    border-left:1px solid;
    color:#000;
    display:block;
    margin-bottom:18px;
    padding-left:5px;
    }
#sidebar .active {
    background:url(/infuniq/img/layout/sidebar-active.gif) no-repeat left;
    color:#000;
    display:block;
    font-weight:700;
    line-height:18px;
    margin-bottom:18px;
    padding-left:12px;
    }
#info {
    background:#f6f6f6;
    float:right;
    padding:15px;
    width:145px;
    margin:10px 0 0 0;
    }
#info h3 {
    background:url(/infuniq/img/layout/info-h3-bg.gif) no-repeat top left;
    padding-top:3px;
    }
#info h3 a {
    color:#000;
    display:block;
    }
#info h3 a:hover {color:#87d329;}
#info p {margin-bottom:18px;}

/* Kontaktformular
==================================================================== */
form.form_box {
    background:url(../_bitmaps/content_intro2_kachel.gif) repeat-y;
    border:#000 0 solid;
    margin:25px 50px 60px 0;
    padding:0 0 15px;
    }
form.form_box div {
    border:#000 0 solid;
    margin:15px 0;
    }
form.form_box.v2 div {
    display:block;
    float:left;
    margin:8px 0 8px 5px;
    padding:0;
    }
form.form_box h1 {
    background:url(../_bitmaps/content_intro2_head.gif) no-repeat #fff;
    color:#fff;
    display:block;
    font-size:10px;
    font-weight:400;
    height:23px;
    margin:0 0 15px;
    padding:5px 0 0 30px;
}
form.form_box div label {
    display:block;
    float:left;
    line-height:23px;
    padding:0 5px 0 0;
    text-align:right;
    width:110px;
    }
form.form_box.v2 div label {
    color:#666;
    display:block;
    float:left;
    font-weight:700;
    line-height:12px;
    padding:0 5px;
    text-align:left;
    width:190px;
    }
form.form_box.v2 div label.labelsmall {
    width:100px;
    }
form.form_box div input {
    font-size:14px;
    height:18px;
    line-height:14px;
    margin:0;
    padding:0;
    width:180px;
    }
form.form_box div select {
    font-size:11px!important;
    height:18px;
    line-height:14px;
    margin:0;
    padding:0;
    width:180px;
    }
form.form_box.v2 div input.checkradio {
    float:left;
    height:12px;
    width:12px;
    }
form.form_box.v2 div p {
    display:block;
    float:left;
    margin:0;
    padding:0;
    }
form.form_box div input#submit {
    font-size:10px;
    height:18px;
    line-height:10px;
    margin-left:115px;
    width:auto;
    }
form.form_box.v2 p input#submit {
    margin-left:-20px;
    }
form.form_box.v2 fieldset {
    background:url(../_bitmaps/30.gif) 0 120px;
    border:1px solid #999;
    color:#b80b38;
    display:block;
    margin:30px 0 20px 20px;
    padding:20px 10px 10px;
    position:relative;
    width:420px;
    }
form.form_box.v2 legend {
    background:#7AB90C;
    border:1px solid #7AB90C;
    color:#FFF;
    font-size:10px;
    font-weight:700;
    left:15px;
    padding:2px 10px;
    position:absolute;
    top:-10px;
    }
    
/* Stuff
==================================================================== */
#footlinks {
    display:block;
    height:12px;
    margin-bottom:10px;
    margin-top:30px;
    position:relative;
    width:100%;
    }
#footlinks #btn_back {
    background:url(/infuniq/img/layout/arrow_dark_back.gif) no-repeat 0 55%;
    color:#000;
    font-size:10px;
    left:120px;
    line-height:1em;
    padding-left:9px;
    position:absolute;
    text-decoration:none;
    top:0;
    }
#footlinks #btn_top {
    background:url(/infuniq/img/layout/arrow_dark_up.gif) no-repeat 0 55%;
    color:#000;
    font-size:10px;
    left:20px;
    line-height:1em;
    padding-left:10px;
    position:absolute;
    text-decoration:none;
    top:0;
    }

sup {font-size11px;}

/* Lost CSS
==================================================================== 
 p.excerpt {
background:#FFFFFF url(../_img/excerpt_back.gif) repeat-y scroll 0pt; color:#000; line-height:24px; margin-bottom:20px; padding:0pt 20px 10px; } #onecolumn { float:left; padding:20px 0pt 0pt; width:622px; } #onecolumn h1 { color:#000; font-size:16px; line-height:1.1em; margin-bottom:20px; padding:0pt 20px; } #onecolumn h2 { border-bottom:1px solid #FFFFFF; color:#000; font-size:12px; line-height:1.1em; margin:10px 0pt; padding:0pt 20px 5px; } #onecolumn h2 { border-bottom:0pt solid #FFFFFF; border-top:1px solid #FFFFFF; color:#000; font-size:12px; line-height:1.1em; margin:10px 0pt; padding:15pt 20px 5px; } #onecolumn h3 { color:#3C484B; font-size:12px; line-height:1.1em; margin:10px 0pt; padding:0pt 20px; } #onecolumn p { padding:0pt 20px 10px; }
*/

.footer {
position:relative;
top:-20px;
margin:0 auto;
width:810px;
text-align:right;
color:#898989;
font-size:11px;
}
.footer a{color:#696969 !important;}
.footer a:hover{color:#555 !important;}

/* Sprachwechsel
==================================================================== */
.spkz{padding:10px 0 0 0; font-size:10px;}
.spkz_text{padding:0 5px 0 5px;}