body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
}
body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #666666;
	letter-spacing: 1px;
}
.white {
    color: #FFFFFF;
}

.hauptbild {

width: 897px;
height: 400px;
}

.contentframe {
width: 914px;
height: 400px;
overflow:hidden;
}
.modules {

	width:830px;
	height:309px;

}
.modules_sub {
float:left;
width: 614px;
height: 400px;

}
.subnavigation {
float:left;
width: 300px;
height: 400px;
bottom: 0px;
margin-bottom: 0px;
}



.sitemainframe {
	width:827px;
	height:619px;
	z-index:2;
	position:absolute;
	left:50%;
	margin-left:-415px;
	text-align:left;
	top: 50%;
	margin-top: -310px;
	padding : 0px;
	vertical-align: middle;
	background-color: #fff;
	overflow:hidden;
	}

.subnavigation {

top: 80px;
width: 250px;
left: 20px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing: 1px;
	text-decoration: none;
}


.subnavigationd:link {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing: 1px;
	text-decoration: none;
}
.subnavigationd:visited {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing: 1px;
	text-decoration: none;
}
.subnavigationd:hover {
	color: #666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing: 1px;
	text-decoration: none;
}
.subnavigationd:active {
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing: 1px;
	text-decoration: none;
}

.modules_sub {

left: 280px;
width: 600px;
}


.blunzen {
	width: 914px;
	height: 25px;
	z-index:2;
	position:absolute;
	left:50%;
	margin-left:-457px;
	text-align:left;
	top: 50%;
	margin-top: 161px;
	padding : 0px;
	vertical-align: middle;
	background-color:#fff;
}



a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #666;
}
a:active {
	text-decoration: none;
	color: #333;
}
.subprod_nav {
	color: #FFFFFF;
	text-decoration: none;
}
.subprod_nav:link {
	color: #FFFFFF;
	text-decoration: none;
}
.subprod_nav:visited {
	text-decoration: none;
	color: #FFFFFF;
}
.subprod_nav:hover {
	text-decoration: none;
	color: #F8F8F8;
}
.subprod_nav:active {
	text-decoration: none;
	color: #FFFFFF;
}

.navigation {
	width: 914px;
	height: 90px;
	background-color: #fff;
}


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #333;
	z-index:5;
	background-color: #fff;

}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
	visibility: hidden;
	position: absolute;
	top: 2.5em;
	left: 0px;
	width: 123px;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666;
	z-index:5;
	background-color: #fff;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 125px;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666;
	z-index:5;
	background-color: #fff;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	position: relative;
	border: 1px solid #33333;
	margin-right: -1px;
	width: 123px;
font-weight:bold;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #333;
	background-color: #fff;
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
background-color: #fff;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	font-weight:normal;
	color: #333;

}
.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a, .menulist a:visited {
 display: block;
 padding: 3px;
 color: #000;
 text-decoration:  none;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #333;

}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist li ul a:hover, .menulist a:focus {
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666;


}
/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist li a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666;

}
.menulist li ul a.highlighted {
 	font-family: Arial, Helvetica, Verdana;
	font-size: 12px;
	color: #666;


}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;

}
.menulist ul a .subind {
 display:  block;
 float: right;

}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;

}
.menulist ul a {
 float: none;

}
/* \*/
.menulist a {
 float: none;

}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;

}
* html .menulist  ul a {
 height: 1%;

}

* html .menulist  ul li {

}

}
.clearer {
	clear: both;

}
.cleaner {
	clear: both;

}

h1 {
	height: 19px;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #666;
padding-left: 14px;
margin-left: -14px;
padding-top: 4px;
letter-spacing: 2px;
}


.standardtext {
padding-left: 17px;
}
.prodhihead {
	height: 19px;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 9px;
	font-weight: bold;
	color: #666;
	padding-top: 4px;
	padding-left:4px;
	width:148px;
	height: 19px;
}
.prodhisub {

	margin-top: 8px;
	padding-left:4px;
	width:148px;
	height: 2px;
	margin-bottom: 4px;
}
.prodhitext {
 	font-family: Arial, Helvetica, Verdana;
	font-size: 9px;
	color: #333333;
	width:152px;
	padding-top:4px;
}
.special {
	width: 152px;
	position: relative;
	left: 40px;
	float: left;
	top:23px;
}
.singlepicture_img {
	border: 1px solid #999999;
	width: 100px;
	height: 80px;
}
.singlepicture_quickinfo {
	background-color: #CCCCCC;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 9px;
	color: #333333;
	padding: 3px;
}
.gallery_img {
	border: 1px solid #1c1c1c;
	width: 148px;
	height: 76px;
}
.gallery_quickinfo {
	background-color: #CCCCCC;
 	font-family: Arial, Helvetica, Verdana;
	font-size: 9px;
	color: #333333;
	padding: 3px;
}
.splittedtext_bg {
	width: 663px;

	float:left;
}
.splittedtext_text2 {
	width: 300px;
	float:left;
	padding-left: 30px;
	border-left: 1px solid #333;
}
.gallerydesc {
	width: 640px;
	padding: 5px;
	padding-left: 8px;
	border: 1px solid #999999;
	background-color: #F6F6F6;
}
.splittedtext_text1 {
	width: 300px;
	float:left;
	padding-right:15px;

}
h3 {
 	font-family: Arial, Helvetica, Verdana;
	font-size:16px;
	color:#333333;
	letter-spacing:1px;
}

.standardtext {
	width:462px;
	height:240px;
	margin-left:327px;
	padding-top:30px;
	padding-left:30px;
	background-color:#FFFFFF;
	line-height:25px;
}


/* *** */
h2 {
	font-familiy: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #ff0096;
}

.site {
	width:830px;
	height:619px;
}

.pic_top {
	background-image:url(/client/ihrschreiner/static/images/pic_header.jpg);
	width:830px;
	height:144px;
}

.navi {
	width:830px;
	height:167px;
}

.pic_left {
	float:left;

	background-image:url(/client/ihrschreiner/static/images/pic_logo.gif);
	background-repeat:no-repeat;
	width:326px;
	height:167px;
}

.header_pic {
	width:501px;
	height:144px;
	overflow:hidden;
	margin-left:326px;
}

.links {
	float:left;

	width:504px;
	height:167px;
}

.links a {
	float:left;
	margin-top:88px;
	margin-left:32px;
}

.content {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:black;
	line-height:16px;
}

.content_text {
	/*width:462px;
	height:240px;
	margin-left:310px;
	background-color:#FFFFFF;*/
	padding-top:15px;
	padding-left:30px;
	padding-left:15px;
	line-height:16px;
}

.footer_copyright {
	width:462px;
	height:40px;
	margin-left:310px;
	padding-left:30px;
	padding-top:25px;
	background-color:#FFFFFF;
	color:#e1e1e1;
}

.pic_content {
	background-image:url(/client/ihrschreiner/static/images/pic_content.jpg);
	background-repeat:no-repeat;
	width:830px;
	height:309px;
	position:relative;
}

.pic_content_video {
	position:absolute;
	top:14px;
	left:13px;
	width:400px;
	height:267px;
}

.picturegallery {
	/*margin-left:326px;*/
	padding-bottom:25px;
	padding-left:13px;
	padding-top:15px;
}

.picturerow{
}

.picturerow img{
	border:1px solid white;
	margin-right:-5px;
	width:92px;
	height:71px;
}

.content_modules {
	margin-left:326px;
	width:501px;
	height:309px;
	background-color:#DED2C0;
}

.content_modules_wrap {
	overflow:auto;
	width:501px;
	height:309px;
}