/********************************************
*
*  Copyright: emion interaktive medien GmbH
*  http://www.emion.de | info@emion.de
*  mschmidt@20070104 1544
*
*********************************************/


html { height:100% }
/*body { height:100%; padding:0; margin:0; font:normal 80% Verdana,Arial,sans-serif; color:#415884; background:#fff url(../images/main/bg.gif) }*/
/*body { height:100%; padding:0; margin:0; font:normal 80% Verdana,Arial,sans-serif; color:#415884; background:#e1e1e4;}*/
body { height:100%; padding:0; margin:0; font:normal 80% Verdana,Arial,sans-serif; color:#415884;background-image: url(../upload/images/feige-pattern.jpg);background-repeat: repeat;}

#seite { width:770px; margin:30px auto; background:#fff url(../images/main/bg_seite.gif) repeat-y; border:1px solid #1A3561}
#seite2 { width:770px; margin:30px auto; background:#fff url(../upload/images/bg_seite2.gif) repeat-y; border:1px solid #1A3561 }

#kopf { height:142px; background:url(../images/main/bg_kopf.jpg) no-repeat }
#navig { height:20px; background:#f56b06; border-top:1px solid #fff; border-bottom:1px solid #fff }
#balken { width:239px; float:left; background:#1A3561 url(../upload/images/bg_balken.jpg) left bottom no-repeat; border-right:1px solid #1A3561 }
#news { padding:20px 25px 30px 15px }
#content { width:530px; float:left; background:#fff url(../images/main/bg_content.gif) repeat-x }
#inhalt { padding:20px 25px 15px 20px }

/* #balken2 { width:20px; float:left; background:#2c78c6 url(../upload/images/unterseite_bg_balken.gif) left bottom no-repeat } */
#balken2 { width:20px; float:left; left bottom no-repeat }
#content2 { width:749px; float:left; background:#fff url(../images/main/bg_content.gif) repeat-x }
#content2produkt { width:549px; float:left; background:#fff url(../images/main/bg_content.gif) repeat-x }
#inhalt2 { padding:5px 25px 15px 20px }

#fuss { padding:3px 0; clear:both; text-align:right; font-size:80%; color:#8296AE; background:#1A3561}

/* -------------------------------------------------
DEF: Allgemein
------------------------------------------------- */
a img { border:0 }
form { margin:0; padding:0 }
.clear { clear:both }


/* -------------------------------------------------
DEF: Kopf
------------------------------------------------- */
#language { top:10px; left:650px; width:120px; position:relative }
#language select { width:100px; font-size:11px }
#suche { top:93px; left:520px; width:100px; position:relative }
#suche input#keyword { width:150px; padding:1px; vertical-align:middle; font-size:95%; background:#bcc3d3; border:1px solid #4c5f8b }
#suche input#keyword:hover { background:#fff; border:1px solid #000 }
#suche #senden { margin:0 0 0 10px; vertical-align:middle }


/* -------------------------------------------------
DEF: Content
------------------------------------------------- */
#inhalt h1,#inhalt2 h1 { padding:0 0 2px 0px; font-size:100%; font-weight:bold; color:#415884; background:url(../images/main/bg_h1.gif) left bottom repeat-x }
#inhalt p, #inhalt2 p { font-size:100%; line-height:140% }
#inhalt a, #inhalt2 a { text-decoration:none; color:#415884; border-bottom:1px solid #ccc }


/* -------------------------------------------------
DEF: News
------------------------------------------------- */
#news h1 { padding:0; margin:0; font-size:85%; font-weight:bold; color:#fff }
#news h1 p { padding:0; margin:0; font-size:100%; font-weight:bold !important; }
#news p { padding:10px 0 0 0; margin:0; font-size:80%; font-weight:normal !important; line-height:130%; color:#fff }
#news a { text-decoration:none; color:#fff; font-style:italic }


/* -------------------------------------------------
DEF: Fuss
------------------------------------------------- */
#fuss a { text-decoration:none; color:#8296AE }
#fuss a:hover { color:#fff; font-weight:bold }

/* -------------------------------------------------
DEF: Print only
------------------------------------------------- */
#printKopf { display:none }


/* -------------------------------------------------
DEF: Kontaktformular
------------------------------------------------- */
#kf label { display:block; margin:1em 0 0 0; font-weight:normal; color:#000 }
#kf label.first { padding:1em 0 0 0 }
#kf input { width:16em; padding:2px; display:block; border:1px solid #000 }
#kf textarea { width:16em; height:128px; padding:2px; display:block; font-family:Arial; font-size:13px; border:1px solid #000 }
#kf input.submit { width:10em; display:block }
#kf select { display:block }


/* -------------------------------------------------
DEF: Katalogbestellung
------------------------------------------------- */
#kb label { display:block; margin:1em 0 0 0; font-weight:normal; color:#000 }
#kb label.first { padding:1em 0 0 0 }
#kb input { width:16em; padding:2px; display:block; border:1px solid #000 }
#kb textarea { width:16em; height:128px; padding:2px; display:block; font-family:Arial; font-size:13px; border:1px solid #000 }
#kb input.submit { width:10em; display:block }
#kb select { display:block }
#kb #kataloge td { padding:8px 5px }
#kb td.beschreibung { vertical-align:top }
#kb td.katalogauswahl { font-size:11px; vertical-align:bottom }
#kb td.katalogauswahl select { vertical-align:middle }
#kb tr.eins { background:#dff4ff }
#kb tr.zwei { background:#cae4ff }


/* -------------------------------------------------
DEF: Navigation Sub
------------------------------------------------- */
#navigation-sub { display:none }
#navigation-sub a { text-decoration:none; color:#000 }
#produktnavigation { width:250px; display:none }
#produktnavigation a { display:block; text-decoration:none; color:#000 }
#produktnavigation a:hover { color:#a00 }


/* -------------------------------------------------
DEF: Suchergebnis
------------------------------------------------- */
.search_title a { font-weight:bold; border-bottom:1px solid #33598a !important }
.search_title a:hover { color:#f56b06 !important }
.search_text { padding:2px 0 10px 18px; font-size:10px; color:#9a9a9a }
.search_text a { color:#9a9a9a !important; border:0 !important }
.search_text a:hover { color:#f56b06 !important }

/* -------------------------------------------------
DEF: Breadcrumb
------------------------------------------------- */
#breadcrumb{
padding-top:20px;
padding-left:20px;
}

#breadcrumb a{
border-bottom:1px solid #CCCCCC;
color:#415884;
text-decoration:none;
}

#breadcrumb a:active{
border-bottom:1px solid #CCCCCC;
color:#415884;
text-decoration:none;
}

#breadcrumb a:visited{
border-bottom:1px solid #CCCCCC;
color:#415884;
text-decoration:none;
}

#breadcrumb a:hover{
border-bottom:1px solid #CCCCCC;
color:#415884;
text-decoration:none;
}

/* -------------------------------------------------
DEF: Produktnavi
------------------------------------------------- */
#produktnavi{
float:left;
width:190px;
background:#FF8C10;
padding-top:20px;
font-size:10px;
}

#produktnavi a{
color:#FFFFFF;
text-decoration:none;
font-size:10px;
}

#produktnavi a:active{
color:#FFFFFF;
text-decoration:none;
}

#produktnavi a:visited{
color:#FFFFFF;
text-decoration:none;
}

#produktnavi a:hover{
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
}

/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    font-size:11px;
}
#contactForm .contactRow {
    margin:4px 0;
}
#contactForm label {
    display:block;
    float:left;
    width:80px;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:346px;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:172px;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:343px;
}

#contactForm .contactRow input {
    height:14px;
}

#contactForm .contactRow textarea {
    height:105px;
    font-size:10px;
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
    background-color:#fff;
    border:0;
    color:#0060b1;
    padding:0 20px 0 0;
    background-image:url(../images/link_pfeil.gif);
    background-repeat:no-repeat;
    background-position:right 4px;
    font-size:10px;
    width:auto;
    height:auto;
    float:right;
    margin:0;
}
#contactFormSubmit #contactFormSubmitLeft input {
    background-image:none;
    padding:0;
    float:left;
}

#contactForm table {
    width:100%;border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:2px;
}
* html #contactForm table td.pt {
    padding-top:0;
}