/************************************************************************************************/
/*
/*  Root-Element: †bergreifende Elemente ---> screen.css
*/

body {	
	background: url("../../images/rahmen/bg.gif") repeat-x;
	text-align: center;
}


ol,ul {	
	list-style:;
}


h3 { 
	margin-top: 10px;
}

img {

}

.clear	{
	clear: both;
	height: 0;
	width: 1px;
	line-height: 0;
	margin: 0;
	padding: 0;
}


/************************************************************************************************/
/*
/*  Root-Klassen:  †bergreifende Elemente mit gleichem Stil
*/

.clear {clear: both;}

.f-left {float: left;}
.f-right {float: right;}

/* Content Columns */
.col2-set .col-1 { float:left; width:48%; }
.col2-set .col-2 { float:right; width:48%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }


/************************************************************************************************/
/*
/*  Struktur/Raster: Blockaufbau und Anordnung fźr die spŠteren Inhalte ---> screen.css
*/

#rahmen {
	width: 1006px;
	text-align: left;
	margin: auto;
	background: url("../../images/rahmen/header-bg.jpg") no-repeat;
}

#content {
	width: 995px;
	height: 100%;
	margin: 0 0 30px 0;
	padding: 0 5px 0 7px;
	text-align: left;
	float: left;
}

#content .referenzen {
	width: 995px;
	height: 100%;
	margin: 0 0 80px 0;
	padding: 0 5px 70px 7px;
	text-align: left;
}

#footer {
	clear: left;
	padding: 10px; 
	height: 70px;
	width: 975px;
	margin: 20px 0 0 7px;
	text-align: left;
	background: #809AD0; 
	color: #000080; 
}


/************************************************************************************************/
/*
/*  LOOK AT ME: Formatierung der zusŠtzlichen Blšcke und deren Inhalte ---> screen/color/type.css
*/

#logo { 
	float: left; 
	width: 312px; 
	height: 92px; 
	margin: 9px 0 11px 449px;
	background: url(../../images/rahmen/logo.png) no-repeat;
} 

ul#mainmenu	{
	position: relative;
	width: 1007px; 
	height: 96px;
	margin: 0 0 20px 0;
	z-index: 1;
	display: block;
}

ul#mainmenu.home	{
	position: relative;
	width: 1007px; 
	height: 56px;
	margin: 0 0 25px 0;
	z-index: 1;
	display: block;
}

ul#mainmenu li	{
	position: relative;
	margin: 0;
	padding: 0;
	float: left;
	margin: 0;
	display: inline;
}

ul#mainmenu li.page_item_sta	{
	background: url(../../images/menue/startseite0.gif) no-repeat;
	width: 126px;
	height: 57px;
}

ul#mainmenu li.page_item_new	{
	background: url(../../images/menue/news0.gif) no-repeat;
	width: 75px;
	height: 57px;
}

ul#mainmenu li.page_item_ref	{
	background: url(../../images/menue/referenzen0.gif) no-repeat;
	width: 119px;
	height: 57px;
}

ul#mainmenu li.page_item_ueb	{
	background: url(../../images/menue/ueberuns0.gif) no-repeat;
	width: 99px;
	height: 57px;
}

ul#mainmenu li.page_item_par	{
	background: url(../../images/menue/partner0.gif) no-repeat;
	width: 86px;
	height: 57px;
}

ul#mainmenu li.page_item_kon	{
	background: url(../../images/menue/kontakt0.gif) no-repeat;
	width: 95px;
	height: 57px;
}

ul#mainmenu li.page_item_sho	{
	background: url(../../images/menue/shop0.gif) no-repeat;
	width: 407px;
	height: 57px;
}

ul#mainmenu li a	{
	display: inline;
	float: left;
	padding: 0;
	text-decoration: none;
}

ul#mainmenu li.page_item_sta a	{
	width: 126px;
	height: 57px;
}

ul#mainmenu li.page_item_new a	{
	width: 75px;
	height: 57px;
}

ul#mainmenu li.page_item_ref a	{
	width: 119px;
	height: 57px;
}

ul#mainmenu li.page_item_ueb a	{
	width: 99px;
	height: 57px;
}

ul#mainmenu li.page_item_par a	{
	width: 86px;
	height: 57px;
}

ul#mainmenu li.page_item_kon a	{
	width: 95px;
	height: 57px;
}

ul#mainmenu li.page_item_sho a	{
	width: 407px;
	height: 57px;
}

ul#mainmenu li a:hover	{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

ul#mainmenu li.page_item_sta:active,
ul#mainmenu li.page_item_sta a:active,
ul#mainmenu li.page_item_sta:hover,
ul#mainmenu li.page_item_sta a:hover,
ul#mainmenu li.current_page_item_sta	{
	background: url(../../images/menue/startseite1.gif) no-repeat;
}

ul#mainmenu li.page_item_new:active,
ul#mainmenu li.page_item_new a:active,
ul#mainmenu li.page_item_new:hover,
ul#mainmenu li.page_item_new a:hover	{
	background: url(../../images/menue/news1.gif) no-repeat;
}

ul#mainmenu li.current_page_item_new a	{
	background: url(../../images/menue/news1.gif) no-repeat;
	width: 75px;
	height: 57px;
}

ul#mainmenu li.page_item_ref:active,
ul#mainmenu li.page_item_ref a:active,
ul#mainmenu li.page_item_ref:hover,
ul#mainmenu li.page_item_ref a:hover	{
	background: url(../../images/menue/referenzen1.gif) no-repeat;
}

ul#mainmenu li.current_page_item_ref a	{
	background: url(../../images/menue/referenzen1.gif) no-repeat;
	width: 119px;
	height: 57px;
}

ul#mainmenu li.page_item_ueb:active,
ul#mainmenu li.page_item_ueb a:active,
ul#mainmenu li.page_item_ueb:hover,
ul#mainmenu li.page_item_ueb a:hover	{
	background: url(../../images/menue/ueberuns1.gif) no-repeat;
}

ul#mainmenu li.current_page_item_ueb a	{
	background: url(../../images/menue/ueberuns1.gif) no-repeat;
	width: 99px;
	height: 57px;
}

ul#mainmenu li.page_item_par:active,
ul#mainmenu li.page_item_par a:active,
ul#mainmenu li.page_item_par:hover,
ul#mainmenu li.page_item_par a:hover	{
	background: url(../../images/menue/partner1.gif) no-repeat;
}

ul#mainmenu li.current_page_item_par a	{
	background: url(../../images/menue/partner1.gif) no-repeat;
	width: 86px;
	height: 57px;
}

ul#mainmenu li.page_item_kon:active,
ul#mainmenu li.page_item_kon a:active,
ul#mainmenu li.page_item_kon:hover,
ul#mainmenu li.page_item_kon a:hover	{
	background: url(../../images/menue/kontakt1.gif) no-repeat;
}

ul#mainmenu li.current_page_item_kon	{
	background: url(../../images/menue/kontakt1.gif) no-repeat;
	width: 95px;
	height: 57px;
}

ul#mainmenu li.page_item_sho:active,
ul#mainmenu li.page_item_sho a:active,
ul#mainmenu li.page_item_sho:hover,
ul#mainmenu li.page_item_sho a:hover,
ul#mainmenu li.current_page_item_sho	{
	background: url(../../images/menue/shop1.gif) no-repeat;
}

ul#mainmenu li.pagenav {
	position: absolute;
	left: 6px;
	top: 50px;
	margin: 0;
	padding: 0;
	width: 995px;
	height: 40px;
	display: block;
	z-index: 5;
}


ul#mainmenu li.pagenav ul {
	margin: 0 0 20px 0;
	padding: 10px 0 0 30px;
	width: 965px;
	height: 30px;
	display: block;
	background: url(../../images/menue/bg-submenu.gif) no-repeat;
}

ul#mainmenu li.pagenav ul li {
	margin: 0 10px 0 0;	
	display: inline;
	float: left;
	padding: 0;
}

ul#mainmenu li.pagenav ul li a {
	text-decoration: none;
	display: inline;
	padding: 0 0 0 15px; 
	margin: 0 25px 0 0;
	background: url(../../images/menue/pfeil-submenu.gif) no-repeat 0 5px;
}

ul#mainmenu li.pagenav ul li a:hover {
	text-decoration: none;
	display: inline;
	padding: 0 0 0 15px;
	margin: 0 25px 0 0;
}

ul#mainmenu li.pagenav ul li.current-cat,
ul#mainmenu li.pagenav ul li.current-cat a,
ul#mainmenu li.pagenav ul li.current_page_item,
ul#mainmenu li.pagenav ul li.current_page_item a{
	font-weight: bold;
}

/************************************************************************************************/


#content .karussell {
	width: 593px;
	height: 326px;
	float: left;
	background: url("../../images/rahmen/bg_karussell.gif") no-repeat;
	margin-bottom: 20px;
	position: relative;
	color: white;
}

#flowpanes {
	width: 593px;
	height: 268px;	
}

#flowpanes div {
	display: none;	
	color: #fff;	
	margin: 20px 40px;
}


ul#flowtabs {
	width: 593px;
	height: 38px;
	margin: 0;
	padding: 0;
}

ul#flowtabs li {
	width: 190px;
	height: 58px;
	float: left;
	margin: 0 11px 0 0;
	background: url(../../images/rahmen/reiter.gif) repeat-x;
}

#flowpanes ul li	{
	margin: 0 0 3px 0;
	padding: 0 0 0 15px;
	background: url(../../images/sonstiges/list.gif) no-repeat 0 5px;
}

ul#flowtabs li.last {
	margin: 0;
}

ul#flowtabs li a.current {
	background: url(../../images/rahmen/reiter_aktiv.gif) repeat-x;
}

ul#flowtabs li a {
	width: 170px;
	height: 38px;
	float: left;
	padding: 10px;
	text-decoration: none;
}

ul#flowtabs li a:hover {
	background: url("../../images/rahmen/reiter_aktiv.gif") repeat-x;
	text-decoration: none;
}

#preisinfo .preis {
	float: right;
}

#preisinfo .preislabel {
	float: left;
}

#content .infobox {
	width: 352px;
	height: 286px;
	float: left;
	background: url('../../images/rahmen/bg_infobox.gif') no-repeat;
	margin: 0 0 20px 10px;
	position: relative;
	padding: 20px;
}

#content .infobox.aktion {
	background: url('../../images/rahmen/bg_aktionsinfobox.gif') no-repeat;
}

#content .infobox.sommeraktion {
	background: url('../../images/rahmen/bg_sommeraktionsinfobox.jpg') no-repeat;
}

#content .infobox p {
	width: 80%;
}

#content .infobox a {
	background: url('../../images/sonstiges/submit.gif') no-repeat;
	padding-left: 30px;
	height: 30px;
	float: left;
	margin-top: 10px;
}

#content .ueberuns {
	width: 385px;
	float: left;
	position: relative;
}

#content .angebote {
	float: left;
	width: 352px;
	margin: 0 0 20px 17px;
}

#content .angebote .produktbild {height: 180px;}

#content .angebote .beschreibung {
	position: absolute;
	margin: -110px 15px 15px 15px; 
	padding: 10px; 
	width: 135px; 
	height: 110px; 
	font-weight: bold; 
	color: #fff; 
	filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; 
	background: #000;
}

#content .angebote .beschreibung .price { font-weight:bold; font-size: 180%; color: white;}

#content .news {
	width: 190px;
	height: 190px;
	float: left;
	margin: 0 0 0 20px;
}


.alignleft	{
	display: inline;
	float: left;
	margin: 0 10px 10px 0;
}

.alignright	{
	float: right;
	margin: 0 0 10px 10px;
}

.aligntop	{
	display: block;
	margin: 0 0 10px 0;
}

/************************************************************************************************/

#content .inhalt {
	width: 770px;
	float: left;
	margin-left: 10px;
}

#content .inhalt ul	{
	margin: 0 0 15px 0;
	padding: 0;
}

#content .inhalt ul li	{
	margin: 0 0 3px 0;
	padding: 0 0 0 10px;
	list-style-image: url(../../images/sonstiges/list.gif);
	list-style-position: inside;
}

#content .sidebar {
	width: 195px;
	float: left;
	margin: 0 0 50px 20px;
}

#content .sidebar .info {
	padding: 0 10px 20px 10px;
	margin-bottom: 30px;
	background: url('../../images/rahmen/block-bottom.gif') no-repeat;
	background-position: bottom;
}

/************************************************************************************************/

#footer .inhalt {
	float: left; 
	width: 550px;
}
	
#footer .copyright {
	margin-right: 20px; 
	font-size: 90%;
}

#footer address { 
	float: right; 
	padding: 10px 10px 6px 10px;
	width: 363px; 
	color: black;
}

#footer ul { 
	float:left; 
	padding:0 20px 0 0;
}

/* *********************************************** */
/* input */


.login	{
	float: left;
	margin: 0 10px 0 0; 
	display: inline;
	padding: 0;
}

#searchform	{
	width: 181px; 
	height: 56px; 
	float: left; 
	background: url(../../images/rahmen/bg-suche.gif) no-repeat; 
	padding: 25px 0 0 11px;
	color: white; 
	margin-left: 8px; 
	display: inline;
}

input,
textarea,
select	{
	margin: 0;
	padding: 2px;
}

.inputSuche	{	
	width: 134px;
	height: 14px;
	float: left;
	margin: 0 2px 0 0;
}

.inputFormular	{	
	width: 180px;
	height: 12px;
	float: left;
	margin: 0;
}

.input-full	{	
	width: 184px;
	height: 14px;
	margin: 0 0 5px 0;
}

.captcha-full	{	
	width: 60px;
	height: 24px;
	float: left;
	margin: 0 6px 5px 0;
}

.input-small	{	
	width: 49px;
	height: 14px;
	float: left;
	margin: 0 6px 5px 0;
}

.input-half	{	
	width: 119px;
	height: 14px;
	float: left;
	margin: 0 0 5px 0;
}

.inputCheckbox	{
	margin: 0 5px 0 0;
}

input#suchbutton	{
	width: 24px;
	height: 24px;
	border: none;
	float: left;
	padding: 0;
	margin: 0;
}

.textarea-full	{
	width: 596px;
	height: 100px;
	margin: 0 0 15px 0;
}