@import '../../../seliger/fileadmin/templates/mainmenu.css';
@import 'powermail.css';
@import 'cute-profiles/css/cute_profiles32.css';
@charset "utf-8";
/* CSS Document */

body{
	background-color:#ccc; /*entspricht pantone 162C solid coated*/
	background-image:url(images/core/bg_streifen.gif);
	text-align: center;
	overflow-y:scroll;
	color:#990000;
	
}

*{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

h3{
	margin:0 0 0 0;
	padding:1px 0 0 0;
}
	
p{
	font-size:12px;
	padding:0 8px 0 0px;
}

p a{
	font-size:12px;
	color: #555555;
	padding:0 8px 0 0px;
}

form{
	margin:0 0 0 0;
	padding:0 0 0 0;
}

hr{
	clear:both;
	background-color:#999999; /* Mozilla 1.4 */
	color:#999999; /* IE 6 */
	border:#999999; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}

a {
	color:#555555;
	text-decoration:none;
}
a img{
	padding-top:2px;
}
/*
#center_box -> zentriert alle inhalte
#center_box -> enthält das headerbild
*/
#center_box{
	display: block;
	position: absolute;
	top: 0%;
	left: 50%;
	margin:0 0 0 -500px;
	padding: 0 0 0 0;
	width: 1000px;
	/*background-image: url(images/header/Seliger_HP_Head_HomeProfil.png);*/
	background-repeat:no-repeat;
}

/*
#header_box -> enthält das logo
#header_box -> enthält die headernavigation
*/
#header_box{
	display:block;
	text-align:left;
	margin:0 8px 0 8px;
	height:152px;
}

#logo{
	position:absolute;
	display:block;
	float:left;
	margin:0 0 0 0;
	width:192px;
	height:152px;
	background-image: url(images/core/logo.png);
	background-repeat:no-repeat;
}

#header_navigation{
	display:block;
	float:right;
	margin:33px 100px 0 0;
	height:120px;
	background-image:url(images/core/Seliger_HP_MenuOben.png);
	background-repeat:no-repeat;
	overflow:hidden;
	width:278px;
}
ul.header_navigation{
	display:block;
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0 0 0 0;
}
ul.header_navigation li{
	display:block;
	text-align:center;
	float:left;
	height:32px;
}
ul.header_navigation a{
	display:block;
	border-left:2px solid #990000;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	line-height:16px;
	margin:8px 0 8px 0;
	padding:0 23px 0 23px;
	
}
/*
#site_box -> enthlt mainnavigation
#site_box -> enthlt teasernavigation
#site_box -> enthlt contentbereich
#site_box -> enthlt footer
*/
#site_box{
	clear:both;
	display:block;
	margin:8px 8px 0 8px;
	height:152px;
}

#content{
	display:block;
	float:left;
	margin:64px 8px 0 8px;
	width:580px;
}

/* link_navigation.php */
.link_navigation{
	text-decoration:none;
	color:#666666;
}
/*
#content_top -> obere ecken
#content_mid -> inhalte
#content_bot -> footer
*/
#content_top{
	display:block;
	height:8px;
	background-image: url(images/core/Seliger_HP_Inhaltsbox_01.png);
	overflow:hidden;
}

#content_mid{
	display:block;
	height: 100%;
	padding:2px 8px 8px 8px;
	background-image:url(images/core/Seliger_HP_Inhaltsbox_02.png);
	background-repeat:repeat-y;
	text-align: left;
	overflow:auto;

}

#content_bot{
	clear:left;
	display:block;
	height:104px;
	padding:8px 8px 0 8px;
	background-image:url(images/core/Seliger_HP_Inhaltsbox_03.png);
	background-repeat:no-repeat;
}

#navigation{
	display:block;
	float:left;
	margin:0 0 0 0;
	width:192px;
	height:192px;
	text-align: left;
	overflow:visible;
}

ul.navigation{
	list-style-type:none;
	display:block;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul.navigation li{
	height:24px;
}

ul.navigation a{
	display:block;
	line-height:23px;
	padding:0 0 0 16px;
	border-bottom:1px solid #fdc2aa;
	text-decoration:none;
	font-weight:bold;
	background-image:url(../../../images/navigation_li.gif);
	background-repeat:no-repeat;
	background-position:left center;
}

#teaser{
	background-color:#ddd;
	display:block;
	float:left;

	margin:95px 0 0 0;

	width:142px;
	height:447px;
	overflow:visible;
}



/*
#nav_top -> obere ecken
#nav_mid -> inhalte
#nav_bot -> untere ecken
*/
.nav_top{
	display:block;
	height:8px;
	overflow:hidden;
	background-image:url(images/core/Seliger_HP_Seitenbox_Kopf.png);
}

.nav_mid{
	display:block;
	padding:1px 8px 1px 8px;
	background-image:url(images/core/Seliger_HP_Seitenbox_Mitte.png);
	background-repeat:repeat-y;
	text-align: left;
	overflow:auto;
}

.nav_mid li{
	list-style:none;
	list-style-type:none;
}

.nav_bot{
	display:block;
	margin:0 0 8px 0;
	padding:0;
	height:8px;
	overflow:hidden;
	background-image:url(images/core/Seliger_HP_Seitenbox_Fuss.png);
}

ul.subnavigation {
	margin:0px 0 0 0px;
	padding:15px 0 10px 2px;
	list-style-type:none;
	color:#fff;
}

ul.subnavigation a{
	font-size:14px;
	/*font-weight:bold;*/
	line-height:20px;
	color:#fff;
}

#menu_ebene2{
	margin:0 0 0 -40px;
}

ul.hide-mobile{
	margin:0 0 0 -20px;
}

/*
#white_box
*/
.white_box_top{
	display:block;
	height:8px;
	margin:0 0 0 0;
	background-image: url(images/core/Seliger_HP_Adressfeld_01.png);
	background-position:top;
}

.white_box_bot{
	display:block;
	padding:0 8px 8px 8px;
	margin:0 0 0 0;
	background-image:url(images/core/Seliger_HP_Adressfeld_03.png);
	background-repeat:no-repeat;
	background-position:bottom;
}

li.active a{
	color:#b7b7b7;
}

li.nav2_act a{
	color:#b7b7b7;
}
li.nav2 a{
	color:#fff;
}

/*
formularelemente
buttons und schaltflächen
input muss anders behandelt
werden als a tags
*/
.input{
	height:12px;
	line-height:12px;
	padding:4px 4px 4px 4px;
	margin:2px 0 4px 0;
	border:0;
	font-style:italic;

	border-left:1px solid #999999;
	border-right:1px solid #999999;
	background-image:url(../../../images/butt.gif);
	background-position:center center;
	background-repeat:repeat-x;
}
.strong{
	font-weight:bold;
	font-style:normal;
}
a.input{
	display:block;
	width:auto;
	overflow:visible;
	text-decoration:none;
	font-style:normal;
	cursor:pointer;
	}
/*die icons der grammaturen und produkte*/
.product_container{
	display:block;


}
.category_description{
	display:block;
	margin:2px 4px 4px 2px;
	background-color:#FFFFFF;
	border:1px solid #999999;
	height:auto;
	overflow:auto;
	}
.category_description img{
	display:block;
	float:left;
	height:96px;
	width:128px;
}
.category_description a{
}

div.category_item{
	display:block;
	float:left;
	margin:2px 2px 0 2px;
	padding-top:8px;
	background-image:url(../../../images/category_item_top.gif);
	background-position:center top;
	background-repeat:no-repeat;
	
	}
/* category_item */
.category_item a{
	display:block;
	padding:96px 4px 0 4px;
	margin:0 0 8px 0;
	
	background-repeat:no-repeat;
	background-position:center top;
	
	border:0;
	
	text-align:center;
	text-decoration:none;
	line-height:12px;
	font-size:9px;
	
	height:64px;
	width:128px;	
}
.category_item img{
	border:0;
}
.category_item strong {
	display: block;
	line-height: 12px;
	font-size: 9px;	
}

.category_item_inner{
	background-image:url(../../../images/category_item_bot.gif);
	background-position:center bottom;
	background-repeat:no-repeat;
}


/* box dynamic box  */
	.box{		
		background-image:url(images/core/box_top_right.gif);
		background-repeat:no-repeat;
		background-position:right top;
		margin:0 0 8px 0;		
	}
	
	.box_top_left{		
		background-image:url(images/core/box_top_left.gif);
		background-repeat:no-repeat;
		background-position:left top;
		padding-top:8px;
		margin: 0pt;
	}
	
	.box_bottom_left{		
		background-image:url(images/core/box_bottom_left.gif);
		background-repeat:no-repeat;
		background-position:left bottom;
		padding-left:4px;		
		margin: 0pt;
	}
	.box_bottom_right{		
		background-image:url(images/core/box_bottom_right.gif);
		background-repeat:no-repeat;
		background-position:right bottom;
		padding-bottom: 8px;
		padding-right: 8px;
		overflow:hidden;
		margin: 0pt;
	}	
	.box_long_content{
		background-color:#FFFFFF;
		border:1px solid #999999;
		padding:8px;
	}
	/* boxmodell headlines and content */
	.box h1{
		font-size:18px;
		color:#990000;
		font-weight:bold;
		margin:8px 8px 8px 8px;
		padding:0;
	}
	.box p{
		margin:8px;
		padding:0;
	}
	.box img{
		float:left;
		margin: 8px;
	}

/* welcome_note display errors or delightful holiday */
	.welcome_note{
		display:block;
		border:1px solid #999999;
		background-color:#fdc2aa;
		padding:8px;
		margin-bottom:4px;
		margin-right:4px;
		margin-left:2px;
		font-weight:bold;
	}
/* #show_options_row // show or hide product options */
	.box_row{
		clear:both;
		padding:4px 0 4px 0;
		margin-bottom: 10px;
	}
	.box_row a{
		margin:0 4px 0 0;
		display:block;
		float:left;
	}
	 .box_row .button{
	 	display:block;
		margin:4px 4px 0 0;
		padding:0 0 0 0;
		height:auto;
		width:auto;		
		float:left;
		background-image:none;
		border:0;
	}

/* price_calc_col and price_calc_row */
.price_calc_row{
	clear:both;
	display:block;
	overflow:auto;
	border-top:1px dashed #CCCCCC;
}
.price_calc_row_border{
	border-top:1px solid #999999;
}
.price_calc_col{
	display:block;
	float:left;
	width:114px;
}
/* footer_last */
	.footer_last{
	position:absolute;
	bottom:100px;
	text-align:center; /* !important; */
	padding-top:32px;
	background-color:#666666;
	
	}
	.footer_last p{
	text-align:center; /* !important; */
	}
	
/*partner tabelle*/

#partner img{
	padding: 0;
}	
/* feedback slider */

	.indicator{
		position:relative;
		width:10px;
		height:20px;
		background-color:#CCCCCC;
		color:#CCCCCC;
		cursor:move;
	}
	#dragHelper{
		margin-top:0;
		padding-top:0;
	}
	.feed_back input{
		margin-top:0 !important;
		color:#999999;
	}
	.feedrow{
		margin-bottom:4px;
	}
/*Rechte Spalte*/
p.teaser{
	padding:1px 0 0 0; 
	margin:0 0 2px 0;
	background-position:right top;
	background-repeat:no-repeat;
}
p.teaser strong{
	padding:2px;
	display:block;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	margin:0;
}
/*	p.right_col_headline{
		background-image:url(../images/right_col_headline.jpg);
		background-position:bottom;
		background-repeat:repeat-x;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		padding:2px;
		margin:0;
		text-align:left;
		font-weight:bold;
	}
	p.right_col_content{
		background-position:right bottom;
		background-repeat:no-repeat;
		background-color:#FFFFFF;
		border:1px solid #CCCCCC;
		padding:3px 3px 3px 3px;
		margin:0;
		margin-top:4px;
		margin-bottom:4px;
		text-align:left;
	}
	.monatsspecial_headline{
		color:#D30301;
	}*/
			p.right_col_headline{
					/*background-image:url(images/right_col_headline.jpg);
					background-position:bottom;
					background-repeat:repeat-x;*/
					background-color:#FFFFFF;
					border-right:2px solid #990000;
					border-left:2px solid #990000;
					border-top:1px solid #D9D9D9;
					border-bottom:0;
					padding:2px 4px 2px 4px;
					margin:0;
					text-align:left;
					font-weight:bold;
					color:#666666;
					font-family:Arial;
					font-size:12px;
					line-height:13px;
					
				}
				p.right_col_content{
					background-position:right bottom;
					background-repeat:no-repeat;
					background-color:#FFFFFF;
					border-right:1px solid #999999;
					border-left:1px solid #999999;
					border-bottom:0;
					border-top:0;
					padding:8px 4px 8px 4px;
					margin:0;
					margin-top:0;
					margin-bottom:0;
					text-align:left;
					color:#666666;
					font-family:Arial;
					font-size:11px;
					line-height:13px;
					
			
				}
				p.right_col_content a, strong{
						font-family:Arial;
						font-size:11px;
						line-height:13px;
						color:#666666;
					}

					#total td {
	white-space: nowrap;
	width: 108px;
	height: 28px;
	text-align: center;
	background-color: #CCCCFF;
	font-size: 8pt;
					}
					  #ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:250px;	/* Width of box */
		height:250px;	/* Height of box */
		overflow:auto;	/* Scrolling features */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}

	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}

	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */

	}

	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#317082;
		color:#FFF;
	}

	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:5;
	}

	#zip{
		width: 250px;
	}

	#form{
		display:inline;
	}

/* farbiges DIV fuer Meldungen, besondere Hinweise, etc. */
.message-box {
	padding: 10px;
	margin: 10px;
	text-align: center;
}

.message-box a {
	text-decoration: underline;
}

.message-box-green {
	background-color: #00bf3e; 
	border: 1px solid #004f1a;
        color: #fff;
}

.message-box-yellow {
	background-color: #efdc0e; 
	border: 1px solid #9f9313; 
}

.message-box-red {
	background-color: #FF1F1F; 
	color: #fff;
	border: 2px solid #ff0000; 
}