/* import der beiden css*/

@import url("color.css");
@import url("typo.css");


/*normalisierung marign, padding*/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{
margin:0;
padding:0;
}

/*normalisierung font-size header*/

h1, h2, h3, h4, h5, h6
{
font-size:100%;
}

/*entfernt list-style aus listen*/

ol, ul
{
list-style:none;
}

/*normalisiert font-style und font-weight auf normal*/

address, caption, cite, code, dfn, em, strong, th, var
{
font-style:normal;
font-weight: normal;
}


/*normalisiert tabellen*/
table
{
border-collapse: collapse;
border-spacing:0;
}

/*entfernt border aus fieldset und img*/
fieldset, img
{
border:0;
}

/*richtet text in caption und th links aus*/
caption, th
{
text-align:left;
}

/*entfernt anfuehrungszeichen aus q*/
q:before, q:after
{
content:'';
}



/*===============start positioning===================*/

html 
{
text-align:center;
}

body
{
position:relative;
width:862px;
margin: 0 auto;
text-align:center;
font: .75em/1.5em Arial, Helvetica, sans-serif; 
color: #333;
background-color: #c1c1c4;
}


#box
{
width:900px;
min-height: 550px;
margin-top: 40px;
z-index:1;
text-align:left;
}

#top
{
width: 861px;
height: 26px;
background-image: url(images/layoutpix/top.gif);
background-repeat: no-repeat;
}

#bottom
{
width: 861px;
height: 26px;
background-image: url(images/layoutpix/bottom.gif);
background-repeat: no-repeat;
}

#logo
{
position:relative;
width: 274px;
height: 47px;
top: 40px;
left: 540px;
z-index:2;
background-color:#fff;
/*border:1px solid black;*/
}


#content
{
min-height: 500px;
width: 861px;
background-image: url(images/layoutpix/middle.gif);
background-repeat: repeat-y;
background-position: right top;
z-index:3;
/*border: solid 1px black;*/
}


#navsite
{
position:relative;
top:-10px;
width: 462px;
background-image: url(images/layoutpix/navleiste.gif);
background-repeat: no-repeat;
background-position: right center;
}

#navsite h5
{
display:none;
}

#navsite ul
{
padding: 10px 10px 11px 10px;
z-index:4;
}

#navsite ul li
{
display:inline;
}

#navsite ul li a
{
border-right: 1px solid #fff;
padding-top: 11px;
padding-bottom: 13px;
padding-left:6px;
padding-right:7px;
}

#navsite ul li a#last
{
border-right: 0px;
}



#bilderleiste
{
margin-top:90px;
margin-left:10px;
width:850px;
border: 0px dotted #c1c1c4;
text-align:left;
padding-top:10px;
padding-left:10px;
padding-bottom: 10px;
z-index:3;
}

#bilderleiste ul
{
margin-top:5px;
}

#bilderleiste ul li
{
display:inline;
padding:4px;
}

#brandinghome
{
margin: 20px 23px 20px 23px;

}

#brandingprofil
{
margin: 20px 45px 20px 45px;
}

#siteinfo 
{
padding-top:7px;
}

/*========== 2 spaltiges layout start =========*/

#profilcontentl
{
float:left;
width:450px;
margin-left:15px;
padding-top:30px;
padding-right:39px;
padding-left:23px;
}

#profilaktuellesr
{
margin-left: 510px;
padding-left: 30px;
padding-right: 40px;
margin-top:30px;
border-left: 1px dotted #808084;
}

#referenzencontentl
{
float:left;
width:380px;
margin-left:15px;
padding-top:30px;
padding-right:30px;
padding-left:23px;
}

#referenzencontentl ul, #referenzenr ul
{
padding-top:20px;
}



#referenzenr
{
margin-left: 250px;
padding-left: 0;
padding-right: 40px;
margin-top:30px;
}



.portrait
{
margin:10px 10px 10px 0;

}

/*==========pixseiten: print, web, video foto ===============*/

#printl
{
float:left;
width:450px;
margin-left:15px;
padding-top:30px;
padding-right:39px;
padding-left:23px;
text-align:center;
}


#printr
{
margin-left: 510px;
padding-left: 30px;
padding-right: 40px;
margin-top:30px;
border-left: 1px dotted #808084;
}

#printr table
{

margin-top:15px;
}

#printr table th
{
width:30%;
padding: 0 8px 5px 0;
vertical-align:top;
}
#printr table td
{
width:70%;
padding: 0 5px 3px 0;
vertical-align:top;

}

#printl ul
{
width:450px;
padding-top: 25px;

}

#printl ul li
{
display:inline;
padding: 0 3px 0px 3px;

}

.bildrahmen
{
border: 1px solid #808084;
padding-top:3px;
}

#contactform
{
padding-top:30px;
}