/* /////////////// Defaults setzen ////////////////////// */
* {
    margin: 0;
    padding: 0;
}
img,
fieldset {
    border: 0;
}
p, h1, h2, h3, h4, h5 {
    margin: 0 0 1.5em 0;
}

/* /////////////// Elemente //////////////////////////// */
body {
    color: #b1b1b1;
    font-family: Helvetiva, Arial, sans-serif;
    font-size: 12px;
    line-height: 1.9em;
    letter-spacing: 1px;
    padding-bottom: 20px;
}

#shanty {
    background: #fff;
    border-bottom: 2px solid #e2e2e2;
}

#header {
    width: 790px;
    margin: auto;
    padding: 20px 0;
	position: relative;
}

#zitat {
	background: url(../img/zitat.jpg);
    width: 790px;
	height: 176px;
    position: absolute;
	top: -150px;
	left: -80px;
}

#corpus {
    width: 790px;
    position: relative;
    margin: auto;
}

#new {
	background: url(../img/new.jpg) no-repeat left 40px;
    width: 790px;
	height: 140px;
    margin: auto;
    padding: 40px 0px 0px 0px;
	position: relative;
}


/* //////////////////////////////////////////////// */
/* //////////////////// Navigation //////////////// */
/* //////////////////////////////////////////////// */
#navigation * {
    border: 0;
}
#navigation li {
    list-style-type: none;
    float: left;
}
#navigation a {
    display: block;
    float: left;
}
#navigation .hide {
    display: none;
}
#navigation #nav_0 a {
    width: 533px;
    height: 75px;
    background: url(../img/corporatedesign.jpg) no-repeat;
}
#navigation #nav_1 a {
    width: 257px;
    height: 75px;
    background: url(../img/galerie.jpg) no-repeat;
}
#navigation #nav_2 a {
    width: 333px;
    height: 138px;
    background: url(../img/print.jpg) no-repeat;
}
#navigation #nav_3 a {
    width: 457px;
    height: 69px;
    background: url(../img/grafikdesign.jpg) no-repeat;
}
#navigation #nav_4 a {
    width: 457px;
    height: 69px;
    background: url(../img/webdesign.jpg) no-repeat;
}
#navigation #nav_5 a {
    width: 790px;
    height: 70px;
    background: url(../img/studio.jpg) no-repeat 230px 0px;
}



#navigation #nav_0 a:hover,
#navigation #nav_0.current a {
    background: url(../img/corporatedesign_active.jpg) no-repeat;
}
#navigation #nav_1 a:hover,
#navigation #nav_1.current a {
    background: url(../img/galerie_active.jpg) no-repeat;
}
#navigation #nav_2 a:hover,
#navigation #nav_2.current a {
    background: url(../img/print_active.jpg) no-repeat;
}
#navigation #nav_3 a:hover,
#navigation #nav_3.current a {
    background: url(../img/grafikdesign_active.jpg) no-repeat;
}
#navigation #nav_4 a:hover,
#navigation #nav_4.current a {
    background: url(../img/webdesign_active.jpg) no-repeat;
}
#navigation #nav_5 a:hover,
#navigation #nav_5.current a {
    background: url(../img/studio_active.jpg) no-repeat 230px 0px; 
}


/* //////////////////////////////////////////////// */
/* //////////////////// Content /////////////////// */
/* //////////////////////////////////////////////// */


#content {
    width: 525px;
    min-height: 160px;
    position: relative;
    padding: 20px 40px 0 20px;
    text-align: justify;
    float: left;
}
a {
    color: #9BC023;
    text-decoration: none;
}
#content h4 {
    font-size: 14px;
    margin-bottom: 0.5em;
    background: #9BC023;
    color: #fff;
    padding: 10px;
}
#gallery {
	margin-top: 45px;
}
.albumpicturecount {
    display: none;
}
.image {
    width: 100px;
    height: 80px;
    border: 1px solid #b1b1b1;
    float: left;
    margin-right: 39px;
}
.image#image4 {
    margin-right: 0;
}
.picturelist {
	padding-bottom: 1.5em;
}
#bigFoot {
    width: 790px;
    margin: auto;
    clear: both;
    background: url(../img/footerBG.jpg) no-repeat bottom left;
    position: relative;
    top: 2px;
    left: -6px;
}
#footer {
	font-size: 11px;
	line-height: 18px;
    width: 560px;
    height: 43px;
    padding: 110px 0 0 28px;
    margin: 0;
    float: left;
}
#logo {
    float: right;
    margin: 0 20px 10px 0;
}

/* //////////////////// noContact ////////////////// */
#noContact #content {
    padding: 20px;
}
#noContact #content h4 {
    width: 485px;
}
#noContact #content input,
#noContact #content textarea {
    width: 495px;
}
#noContact #content #sample_form_sub {
    width: 505px;
    margin-top: 20px;
    background: #9BC023;
    color: #fff;
    font-weight: bold;
}
#noContact #footer {
    padding-top: 40px;
}

/* //////////////////////////////////////////////// */
/* //////////////////// Formular ////////////////// */
/* //////////////////////////////////////////////// */
#contactForm {
    float: left;
    width: 193px;
    margin-top: 20px;
}
#contactForm legend,
#contactForm label {
    display: none;
}
textarea,
input {
    padding: 5px;
    border: 0;
    color: #333;
    font-size: 11px;
    width: 100%;
    font-family: Helvetiva, Arial, sans-serif;
    background: #efefef;
}
.feedbacktable p {
    margin: 3px 0;
    font-size: 11px;
}
#contactForm fieldset {
    margin: 0 20px 0 0;
    padding: 0;
    border: 0;
}
#contactForm div {
    margin-bottom: 18px;
}
#contactForm div.input {
    height: 17px;
}
#formMessage textarea {
    height: 114px;
}
#formSubmit input {
    width: 183px;
    font-weight: bold;
    color: #fff;
    background: #990134;
}
/* ////////////// Klassen ////////////////////////////// */
.external {
    padding-left: 20px;
    background: url(/img/arrow_branch.png) no-repeat;
}
.small {
    font-size: 10px;
    line-height: 1.3em;
}



/* /////////////// Helfer ////////////////////////////// */

.barrierReef {
    position: absolute;
    left: -5000px;
}
.clear {
    clear: both;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.barrierReef {
    position: absolute;
    left: -5000px;
}
.clearfix {display:inline-block;}
	/* Hide from IE Mac \*/
.clearfix {display:block;}
	/* End hide from IE Mac */

* html .clearfix {height:1px;}


/* http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl {position: relative}

/* always show scrollbars with Firefox and Opera */
html {overflow: scroll}

/* Bug Fixing */

/* enable :hover for more than <a> in IE6 */
* html body { behavior: url("../js/csshover.htc"); }

/* make transparent pngs work in IE6 */
* html body { behavior: url('../js/iepngfix.htc'); }