/* CSS Document */

body{
background-image:url(images/background.jpg);
background-repeat:repeat;
background-color:#333333;
margin:0 auto;
height: 100%;
}

img
{
	border: none;
	margin: 0;
	
}

.titel {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:18px;
}

span
{
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:18px;
text-align:left;
}

p {
font-family:Arial, Helvetica, sans-serif;
color:#666666;
font-size:12px;
line-height:18px;
text-align:left;
}

.subkop {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#000000;
}

/* Header */

#top{
background-image:url(images/top.jpg);
width:981px;
height:16px;
margin:0 auto;
}

#header {
width:950px;
height:261px;
margin:0 auto;
background-color:#ffffff;
}

#header_left {
float:left;
width:414px;
height:203px;
}

#logo {
background-image:url(images/logo.jpg);
width:211px;
height:79px;
margin-left:50px;
margin-top:70px;
}

#header_right {
background-image:url(images/header01.jpg);
float:right;
width:536px;
height:203px;
background-color:#FFFFFF;
border:none;
}

#header_right a {
text-decoration:none;
border:none;
}

/* Menu */

#menu {
width:900px;
height:59px;
margin:0 auto;
background-color:#FFFFFF;
}

#menu_left {
background-image:url(images/menu_left.jpg);
width:15px;
height:59px;
float:left;
}

#submenu {
background-image:url(images/menu.jpg);
background-repeat:repeat-x;
height:42px;
padding-top:17px;
padding-left:20px;
width:849px;
float:left;
text-align:left;
}

#submenu ul li a {
padding-left: 5px;	
padding-right: 5px;	
margin: 0;
}

#submenu ul, #submenu ul li	{
list-style-type: none;	
display: inline;	
padding: 0;	margin:0;}

#menublock_right {
width:885px;
height:59px;
float:right;
}

#submenu a {
padding-left:10px;
padding-right:10px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#333333;
text-decoration:none;
padding-top:5px;
padding-bottom:5px;
}

#submenu a:hover {
background-image:url(images/hover.jpg);
background-repeat:repeat-x;
}

#menu_right {
background-image:url(images/menu_right.jpg);
width:16px;
height:59px;
float:right;
}

/* Page */


#block {
width:981px;
margin:0 auto;
min-height:430px;
background-image:url(images/pageback.png);
background-repeat:no-repeat;
background-position:top center;
margin-top:36px;
z-index:2;
}

#left {
width: 966px;
float:left;
margin-top:0;
}

#border_left {
width:16px;
position:absolute;
float:left;
margin-top:0;
min-height:100%;
height:100%;
height:auto;
}

#page {
	width:950px;
	float:right;
	background-color:#FFFFFF;
	height:100%;
	height:auto;
	min-height:100%;
}

#content_block {
width:950px;
background-color:#FFFFFF;
min-height:100%;
height:100%;
}

/* Content */

#content {
background-image:url(images/shadow_content_top.jpg);
width:380px;
float:left;
background-repeat:no-repeat;
background-position:top center;
margin-left:30px;
margin-top: 40px;
}

#content_portfolio2
{
	background-image:url(images/shadow_content_top.jpg);
width:600px;
float:left;
background-repeat:no-repeat;
background-position:top center;
margin-left:30px;
margin-top: 40px;
}

#content_left {
float:left;
background-image:url(images/shadow_left.jpg);
background-repeat:no-repeat;
width:13px;
height:427px;
}

#content_textright {
float:right;
width:353px;
height:100%;
height:auto;
}

#text {
float:left;
width:290px;
padding-left:20px;
padding-right:30px;
padding-top:40px;
padding-bottom:30px;
text-align:left
}

#text a {
color:#000;
text-decoration:none;
}

#text a:hover {
text-decoration:underline;
}

#content_right {
width:13px;
background-image:url(images/shadow_right.jpg);
background-repeat:no-repeat;
float:right;
height:407px;
}

/* Sub blocken */

#subblock {
width:504px;
float:right;
margin-top: 40px;
}

#subleft {
float:left;
background-image:url(images/shadow_sub_top.jpg);
width:230px;
background-repeat:no-repeat;
background-position:top center;
margin-left:3px;
}

#subleft a {
color:#000;
text-decoration:none;
}

#subleft a:hover {
text-decoration:underline;
}

#subright {
float:right;
background-image:url(images/shadow_sub_top.jpg);
width:230px;
background-repeat:no-repeat;
background-position:top center;
margin-right:30px;
}

.sub_shadow_text {
width:205px;
float:left;
}

.shadow_left {
background-image:url(images/shadow_left.jpg);
width:13px;
height:427px;
float:left;
}

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

.subtext {
width:152px;
float:right;
padding-top:40px;
padding-left:20px;
padding-right:20px;
text-align:left;
}

.shadow_right {
background-image:url(images/shadow_right.jpg);
width:13px;
height:427px;
float:right;
}

#text_index_portfolio {
width:410px;
padding-left:40px;
}

#text_index_portfolio a {
color:#000;
text-decoration:none;
font-size:11px;
}

#text_index_portfolio a:hover {
text-decoration:underline;
}

/* right shadow */

#right {
width:15px;
position:absolute;
float:right;
margin-top:0;
min-height:100%;
height:100%;
}

/* footer */

#footer {
	width:950px;
	background-color:#FFFFFF;
	background-image:url(images/footer.jpg);
	background-position:center top;
	background-repeat:no-repeat;
	height:165px;
	margin:0 auto;
	clear:both;
}

#footer_left {
float:left;
margin-left:70px;
padding-top:30px;
}

#footer a {
display:block;
background-image:url(images/linkbotton.jpg);
background-repeat:no-repeat;
background-position:left center;
padding-left:30px;
font-family:Arial, Helvetica, sans-serif;
color:#898989;
font-size:11px;
text-decoration:none;
}

#footer a:hover {
text-decoration:underline;
}

#footer_right {
float:right;
margin-right:40px;
padding-top:30px;
width:210px;
}

.page
{
	background-image: url(images/page.jpg);
	width: 28px;
	height: 23px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 2px;
	text-align: center;
	padding-top: 3px;
}

.page a
{
	color: black;
	font-weight: bold;
	text-decoration: none;
}

.page a:hover
{
	color: white;
}

.resize
{
	max-width: 150px;
}