/*Rollladen REBA CSS */
@charset "UTF-8";
body { 
	margin				: 0;
	padding				: 0;
	font				: normal normal normal 12px 'Trebuchet MS', arial, sans-serif;
}

img { border:0; }

h1 { 
	font-size			: 2.6em;
	margin				: 1em 0;
	color				: #FFFFFF;
}
h2 {
	font-size			: 2em;
	margin				: 1em 0;
	color				: #FFFFFF; }
	
a {
	display				:block;
	color				:#FFFFFF;
	text-decoration		:none;
	font-weight			:bold;
}
a:hover{ color:#000000; }
#get {
	background			: url(http://http-get.de/get.gif) no-repeat;
}
#page {
	width				: 1024px;
	height				: 880px;
	background			: url(/images/body_bg.jpg) repeat-x #C0C0C0;
}
#head {
	float				: left;
	height				: 200px;
}
#toplogo {
	height				: 200px;
	width				: 225px;
	float				: left;
}

#slogan { 
	width				: 561px;
	height				: 56px;
	position			: absolute;
	top				: 5px;
	left				: 345px;
	z-index				: 20;
}
#Bilderwechsel {
	position			: absolute;
	left				: 17px;
	width				: 760px;
	height				: 100px;
	overflow			: hidden;
}
#wechsel {
	width				: 769px;
	height				: 100px;
	background			: #fff;
	float				: left;
	padding				: 10px 15px;
	margin				: 5px 0 7px 0;
	position			: absolute;
	left				: 225px;
	top				: 45px;
	overflow			: hidden;
	z-index				: 10;
}

#topmenu { height:33px; }
#menu {
	position			: absolute;
	top					: 177px;
	left				: 225px;
	z-index				: 2;
	width				: 769px;
}

#content {
	float				: left;
	position			: relative;
	width				: 1024px;
	height				: 500px;
	color				: #FFFFFF;
}
#menuleft {
	width				: 185px;
	padding				: 0px 0px 0px 40px;
	float				: left;
}
#subcontent1 {
	position			: absolute;
	left				: 225px;
	width				: 343px;
	margin-top			: 4px;
	padding-right		: 456px;
	text-align			: justify;
	overflow-y			: scroll;
	height				: 476px;
	padding-bottom		: 20px;
}
#contentbild {
	width				: 433px;
	height				: 348px;
	background			: url(/images/bild_home.png) no-repeat;
	position			: absolute;
	right				: 1px;
	top					: 20px;
}

#footer {
	float				: left;
	font				: normal normal normal 10pt 'Trebuchet MS', arial, sans-serif;
	width				: 1024px;
	background			: #C0C0C0;
}
#footertext1 {
	margin				: 10px 0 0 20px;
	float				: left;
} 
#footertext2 {
	margin				: 28px 0 0 20px;
	float				: left;
} 

a.menu {
	float				: left;
	padding				: 0px 10px 10px 10px;
	height				: 13px;
	text-decoration		: none;
	color				: #000;
	font				: normal normal bold 10pt 'Trebuchet MS', arial, sans-serif;
}
a.menuleft {
	font				: normal normal bold 12px 'Trebuchet MS', arial, sans-serif;
	color				: #000;
	text-decoration			: none;
	display				: block;
	width				: 143px;
	margin				: 5px 0;
	padding				: 5px 0 5px 10px;
	background			: url(/images/menu.jpg) no-repeat;
}
a.menuleft_on { 
	font				: normal normal bold 12px 'Trebuchet MS', arial, sans-serif;
	color				: white;
	text-decoration			: none;
	text-align			: center;
	display				: block;
	width				: 143px;
	margin				: 5px 0;
	padding				: 5px 0 5px 0;
	background			: url(/images/menu_on.jpg) no-repeat;
}
.pipe{ float:left; }

input.off {
	font-family			: 'Trebuchet MS', Arial, sans-serif;
	color				: #333333;
	border				: 1px solid #333333;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}

input.on {
	font-family			: 'Trebuchet MS', Arial, sans-serif;
	color				: #D91930;
	border				: 1px solid #D91930;
	background			: #FFFFFF;
	margin				: 1px 0;
	font-size			: 1em;
}
input.error, select.error, textarea.error {
	border				: 1px solid #FF0000;
	background-color	: #FFFCE2;
}

.footerlink{ color:#000000; }
.footerlink:hover, .menu:hover { color:#D91930; }

.menuleft:hover { color:#FFFFFF; }

.produktBild {
	position			: absolute;
	left				: 600px;
}
.produktBild img {
	margin-bottom		: 5px;
}