@import url(reset.css);

body
{
    min-width: 800px;
    background-image: url(../img/sieb/leftborder-orange.gif);
    background-repeat: repeat-y;
    font-family: "Century Gothic", "Myriad Pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 12px;
  
}

* html #left {
  left: 200px;
}

#content p, #content ul
{
    padding-bottom: 25px;
}

#content p
{
      line-height: 1.5;
      width:320px;
      float:right;
}


#home p, #home ul
{
    padding-bottom: 15px;
}


#home p
{
      line-height: 1.5;
      width:520px;
     
}


#linkseite p, #linkseite ul
{
    padding-bottom: 15px; padding-left:20px;
}


#linkseite p
{
      line-height: 1.5;
      width:520px;
     
}





#digital p, #digital ul
{
    padding-bottom: 25px;  line-height: 1.5; padding-left:70px;
}

#digital p
{
     width:420px;
}

#digital ul li{
   padding-left:30px;
}






input, textarea, select
{
    margin-bottom: 5px;
    font-family: "Century Gothic", "Myriad Pro", Helvetica, Verdana, Tahoma, sans-serif;
    font-size: 13px;
}


/**
BUTTONS AND HEADLINES
**/

#inputTown
{
    margin-left: 19px;
    display: inline-block;
}

/**
Sieb Login asd asdasdsdsdasdsdasdasdasdasdsssd hello world how are you? would be cool if this rocksdsfdsfdfdsfsdfsfdfdfsdfds
**/

#loginBox ul
{
    line-height: 25px;
}

#loginBox p
{
    background-image: url(../img/sieb/button-orange.png);
    background-repeat: no-repeat;
    width: 220px;
    height: 20px;
    margin-left: 35px;
    padding-left: 8px;
}

#loginBox p span
{
    display: inline-block;
    width: 140px;
}

#loginBox h2
{
    background-image: url(../img/sieb/costumer-login.gif);
    background-repeat: no-repeat;
    text-indent: -9999em;
    height: 15px;
    width: 114px;
    margin-left: 181px;
}

#loginBox input
{
    height: 12px;
    line-height: 10px;
    font-size: 11px;
}

.siebButtonGo
{
    background-image: url(../img/sieb/button-go.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    text-indent: -9999em;
    width: 46px;
    height: 15px !important;
    
}

.siebButtonSend
{
    background-image: url(../img/sieb/button-send.gif);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    text-indent: -9999em;
    width: 57px;
    height: 15px;
    margin-left: 323px;
}

.siebButtonRegister
{
    background-image: url(../img/sieb/button-register-orange.png);
    background-repeat: no-repeat;
    background-color: transparent;
    cursor: pointer;
    border: 0;
    text-indent: -9999em;
    width: 75px;
    height: 20px;
    margin-left: 302px;
}

textarea
{
    display: block;
    margin-top: -15px;
    margin-left: 180px;
}

a#register, a:link#register, a:visited#register
{
    background-image: url(../img/sieb/button-register-black.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    line-height: 25px;
    display: block;
    width: 110px;
    height: 20px;
    margin-left: 187px;
}

a#logout
{
    background-image: url(../img/sieb/button-logout.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    display: inline-block;
    height: 15px;
    width: 75px;
}

a:hover#register, a:active#register, a:focus#register
{
    background-image: url(../img/sieb/button-register-orange.png);
}



#loginBox
{
    position: absolute;
    right: 0px;
    top: 10px;
    width: 290px;
}

h1
{
    background-image: url(../img/sieb/logo.jpg);
    background-repeat: no-repeat;
    text-indent: -9999em;
    height: 149px;
    margin-left: 20px;
    margin-bottom: 35px;
}

#header
{
    height: 110px; 
    background-image: url(../img/sieb/header.jpg);/*161*/
    background-repeat: repeat-x;
    margin-left: 14px;
}

#contentWrapper
{
    padding-left: 300px;
    padding-right: 10px; /* 200 */
}

#contentWrapper .columns
{
    float: left;
    position: relative;
}

#middleColumn
{
    width: 100%;
    /*background-color: blue;*/
    text-align: center; /*IE6*/
    padding-top: 180px;
    margin-bottom: 10px;
}

#leftColumn
{
    width: 300px;
    /*background-color: red;*/
    margin-left: -100%;
    right: 300px;
}

#rightColumn
{
    width: 10px; /* 200 */
    /*background-color: green;*/
    margin-right: -10px; /* 200 */
    padding-top: 150px;
}

#footer
{
    width: 70%;
    margin: 0 auto;
    text-align: center;
    border-top: 3px solid #dfdfde;
    clear: both;
    margin-bottom: 15px;
    padding-top: 10px;
    font-size: 12px;
}

/**
SIEB NAVIGATION
**/
#siebNavigation li
{
    margin-bottom: 5px;
}

#siebSubNavigation li
{
    margin-bottom: 0px;
}

#siebSubNavigation
{
    margin-top: 10px;
}

#siebSubNavigation
{
    display: none;
}

#siebNavigation a, #siebNavigation a:link, #siebNavigation a:visited
{
    display: block;
    background-image: url(../img/sieb/sieb-navigation-grey.png);
    background-repeat: no-repeat;
    text-indent: -9999em;
    line-height: 15px;
}

#siebNavigation a:hover
{
    display: block;
    background-image: url(../img/sieb/sieb-navigation-grey-hover.png);
    background-repeat: no-repeat; 
}

#siebNavigation a:active, #siebNavigation a:focus
{
    display: block;
    background-image: url(../img/sieb/sieb-navigation-orange-bold.png);
    background-repeat: no-repeat;
} 

#siebHome
{
    background-position: 0 -11px;
}

#siebLeistungen
{
    background-position: 0 -30px;
}

#siebShop
{
    background-position: 0 -118px;
}
#siebDruck
{
    background-position: 0 -137px;
}
#siebKontakt
{
    background-position: 0 -156px;
}
#siebLinks
{
    background-position: 0 -175px;
}

#siebTechnischer
{
    background-position: 0 -52px;
}
#siebKunst
{
    background-position: 0 -70px;
}
#siebTextil
{
    background-position: 0 -87px;
}
#siebDigital
{
    background-position: 0 -102px;
}

body.pageHome #siebHome, body.pageLeistungen #siebLeistungen, body.pageShop #siebShop, body.pageDruck #siebDruck, body.pageKontakt #siebKontakt, body.pageLinks #siebLinks, body.pageTechnischer #siebTechnischer, body.pageKunst #siebKunst, body.pageTextil #siebTextil, body.pageDigital #siebDigital
{
    background-image: url(../img/sieb/sieb-navigation-orange-bold.png);
}

body.pageLeistungen #siebSubNavigation, body.pageTechnischer #siebSubNavigation, body.pageKunst #siebSubNavigation, body.pageTextil #siebSubNavigation, body.pageDigital #siebSubNavigation
{
    display: block;
}

/***
CONTENT
***/

#contentHeader
{
    background-image: url(../img/sieb/contentHeader-650.gif);
    background-repeat: no-repeat;
    height: 33px;
}

#contentFooter
{
    background-image: url(../img/sieb/contentFooter-650.gif);
    background-repeat: no-repeat;
    height: 33px;
}

#contentHeader, #contentFooter
{
    margin: 0 auto;
    width: 650px;
}

#content
{
    margin: 0 auto;
    width: 546px;
    padding: 0 40px; 
    border-left: 12px solid #dfdfde;
    border-right: 12px solid #dfdfde;
    text-align: left;
}


#digital, #home, #linkseite
{
    margin: 0 auto;
    width: 546px;
    padding: 0 40px; 
    border-left: 12px solid #dfdfde;
    border-right: 12px solid #dfdfde;
    text-align: left;
}



/**
siebKontakt
**/

body.pageKontakt ul
{
    text-align: center;
}

/**
siebLeistungen
**/

#inContent
{

}

#inList
{
    width: 200px;
    float: left;
    min-height: 250px;
}

a
{
    color: #ee933a;
    text-decoration: none;
}

#contentHeader h2
{
    background-repeat: no-repeat;
    text-indent: -9999em;
    margin: 0 auto;
    height: 20px;
}

.pageTechnischer #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-technischer.png);
    width: 160px;
}

.pageKunst #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-kunst.png);
    width: 115px;
}

.pageTextil #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-textil.png);
    width: 220px;
}

.pageDigital #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-digital.png);
    width: 100px;
}

.pageDruck #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-druck.png);
    width: 110px;
}

.pageKontakt #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-kontakt.png);
    width: 70px;
}

.pageLinks #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-links.png);
    width: 45px;
}

.pageRegister #contentHeader h2
{
    background-image: url(../img/sieb/sieb-headline-register.png);
    width: 90px;
}

form h3
{
    background-repeat: no-repeat;
    text-indent: -9999em;
    margin: 0 auto;
    height: 26px;
    margin-top: 15px;
}

h3#personal
{
    background-image: url(../img/sieb/headline-personal.gif);
    background-position: -10px 0;
}

h3#project
{
    background-image: url(../img/sieb/headline-project.gif);
    background-position: -17px 0;
}

h3#material
{
    background-image: url(../img/sieb/headline-material.gif);
    background-position: -16px 0;
}

h3#date
{
    background-image: url(../img/sieb/headline-date.gif);
    background-position: -8px 0;
}


label
{
    display: inline-block;
    width: 180px;
}

#requestMaterial
{
    margin-left: 100px;
}

#content ul#inContent
{
    color: #ee933a;
    font-size: 14px;
    float: left;
    padding: 0px;
    padding-right: 20px;
    border-right: solid 2px #999899;
    margin-right: 10px;
    line-height: 15px;
}

#content ul#inContent li
{
    margin-bottom: 2px;
}

#content div
{

}

.pageKunst #content ul#inContent
{
    height: 180px;
}

#content form
{
    margin: 0 auto;
    display: block;
    width: 400px;
}

input[type=radio]
{
    margin-left: 15px;
}

p#links
{
    text-align: center;
    font-size: 15px;
}

.headPicture
{
    margin-top: -144px;
    margin-bottom: 20px;
}