/* ================================================================
stylesheet for giebel-schweisstechnik.de
copyright 2009 Giebel GmbH Germany
=================================================================== */

/* ================================================================
GENERAL
=================================================================== */
body{
         margin: 0;
         background: #f8f8ff;
         font-family: Arial, Helvetica, sans-serif;
         font-size: 16px;
}

h1{
         width: 425px;
         padding: 15px 0 0 0;
         margin: 0 20px 0 20px;
         font-weight: lighter;
         font-size: 24px;
         border-bottom: 1px solid #f8f8ff;
}

h2{
         padding: 15px 0 10px 0;
         margin: 0;
         font-weight: lighter;
         font-size: 18px;
}

.container{
         width: 760px;
         margin: 0px auto;
}

.whitesquare{
         width: 16px;
         height: 16px;
         padding: 0;
         margin: 0 16px 0 0;
         background: #f8f8ff;
         float: left;
}

.textbox{
         text-align: left;
         padding: 15px 0 0 0;
         margin: 0 0 0 22px;
         width: 425px;
}

.textbox a{
         color: #ddd;
         text-decoration: underline;
}

.textbox a:hover, a:active{
         color: #fff;
         text-decoration: underline;
}

.textbox ul{
         padding: 0 0 0 22px;
}

.textbox ul li{
         padding: 8px 0 0 0;
}

.map_container{
         width: 425px;
         padding: 0;
         margin: 25px 0 0 22px;
}

.alert_msg{
         padding: 40px 0 0 0;
         text-align: center;
}

.back_button{
         color: #ddd;
         text-decoration: none;
         padding: 0 0 0 20px;
         background: url(../img/icons/bullet_back.png) no-repeat left;
         border: none;
}

a.back_button:hover, a.back_button:active{
         color: #fff;
         text-decoration: none;
         padding: 0 0 0 20px;
}

.hidden{
         display: none;
}

.clear{
         clear: both;
}

.tooltip{
         border: 1px solid #300;
         font-size: 11px;
         background: #f8f8ff;
         color: #000;
         padding: 2px;
}

.floatright{
         float: right;
         text-align: right;
}

.floatleft{
         float: left;
         text-align: left;
}
/* ================================================================
INHALTE
=================================================================== */
#service_list{
         width: 450px;
}

#product_list{
         margin: 32px 0 0 22px;
         padding: 0;
         width: 425px;
         list-style-type: none;
}

#product_list li{
         margin: 0 0 1px 0;
         height: 101px;
         padding: 0px 12px 0px 0px;
         background-color: #700;
}

#product_list img{
         float: left;
         margin: 0 12px 0 0;
         border: 1px solid #500;
}

/* ================================================================
NAVIGATION
=================================================================== */
#nav{
         background: url(../img/bg_img/bg_mainmenue.png) repeat-x;
         margin: 0;
         padding: 6px 0 6px 0;
         border-bottom: 1px solid #f8f8ff;
         font-size: 16px;
         list-style-type: none;
         text-align: right;
}

#nav li{
         display: inline;
         margin: 0;
         padding: 0;
}

#nav li a{
         text-decoration: none;
         color: #333;
         padding: 0 12px 0 20px;
         margin: 0;
}

#nav li a:hover, a:active{
         color: #333;
         text-decoration: underline;
}

#nav_home{
         background-image: url(../img/icons/house.png);
         background-repeat: no-repeat;
}

#nav_company{
         background-image: url(../img/icons/building.png);
         background-repeat: no-repeat;
}

#nav_service{
         background-image: url(../img/icons/wrench.png);
         background-repeat: no-repeat;
}

#nav_contact{
         background-image: url(../img/icons/user.png);
         background-repeat: no-repeat;
}

#nav_home:hover, #nav_home:active{
         background-image: url(../img/icons/house_go.png);
         background-repeat: no-repeat;
}

#nav_company:hover, #nav_company:active{
         background-image: url(../img/icons/building_add.png);
         background-repeat: no-repeat;
}

#nav_service:hover, #nav_service:active{
         background-image: url(../img/icons/wrench_orange.png);
         background-repeat: no-repeat;
}

#nav_contact:hover, #nav_contact:active{
         background-image: url(../img/icons/user_comment.png);
         background-repeat: no-repeat;
}
/* ================================================================
SUB-NAVIGATION
=================================================================== */
#subnav{
         display: block;
         float:right;
         width: 220px;
         text-align: right;
         line-height: 1.5;
         font-size: 14px;
         margin: 0 20px 0 0;
         padding: 15px 0 0 0;
}

#subnav a{
         color: #ddd;
         text-decoration: none;
         padding: 0 20px 0 0;
}

#subnav a:hover, a:active{
         color: #fff;
         text-decoration: none;
}

#subnav a#link_direction{
         background: url(../img/icons/map.png) no-repeat right;
}

#subnav a#link_direction:hover, a#link_direction:active{
         background: url(../img/icons/map_go.png) no-repeat right;
}

#subnav a#sub_mail{
         background: url(../img/icons/email.png) no-repeat right;
}

#subnav a#sub_mail:hover, a#sub_mail:active{
         background: url(../img/icons/email_open.png) no-repeat right;
}

#sub_links{
         margin: 0 0 0 0;
}

#bcard_frame{
         margin: 0;
         padding: 0;
         border: none;
         overflow: hidden;
}

#address{
         margin: 20px 0 0 0;
         padding: 0;
}

#address a{
         padding: 0;
}

#address a:hover, a:active{
         padding: 0;
}
/* ================================================================
BUSINESS CARD
=================================================================== */
.bcard_footer{
         padding: 5px 0 0 0;
         margin: 10px 0 0 0;
         border-top: 1px solid #808080;
         text-align: left;
}

.business_card{
         width: 390px;
         text-align: right;
         line-height: 1.7;
}

.business_card div img{
         vertical-align: middle;
         padding: 0;
         margin: 0 0 2px 5px;
         border: none;
}
/* ================================================================
SITE SEGMENTING
=================================================================== */
#top{
         height: 140px;
         background: url(../img/bg_img/bg_top.png) repeat-x #900;
         margin: 0;
         padding: 0;
}

#logo{
         margin: 0;
         float: left;
         border: none;
         background-color: none;
}

#middle{
         background:#999;
         border-top: 1px solid #f8f8ff;
         border-bottom: 1px solid #f8f8ff;
         margin: 0;
         padding: 0;
}

#middle_img{
         height: 320px;
         background: #ddd;
         border-right: 1px solid #f8f8ff;
         border-left: 1px solid #f8f8ff;
         padding: 0;
}

#main{
         background: #900;
         color: #f8f8ff;
         padding: 0 0 25px 0;

         -moz-border-radius-bottomleft: 8px;
         -khtml-border-radius-bottomleft: 8px;
         -webkit-border-radius-bottomleft: 8px;
         border-radius-bottomleft: 8px;

         -moz-border-radius-bottomright: 8px;
         -khtml-border-radius-bottomright: 8px;
         -webkit-border-radius-bottomright: 8px;
         border-radius-bottomright: 8px;
}

#map_frame{
         border: 1px solid #600;
}

#footer{
         clear: both;
         color: #bbb;
         font-size: 12px;
         text-align: center;
         padding: 8px 0 15px 0;
}

#footer a{
         color: #bbb;
}
/* ================================================================
CONTACT FORM
=================================================================== */
form input{
         font-family: Arial, Helvetica, sans-serif;
         border:1px solid #600;
         background-color: #f8f8ff;
         background-repeat: no-repeat;
         font-size: 16px;
}

form input.form_button{
         width: 100px;
         font-size: 15px;
}

form input#send_button{
         background-image: url(../img/icons/bullet_go.png);
         background-position: right;
         padding: 0 20px 0 0;
         float:right;
}

form input#delete_button{
         background-image: url(../img/icons/delete.png);
         background-position: right;
         padding: 0 20px 0 0;
         float:right;
}

form input#post_back{
         background-image: url(../img/icons/bullet_back.png);
         background-position: left;
         padding: 0 0 0 20px;
         margin: 15px 0 0 0;
}

#mail_form{
         padding: 0;
         margin: 25px 0 0 20px;
         width: 425px;
}

#mail_form form input#name, input#company, input#email{
         width: 240px;
}

#mail_form form input#subject{
         width: 350px;
}

#mail_form form textarea {
         font-family: Arial, Helvetica, sans-serif;
         border:1px solid #600;
         background-color: #f8f8ff;
         font-size: 14px;
         width: 350px;
         height: 120px;
}
/* ================================================================
IMPRINT & DISCLAIMER
=================================================================== */
#imprint, #disclaimer{
         text-align: left;
}