@charset "utf-8";

/*----------------------------------------------------------------------------*/
/* CSS Defaults
/*----------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong,
tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-weight:inherit;
    font-style:inherit;
    font-size:100%;
    font-family:inherit;
    vertical-align:baseline;
}
sub, sup {
    line-height:0px;
}
ol, ul {
    list-style:none;
}
table {
    border-collapse:separate;
    border-spacing:0;
}
body {
    color:#000;
    background:#fff;
    font-family:Arial, Verdana, Helvetica, sans-serif;
    font-size:12px;
}
a {
    color:#000;
    text-decoration:none;
}
a:hover {
    color:#ccc;
}
strong, b {
    font-weight:bold;
}

h1 {
    font-size:16px;
    font-weight:bold;
}
h2 {
    font-size:12px;
    font-weight:bold;
}

/*----------------------------------------------------------------------------*/
/* Global Classes
/*----------------------------------------------------------------------------*/

.left {
    float:left;
}
.right {
    float:right;
}
.clear {
    clear:both;
}
.pointer {
    cursor:pointer;
}

/*----------------------------------------------------------------------------*/
/* Page Layout
/*----------------------------------------------------------------------------*/

#pageContainer { 
    margin:0 auto;
    width:932px;
}
#header {
    width:922px;
    text-align:right;
    padding: 5px;
    color:#bfc0c3;
    font-size:11px;
}
#header  li {
    display:inline;
    background:url(../img/lay_list_bullett.gif) no-repeat left 3px;
    padding-right:3px;
    padding-left:12px;
}
#header  li.first{ background:none; padding-left:0px }
#header  a { color:#bfc0c3; }
#header  a:hover { color:#000; }
#header  a { text-decoration:none; }


#navigation {
    position:absolute;
    top:100px;
    left:325px;
    z-index:2;
}

#pageHome #navigation ul li {
    font-size:16px;
    font-weight:bold;
    margin-bottom:5px;
}
#pageHome #navigation ul li a{
    color:#fff;
    display:block;
    background:#B64233;
    padding:5px 0px 2px 5px;
    width: 150px;
}

/*#pageHome #navigation ul li a:hover{
    color:#713e7e;
    background:#fff;
}*/

#imageContent {
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
#imageContent img {
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
#contentContainer {
    width:932px;
    height:621px;
    position:relative;
    padding-bottom:13px;
}

#additionalContent{
    position:absolute;
    top:0px;
    left:0px;
    z-index:0;
}
#textContent { 
    position:absolute;
    left:25px;
    top:100px;
    z-index:1;
    width:265px;
    background-image: url(../img/white85.png);
    margin: 0px 5px 5px 0px;
    padding: 10px;
}
#textContent a { font-weight:bold; }
#textContent a:hover { color:#000000; }

.textContentL {
    width:430px !important;
}

.textContentXXL {
    width:850px !important;
}

.scrollContent {
    height:460px;
    overflow:auto;
}

#footer { 
    clear: both;
}

#footer .footerl {
    float:left;
    font-size:11px;
}

#footer .informational {
    float: right;
    text-align: right;
    font-size:11px;
    width:420px;
}
#footer  ul {
    margin-bottom: 15px;
}
#footer  li {
    display:inline;
    background:url(../img/lay_list_bullett.gif) no-repeat left 3px;
    padding-right:3px;
    padding-left:12px;
}
#footer  li.first{ background:none; padding-left:0px }
#footer  a { color:#bfc0c3; }
#footer  a:hover { color:#000; }
#footer  a { text-decoration:none; }
#footer .legality {
    padding:0px 6px 0 0px;
    color:#bfc0c3;
	font-size:11px;
    float:right;
}

/*----------------------------------------------------------------------------*/
/* Slider Layout
/*----------------------------------------------------------------------------*/

.galleryContainer {
    position:absolute;
    top:480px;
    left:30px;
	width:860px;
	height:110px;
    background-image: url(../img/white85.png);
    padding:4px;
}

.collectionGallery, .tippsGallery{
	width:860px;
	height:80px;
	overflow:hidden; 
    padding:15px 0 15px 0px;
    background:white;
}
.collectionGallery .prev, .tippsGallery .prev{
    float:left;
    background-color:white;
    width:108px;
    height:67px;
}
.collectionGallery .prev{
    margin-top:-10px;
    margin-right:5px;
}
.collectionGallery .next, .tippsGallery .next{
    float:right;
    background-color:white;
    width:108px;
    height:67px;
}
.collectionGallery .next{
    margin-top:-10px;
}

.tippsGallery .next{
    margin-right:-35px;
}

.slider{
    float:left;
    overflow:hidden; 
    height:80px;
    background:#white;
}

.slider a img {
    margin-right:5px;
}

/*----------------------------------------------------------------------------*/
/* Images Layout
/*----------------------------------------------------------------------------*/

.teamGallery, .creationGallery{
    position:absolute;
    top:0px;
    left:0px;
}
.teamGallery a, .creationGallery a{
    position:absolute;
    margin: 3px;
    width:100px;
    height:85px;
}
.teamGallery .pr{
    top:115px;
    left:50px;
}
.teamGallery .ceo{
    top:115px;
    left:165px;
}
.teamGallery .gf{
    top:115px;
    left:280px;
}

.teamGallery .rechtsabteilung{
    top:210px;
    left:50px;
}
.teamGallery .kreation{
    top:210px;
    left:280px;
}

.teamGallery .logistik{
    top:305px;
    left:50px;
}
.teamGallery .praktikantin{
    top:305px;
    left:165px;
}
.teamGallery .artdirektion{
    top:305px;
    left:280px;
}

.creationGallery .item01{
    top:15px;
    left:298px;
}
.creationGallery .item02{
    top:15px;
    left:482px;
}
.creationGallery .item03{
    top:15px;
    left:660px;
}
.creationGallery .item04{
    top:15px;
    left:820px;
}
.creationGallery .item05{
    top:115px;
    left:296px;
}
.creationGallery .item06{
    top:115px;
    left:482px;
}
.creationGallery .item07{
    top:115px;
    left:647px;
}
.creationGallery .item08{
    top:115px;
    left:815px;
}

/*----------------------------------------------------------------------------*/
/* Kontakt Form
/*----------------------------------------------------------------------------*/	

#error {
    display:none;
    color: red;
    margin-bottom: 10px;
}

#success {
    display:none;
    color: green;
    margin-bottom: 10px;
}

input, select  {
    background:none;
    width:260px;
    border: 1px solid #aaa;
    margin-bottom:4px;
}

.selectNormal {
    width:162px;
}

textarea {
    background:none;
    width:260px;
    border: 1px solid #aaa; 
    font-family:inherit;
    font-size:inherit;
    overflow:auto;
    margin-bottom:4px;
    height:55px;
}

.inputNormal {
    width:160px;
}

.inputMedium {
    width:100px;
}

.inputSmall {
    width:55px;
}

#send {
    width:162px;
    font-weight:bold;
    float:right;
    margin-right:3px;
}

label {
    display:block;
    float:left;
    width: 100px;
}

/*----------------------------------------------------------------------------*/
/* Font Colors
/*----------------------------------------------------------------------------*/	

.blueL   { color:#172983; }
.blueM   { color:#5b7ab7; }
.blueS   { color:#00a5ce; }
.greenL { color:#5a7026; }
.greenM { color:#008633; }
.greenS { color:#4d9d7f; }
.purple { color:#5e1a6f; }
.redL     { color:#a8111c; }
.redM     { color:#e75113; }
.redS     { color:#ee7f00; }

#header .active, #footer .active {
    color:#000000;
}

.home1 h1 { color:#00a5ce; }
.home2 h1 { color:#00a5ce; }
.home3 h1 { color:#5e1a6f; }
.home4 h1 { color:#172983; }
.home5 h1 { color:#e75113; }

.home1 a { color:#5e1a6f; }
.home2 a { color:#ee7f00; }
.home3 a { color:#a8111c; }
.home4 a { color:#ee7f00; }
.home5 a { color:#5e1a6f; }

.tipps h2 { color:#008633; }