/* v0.2 */
/* © 2005 by studio110 */

html {
background-color: rgb(245, 245, 255);
background-image: url(../PICS/pattern2.jpeg);
background-repeat: repeat;
background-position: 0px 0px;
background-attachment: scroll;
}

body {
/*height: 100%;*/
margin: 0px;
padding: 0px;
color: rgb(51,51,51);
font-size: 12px;
font-family: Verdana, Arial, Tahoma, sans-serif;
}

a {
text-decoration: none;
color: rgb(30,55,130);
font-weight: bold;
}

a:hover {
text-decoration: underline;
cursor: pointer;
}

img {
border: 2px solid rgb(255,100,50);
}

p { /* MSIE Fix - because of to big line-height */
margin-top: 10px;
margin-bottom: 10px;
}

h1 {
font-size: 16px;
font-weight: bold;
line-height: 24px;
color: rgb(255,100,50);
text-shadow: 2px 2px 2px rgb(185,195,205); /*right, below, blur*/
}

h2 {
font-size: 14px;
font-weight: bold;
}

h3 {
font-size: 13px;
font-weight: bold;
}

h4 {
font-size: 12px;
font-weight: bold;
}

strong {
}

li {
line-height: 16px;
font-size: 11px;
margin-bottom: 16px;
}


/*##### CLASSES #####*/

.textBold {
font-weight: bold;
color: rgb(0,135,195);
}

.imageLeft {
/*float: left;*/
margin-left: 0px;
margin-bottom: 5px;
/*border: 1px solid rgb(8,59,133);*/
}

.imageFloat {
float: right;
margin-left: 5px;
margin-bottom: 5px;
outline: 1px solid rgb(8,59,133);
}

.underline {
text-decoration: underline;
}

/*##### MAIN #####*/

#mainContainer {
width: 845px;
/*height: 660px;*/
margin-top: 25px;
/*padding-top: 20px;*/
margin-left: auto;
margin-right: auto;
/*background-image: url(../PICS/mainContainer.gif);*/
background-color: rgb(225,215,140);
background-repeat: no-repeat;
background-position: left top;
}

/*##### NAVIGATION #####*/

#topNavigation {
width: 845px;
height: 150px;
margin-left: auto;
margin-right: auto;
/*outline: 1px solid grey;*/
}

#topNavigation div {
float: left;
width: 95px;
height: 150px;
}

#topNavigation div a {
display: block;
width: 95px;
height: 150px;
text-decoration: none;
}

#topNavigation .one {
background-image: url(../PICS/topNavigation/unternehmen.jpg);
background-repeat: no-repeat;
}

#topNavigation .one a:hover {
background-image: url(../PICS/topNavigation/unternehmenOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .oneActive {
background-image: url(../PICS/topNavigation/unternehmenOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .two {
background-image: url(../PICS/topNavigation/geschichte.jpg);
background-repeat: no-repeat;
}

#topNavigation .two a:hover {
background-image: url(../PICS/topNavigation/geschichteOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .twoActive {
background-image: url(../PICS/topNavigation/geschichteOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .three {
background-image: url(../PICS/topNavigation/produkte.jpg);
background-repeat: no-repeat;
}

#topNavigation .three a:hover {
background-image: url(../PICS/topNavigation/produkteOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .threeActive {
background-image: url(../PICS/topNavigation/produkteOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .four {
background-image: url(../PICS/topNavigation/kontakt.jpg);
background-repeat: no-repeat;
}

#topNavigation .four a:hover {
background-image: url(../PICS/topNavigation/kontaktOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .fourActive {
background-image: url(../PICS/topNavigation/kontaktOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .five {
background-image: url(../PICS/topNavigation/anfahrt.jpg);
background-repeat: no-repeat;
}

#topNavigation .five a:hover {
background-image: url(../PICS/topNavigation/anfahrtOver.jpg);
background-repeat: no-repeat;
}

#topNavigation .fiveActive {
background-image: url(../PICS/topNavigation/anfahrtOver.jpg);
background-repeat: no-repeat;
}

/*  */

#topNavigation .home {
width: 370px;
height: 150px;
background-image: url(../PICS/logoPlus.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}

#topNavigation .home a {
width: 370px;
height: 130px;
/*outline: 1px solid red;*/
}

#topNavigation .meta {
width: 70px;
height: 20px;
margin-top: 2px;
margin-left: 10px;
font-size: 10px;
font-weight: normal;
}

#topNavigation .meta:hover {
text-decoration: underline;
}

/*  */

#subNavigation {
width: 845px;
height: 30px;
line-height: 30px;
background-color: rgb(220,220,220);
/*
background-image: url(../PICS/logoBottomBar.gif);
background-repeat: no-repeat;
*/
}

#subNavigation .sub {
padding-left: 10px;
padding-right: 10px;
}

/*##### CONTENT #####*/

#contentContainer {
display: table;
width: 845px;
margin-left: auto;
margin-right: auto;
background-color: rgb(247,247,239);
}

#contentContainer .bracket {
float: left;
}

#contentContainer .leftContent {
float: left;
width: 475px;
margin-top: 20px;
/* height = auto depending on pict */
}

#contentContainer .leftContent img {
padding-left: 10px;
border: none;
}

#contentContainer .subtitle {
width: 455px;
padding: 5px;
margin-left: 10px;
background-color: rgb(255,255,255);
font-weight: bold;
/*outline: 1px solid red;*/
}

#contentContainer .pictBar {
width: 475px;
float: left;
margin-top: 0px;
margin-left: 10px;
}

#contentContainer .pictBar img {
float: left;
width: 80px;
margin-right: 11px;
padding-left: 0px;
border: 2px solid rgb(210,200,160);
}

#contentContainer .pictBar img:hover {
border: 2px solid rgb(255,100,50);
}

/*  */

#contentContainer .rightContent {
float: left;
width: 360px;
/*outline: 1px solid red;*/
}

#contentContainer .rightContent h1, h2, h3, h4, p, br, table {
padding: 0 10px 0 10px;
}

#contentContainer .rightContent a {
font-weight: normal;
}

/*##### FOOTER #####*/

#footer {
width: 845px;
height: 30px;
margin-left: auto;
margin-right: auto;
text-align: right;
/*
background-image: url(../PICS/footer.gif);
background-repeat: no-repeat;
*/
}

#footer a {
line-height: 30px;
vertical-align: middle;
padding-left: 10px;
padding-right: 20px;
color: rgb(255,255,255);
}

/* ##### ATTRIBUTE SELECTIONS ##### */

/*
#contentContainer p[class="quotation"] {
line-height: 20px;
}
*/