/* Kunstdruck CSS */
html {
height: 100%;
}
body { 
margin: 0;
padding: 0;
border: 0;
background-color: #d2d4a4;
color: #383412;  /* set the default text color */
text-align: center; /* Hack to centre the wrapper in IE5.x pc */
font-family: Verdana, Arial, Helvetica, sans-serif; /* set the default fonts */
font-size: 100.01%; /* Sets default font size. This odd value compensates for several browser bugs. First, setting a default font size in percent (instead of em) eliminates an IE/Win problem with growing or shrinking fonts out of proportion if they are later set in ems in other elements. Additionally, some versions of Opera will draw a default font-size of 100% too small compared to other browsers. Safari, on the other hand, has a problem with a font-size of 101%. Current "best" suggestion is to use the 100.01% value for this property */
min-width: 812px; /* Prevents the body becoming narrower than our wrapper div - keeps the content from disappearing off the left edge with Gecko browsers */
height: 100%;
}

#wrapper {
width: 812px;/*sets the width for IE5.x's broken box model*/
w\idth: 812px; /* sets the width of the wrapper for compliant browsers*/
margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
position: relative; /* important to position it relatively */
min-height: 100%;
background-image: url(../images/botpic_01.jpg); /* sets the path to the wrapper's bg image*/
background-position: bottom; /* uses two % values to place the image 2% from the left and 93% from the wrappers top left hand corner */
background-repeat: no-repeat; /* prevents the image from tiling in our page, we do not want this image to repeat */
background-color: #FFFFFF; /* sets the wrappers background color */
border: none; /* no border */
text-align: left; /* Realigns the text to the left after the IE hack in the body rule */
}

#banner {
position: relative; /* **PLEASE READ** ~ This property and value is not needed for your page to be rendered corectly in the browser - However, without it Dreamweaver allows the position of the leftcol div to ride up over the banner in design view. If that does not bother you you can safely delete this property and value pair. Alternatively you could implement a design time style sheet to position the div correctly for working in design view */
background-repeat: no-repeat; /* prevents the bg image from repeating */
height: 244px;/* set a height for the banner to allow all the bg image to be seen, no text resizing in this element to worry about */
font-size: 65%;  /* sets the banner text size */
font-weight: bold;
}

.bannerstylemainde {
background-image:url(../images/kunstdruck_pics/banner_kd_main01.jpg);
background-repeat: no-repeat;
}

.bannerstyle1de {
background-image:url(../images/kunstdruck_pics/banner_kd_main02.jpg);
background-repeat: no-repeat;
}

.bannerstyle2de {
background-image:url(../images/kunstdruck_pics/banner_kd_main03.jpg);
background-repeat: no-repeat;
}

.bannerstyle3de {
background-image: url(../images/kunstdruck_pics/banner_kd_main04.jpg);
background-repeat: no-repeat;
}

.bannerstyle4de {
background-image:url(../images/kunstdruck_pics/banner_kd_main05.jpg);
background-repeat: no-repeat;
}

.bannerstyle5de {
background-image:url(../images/kunstdruck_pics/banner_kd_main06.jpg);
background-repeat: no-repeat;
}

.bannerstyle6de {
background-image:url(../images/kunstdruck_pics/banner_kd_main07.jpg);
background-repeat: no-repeat;
}

.bannerstyle7de {
background-image:url(../images/kunstdruck_pics/banner_kd_main08.jpg);
background-repeat: no-repeat;
}

.bannerstyle8de {
background-image:url(../images/kunstdruck_pics/banner_kd_main09.jpg);
background-repeat: no-repeat;
}

.bannerstyle9de {
background-image:url(../images/kunstdruck_pics/banner_kd_main10.jpg);
background-repeat: no-repeat;
}

.bannerstyle10de {
background-image:url(../images/kunstdruck_pics/banner_kd_main11.jpg);
background-repeat: no-repeat;
}

.bannerstyle11de {
background-image:url(../images/kunstdruck_pics/banner_kd_main09.jpg);
background-repeat: no-repeat;
}

.bannerstylemainen {
background-image: url(../images/kunstdruck_pics/banner_kd_en_main.jpg);
background-repeat: no-repeat;
}

.bannerstyle1en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_01.jpg);
background-repeat: no-repeat;
}

.bannerstyle2en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_02.jpg);
background-repeat: no-repeat;
}

.bannerstyle3en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_03.jpg);
background-repeat: no-repeat;
}

.bannerstyle4en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_04.jpg);
background-repeat: no-repeat;
}

.bannerstyle5en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_05.jpg);
background-repeat: no-repeat;
}

.bannerstyle6en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_06.jpg);
background-repeat: no-repeat;
}

.bannerstyle7en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_07.jpg);
background-repeat: no-repeat;
}

.bannerstyle8en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_08.jpg);
background-repeat: no-repeat;
}

.bannerstyle9en {
background-image: url(../images/kunstdruck_pics/banner_kd_en_09.jpg);
background-repeat: no-repeat;
}

#banner #navigation{
float: left;
padding: 214px 0px 0px 255px;
margin: 0px 0px 0px 0px;
width: 100%;
_width: auto; /* IE6 Win-Hack*/
}

#banner #navigation ul{
margin: 0px;/*zeroes off the margins*/
padding: 0px;/*add some air around the links*/
}

#banner #navigation ul li{
display: inline;/*set the list to display inline*/
list-style-type: none;
float: left;
}

#banner #navigation ul li a {  /* Styles the links within the banner */
display: block;
margin: 0px;
background-image: url(../images/navbutton1.png);
_background-image: url(../images/navbutton2.gif); /* IE6 Win-Hack*/
background-repeat: no-repeat;
width: 85px;
text-align: center;
color: #FFFFFF;  /*sets the text to white*/
text-decoration: none;  /*removes the underline*/
padding: 11px 5px 7px 2px;
}

#banner #navigation a:hover,
#banner #navigation a:focus {
color: #FFFFFF;  /*sets the text to white*/}

#banner #navigation a:hover {
background-image: url(../images/navbutton1a.png);
_background-image: url(../images/navbutton2a.gif); /* IE6 Win-Hack*/
background-repeat: no-repeat;
}

#banner #navigation a.currentpg { 
color: #CC0033;
background-image: none;
_background-image: url(../images/navbutton2.gif); /* IE6 Win-Hack*/
_background-repeat: no-repeat; /* IE6 Win-Hack*/
}

#content { /* Begin laying out and styling the content div */
	width: 500px; /* sets the width of our content*/
	margin-left: 255px; /* this left margin clears the leftcol div and allows our content div to become a second column */
	margin-bottom: 0px; /* sets a padding clearance on the bottom of the div*/
	margin-top: 10px; /* moves the div down from the banner */
}

#content #piclist {
margin: 0;
padding: 0;
}

#content #piclist ul {
list-style-type: none; /* remove standard html bullets from list */
padding: 0; /* remove standard left indentation across all browsers */
margin: 0; /* remove standard left indentation across all browsers */
font-size: 70%;
text-decoration: underline;
}

#subnavbar {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
	font-weight: normal;
	text-align: left;
	color: #CC0033;
	text-decoration: none;
	margin-bottom: 101px;
	height: 14px;
}
#subnavbar ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#subnavbar ul li {
	display: inline;
}
#subnavbar ul li a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: normal;
	color: #000;
	text-decoration: none;
	padding: 20px 0px 0px 0px;
}
#subnavbar ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #CC0033;
}

#subnavbar a.currentlang {
color: #CC0033;
}

#content p {
	font-size: 70%; /* set the font size for p, scaled from the body declaration */
	line-height: 1.7em;
	margin: 10px 0px 10px 0px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
	text-align:justify;
}

#content p #desc {
font-weight: normal;
color: #000;
}

#content p #placeholder {
margin: 0px;
padding: 0px;
}

#content p .pbold {
font-weight: bold;
color: #000;
}

#content p .psubhead {
font-size: 110%;
font-weight: bold;
color: #669900;
}

#content p .notabene {
font-size: 85%;
line-height: 1.2em;
font-weight: normal;
color: #669900;
}

#content p .psubheadunderline {
font-size: 110%;
font-weight: bold;
color: #669900;
}

#content h1, h2, h3, h4, h5 {
	margin: 0px 0px 10px 0px; /* set the margins for the p element */
	padding: 0; /* zero off the padding */
	font-weight: normal;
}

#content h1 {
font-size: 120%;
font-weight: bold;
color: #CC0033;
padding-bottom: 2px;
margin-bottom: 18px;
border-bottom: #666666 solid 1px;
}

#content h2 {
font-size: 90%;
}

#content h3 {
font-size: 65%;
}

#content h4 {
font-size: 75%;
font-weight: normal;
font-style: italic;
}

#content h5 {
font-size: 75%;
font-weight: bold;
}

#content .produkttitel { 
display: block;
margin-top: 14px;
font-size: 120%;
font-weight: bold;
}

#content .produktsubtitel { 
font-size: 120%;
font-weight: normal;
color: #000000; 
}

#content .pcitation {
font-weight: bold;
color: #333333; 
}

#content .pblognewsitem {
font-size: 110%;
font-weight: bold;
color: #CC0033;
padding-bottom: 2px;
border-bottom: #666666 solid 1px;
}

#content .pblogdate1 {
	font-size: 70%; /* set the font size for p, scaled from the body declaration */
	margin: -10px 0px 10px 0px; /* set the margins for the p element */
	padding: 0px 0px 10px 0px; /* zero off the padding */
	text-align: right;
}

#content .pblogdate2 {
	font-size: 70%; /* set the font size for p, scaled from the body declaration */
	margin: 40px 0px 10px 0px; /* set the margins for the p element */
	padding: 8px 0px 10px 0px; /* zero off the padding */
	border-top: #666666 solid 1px;
	text-align: right;
}

.titleimages { /* used to set title images */
	display: block; /* set to display block to ensure it has it's own line in the design */
	margin-top: 25px; /* set a margin to the top */
}

#leftcol { /* Begin laying out the leftcol div */
	float: left; /* Floats the div to the left to make a column */
	width: 182px; /* sets a width for the div - Imperative for IE mac */
	margin-bottom: 0px;
	margin-left: 27px; /*creates a margin on the left to move the div away from the wrapper's edge */
	_margin-left: 14px; /* IE6 Win-Hack*/
	margin-top: 56px; /* moves the div down from the banner */
	padding-top: 134px; /* sets a padding to the top of the div to allow the bg image to show above the leftcol divs contents */
}

.leftcolstyle1 {
background-image:url(../images/kunstdruck_pics/sidebar_pic-kd_01.jpg);
background-repeat: no-repeat;
}

.leftcolstyle2 {
background-image: url(../images/sidebar_pic-wk_02.jpg);
background-repeat: no-repeat;
}

.leftcolstyle3 {
background-image: url(../images/sidebar_pic-wk_03.jpg);
background-repeat: no-repeat;
}

.leftcolstyle4 {
background-image: url(../images/sidebar_pic-wk_04.jpg);
background-repeat: no-repeat;
}

.leftcolstyle5 {
background-image: url(../images/sidebar_pic-wk_05.jpg);
background-repeat: no-repeat;
}

.leftcolstyle6 {
background-image: url(../images/sidebar_pic-wk_06.jpg);
background-repeat: no-repeat;
}

#leftcol #sidebar {
margin: 0px;
padding: 24px 0px 0px 0px;
}

#leftcol #sidebar-nav {
margin: 0px;
padding: 0px;
width: 182px;
}

#leftcol #sidebar-nav ul {
margin: 0px;
padding: 0px;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#leftcol #sidebar-nav a {
margin: 2px 0px;
text-decoration: none;
color: #CC0033;
display: block;
width: 182px;
border-bottom: #000000 solid 1px;
padding: 2px 0px 2px 0px;
font-weight:bold;
font-size: 70%;
}

#leftcol #sidebar-nav a:hover {
color:#FF9900; 
}

#leftcol #sidebar-nav a.selection1 { /* "on" for mainmenu selection */
color: #669900;
}

#leftcol #sidebar-nav a.selection1:hover { /* "on" for mainmenu selection */
color: #669900;
}

#leftcol #sidebar-nav li li a{
margin: 2px 0px;
text-decoration: none;
color: #000;
display: block;
width: 182px;
border-bottom: #000000 solid 1px;
padding: 2px 0px 2px 0px;
font-weight:normal;
font-size: 65%;
}

#leftcol #sidebar-nav a.subselection1 { /* "on" for submenu selection */
color: #669900;
}

#leftcol #sidebar-nav a.subselection1:hover { /* "on" for submenu selection */
color: #669900;
}

#leftcol #sidebar-nav a.subselection2 { /* "on" for submenu selection */
color: #CC0033;
}

#leftcol #sidebar-nav a.subselection2:hover { /* "on" for submenu selection */
color: #CC0033;
}

#leftcol h1, h2, h3, h4, h5 {
	padding: 0px 12px; /* zero off the padding */
	font-weight: normal;
}

#leftcol h1 {
font-size: 60%;
font-weight: bold;
}

#leftcol h2 {
font-size: 60%;
}

#leftcol h3 {
font-size: 60%;
text-indent: 1em;
}

#leftcol h4 {
font-size: 75%;
font-weight: normal;
font-style: italic;
}

#leftcol h5 {
font-size: 75%;
font-weight: bold;
}

#botpiccontainer {  /* Begin laying out and styling the footer div */
clear: left;  /*clears any floats to the left - our leftcol div in this instance*/
padding: 0; /* zeroes off the padding */
margin: 0; /* zeroes off the margins */
width: 100%;  /*Sets the div's width*/
font-size: 60%;  /* sets the footer text size */
text-align: left;  /* aligns the text to the right*/
margin-top: 0px;  /* Adds a margin to the top of the footer*/
}

.botpiccontainer1 {
background-image: url(../images/botpic_01.jpg);
background-repeat: no-repeat;
height: 123px;
}

.botpiccontainer2 {
background-image: url(../images/botpic_02.jpg);
background-repeat: no-repeat;
height: 260px;
}

.botpiccontainer3 {
background-image: url(../images/botpic_03.jpg) ;
background-repeat: no-repeat;
height: 260px;
}

.botpiccontainer4 {
background-image: url(../images/botpic_04.jpg) ;
background-repeat: no-repeat;
height: 260px;
}

.botpiccontainer5 {
background-image: url(../images/botpic_05.jpg) ;
background-repeat: no-repeat;
height: 260px;
}

.botpiccontainer6 {
background-image: url(../images/botpic_06.jpg) ;
background-repeat: no-repeat;
height: 260px;
}

.botpiccontainerwow {
background-image: url(../images/botpic_wow.jpg) ;
background-repeat: no-repeat;
height: 192px;
}

.botpiccontainerblank {
background-image: url(../images/botpiccontainer_blank.jpg) ;
background-repeat: no-repeat;
height: 123px;
}

#botpiccontainer p .notabene {
padding: 9px 12px 9px 256px;  /* sets the padding values*/
font-size: 100%;
line-height: 1.2em;
font-weight: normal;
color: #669900;
}

#footer {  /* Begin laying out and styling the footer div */
width: 812px;/*sets the width for IE5.x's broken box model*/
w\idth: 812px; /* sets the width of the wrapper for compliant browsers*/
margin: 0px auto;/* centers the wrapper. First value - 5px is applied to the top and bottom margins, auto sets the excess space on the view port evenly to the left and right*/
background-color: #aea28b;  /*sets a background colour for the footer*/
font-size: 60%;  /* sets the footer text size */
text-align: right;  /* aligns the text to the right*/
margin-top: 6px;  /* Adds a margin to the top of the footer*/
margin-bottom: 6px;
}

#footer p {
background-color: #d2d4a4;  /*sets the background colour for the p element when it is in the footer div*/
padding: 9px 12px 9px 36px;  /* sets the padding values*/
margin: 0;  /*zeroes off the margins */
color: #CC0033;
}

#footer ul{
background-color: #d2d4a4;/*provides a background colour for the links list*/
margin: 0;/*zeroes off the margins*/
padding: 4px 36px;/*add some air around the links*/
}

#footer li{
display: inline;/*set the list to display inline*/
}

#footer a {  /* Styles the links within the footer */
color: #000;  /*sets the text to white*/
text-decoration: underline;  /*keeps the underline*/
padding: 0px 4px 0px 4px; /*add some space between the links*/
}

#footer a:hover,
#footer a:focus {
text-decoration: none;  /*removes the underline*/
}