/*------------------------ HTML-Elements / Basics -----------------------------------------------
-----------------------------------------------------------------------------------------------*/
body {
	background:#f0f0f0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	margin:0px 0 20px 0;
}
html { height: 100%; margin-bottom: 1px; } 

*
{
outline:none;
}

a img {
	border:none;
}
a {
    color:#0089D6;
    text-decoration:none;
}
a:hover {
    color:#ccc;
}
a.sidebar {
    color:#fff;
}
a.sidebar:hover {
    color:#ccc;
}
.clear {
	clear:both;
}
.clearer { border:none; }

span.detail
{
    font-size:11px;
    font-weight:normal;
    letter-spacing:0px;
}
p.error
{
    color:#993333;
}
div#sidebar div#sidebar_newsletter p.error
{
    margin:-10px 0 15px 0;
}
/*------------------------ Layout ---------------------------------------------------------------
-----------------------------------------------------------------------------------------------*/

#wrapper {
	background:url(../images/construct/main_bg.gif) no-repeat bottom;
	position:absolute;
	left:50%;
	top:30px;
	margin:0 0 20px -484px;
	width:972px;
	padding:0 0 7px 0;
}
	#header {
	background:url(../images/construct/head_bg.gif) no-repeat top #fff;
	height:114px;
	width:960px;
	margin:0 auto 0 auto;
	position:relative;
	border-bottom:3px solid #0089d6;
	}
		#hoepfner_logo {
			position:absolute;
			top:20px;
			left:20px;
		}
		#header #navi {
			position:absolute;
			bottom:0px;
			left:297px;
		}
			#header #navi ul {
				margin:0px;
				padding:0px;
				list-style:none;
			}
				#header #navi ul li {
					background:url(../images/construct/navi_link_separator.gif) no-repeat right bottom;
					margin:0px;
					padding:0 1px 0 0px;
					float:left;
					height:57px;
					display:inline;
				}
					#header #navi ul li a {
						text-decoration:none;
						color:#666;
						font-size:.94em;
						font-weight:bold;
						height:39px;
						display: inline-block;
						padding:18px 18px 0 18px;
					}
					#header #navi ul li a:hover {
						background:url(../images/construct/navi_link_bg.gif) repeat-x 0px -57px;
						color:#fff;
					}
					#header #navi ul li a.active {
						background:url(../images/construct/navi_link_bg.gif) repeat-x 0px 0px;
						color:#fff;
					}
					#header #navi ul li a.active:hover {
						background:url(../images/construct/navi_link_bg.gif) repeat-x 0px -57px;
					}
	#content_wrapper {
		background:url(../images/construct/sidebar_bg.gif) repeat-y #fff;
		width:960px;
		margin:0 auto 0 auto;
		padding:0 0 20px 0;
	}
		#sidebar {
			width:297px;
			float:left;
			color:#fff;
		}
			#sidebar input {
				background:#fff;
				border-top:1px solid #666;
				border-left:1px solid #666;
				width:140px;
				height:14px;
				margin:0 0 18px 0;
				display:inline;
			}
			#sidebar input.hidden_field {
				border:none;
			}
			
			#sidebar input.button {
				background:none;
				border:none;
				color:#fff;
				width:72px;
				background:url(../images/construct/sidebar_arrow.gif) no-repeat left 7px;
				float:right;
				margin:-10px 35px 0 0;
				height:18px;
			}
			#sidebar input.button_forgotpass {
				background:none;
				border:none;
				color:#fff;
				width:113px;
				background:url(../images/construct/sidebar_arrow.gif) no-repeat left 7px;
				float:right;
				margin:-10px 35px 0 0;
				height:18px;
			}
			#sidebar h1,
            #sidebar h2 {
				font-size:.88em;
				margin:0 0 15px 0;
			}
			#sidebar h3 {
				font-size:.88em;
				margin:0 0 15px 0;
			}
			#sidebar p {
				font-size:.82em;
			}
			
			#sidebar #hoepfner_anschrift {
				padding:15px 0 6px 30px;
			}
			
			#sidebar #sidebar_login {
				padding:30px 0 0 30px;
			}
                #sidebar #sidebar_login fieldset {
    				border:none;
			    }
				#sidebar #sidebar_login ul {
					margin:15px 0 15px 0px;
					padding:0 0 0 15px;
					font-size:.82em;
					color:#d4d4d4;
				}
				#sidebar #sidebar_login ul li {
					margin:0px;
					padding:0px;
				}
					#sidebar #sidebar_login ul li a {
						text-decoration:none;
						color:#d4d4d4;
					}
					#sidebar #sidebar_login ul li a:hover {
						text-decoration:none;
						color:#666;
					}
			#sidebar #sidebar_login label,
			#sidebar #sidebar_newsletter label {
				font-size:.68em;
				display:inline-block;
				width:90px;
				margin:0px;
				padding:2px 0 0 0;
				float:left;
			}
			#sidebar #sidebar_newsletter {
				padding:20px 0 0px 30px;
				margin:0 0 65px 0;
				clear:both;
				border-top:1px solid #bcbcbc;
				background:url(../images/construct/newsletter_bg.gif) no-repeat right center;
			}
			    #sidebar #sidebar_newsletter p
                {
    				padding:0 0 0 0;
    				margin:0 10px 15px 0;
    				font-size:11px;
    				position:relative;
    			}
    			#sidebar #sidebar_newsletter p.html_mail
                {
    				padding:0 0 0 0;
    				margin:0 10px 5px 0;
    				font-size:11px;
    				float:left;
    			}
    			#sidebar #sidebar_newsletter input.check
    			{
                    width:20px;
                    margin:4px 0 0 0;
                    height:10px;
                    background:none;
                    border:0px;
                }
                #sidebar #sidebar_newsletter input.button
    			{
                    float:right;
                    display:inline;
                    margin:0px 30px 0 0;
                }
                #sidebar #sidebar_newsletter form#profil_informationen_aendern input.button
                {
                    float:none;
                }
                #sidebar #sidebar_newsletter form#profil_informationen_aendern input.textfeld
                {
                    border:1px solid #999;
                    margin:0 0 5px 0;
                }
                #sidebar #sidebar_newsletter form#profil_informationen_aendern input
                {
                    border:0px;
                }
                div#sidebar div#sidebar_newsletter a
                {
                    color:#fff;
                }
			#sidebar #sidebar_footer {
				position:absolute;
				bottom:20px;
				left:35px;
				font-size:.76em;
			}
				#sidebar #sidebar_footer a {
					color:#fff;
					text-decoration:none;
					padding:0 2px 1px 2px;
				}
				#sidebar #sidebar_footer a:hover {
					color:#f3f3f3;
					border-bottom:1px solid #f3f3f3;
				}
			
		#content      
        {
			position:relative;
			width:615px;
			padding:24px 0px 0 0px;
			margin:0 0 0 22px;
			float:left;
		}
		body#body_start #content
        {
			position:relative;
			width:630px;
			padding:0px;
			margin:0 0 0 18px;
			float:left;
		}
		body#body_start div#content_t3_wrapper
		{
            margin:0px 0 0 0px;
            padding:252px 0 0 0px;
            float:right;
            background:none;
        }
		
		
/*------------------------ Content-Bereich ------------------------------------------------------
-----------------------------------------------------------------------------------------------*/

#content h1,
#content_txt_wrapper h1
{
	background:url(../images/construct/headline_bg.gif) repeat-x;
	height:31px;
	color:#0089d6;
	font-size:1.2em;
	padding:20px 0 0 15px;
	margin:0 0 20px 0px;
}
#content h2,
#content_txt_wrapper h2
{
	background:url(../images/construct/headline_bg.gif) repeat-x bottom;
	color:#0089d6;
	font-size:1em;
	padding:10px 0 6px 15px;
	margin:0px;

	display: block;
}
#content h3,
#content_txt_wrapper h3
{
	color:#0089d6;
	font-size:1em;
	padding:10px 0 0 10px;
	margin:0px;
	height:28px;
	display: block;
}
    #content div.form_item_wrapper_drucker h3,
    #content div.form_item_wrapper_kopierer h3 {
    	color:#0089d6;
    	font-size:1em;
    	padding:20px 0 0 0;
    	margin:0px;
    	height:28px;
    	display: block;
    }
#content_t3_wrapper h4
{
	color:#0089d6;
	font-size:12px;
	padding:10px 0 0 10px;
	margin:0px;
	height:28px;
	display: block;
}
#content p,
#content_txt_wrapper p {
	color:#666;
	font-size:.82em;
	line-height:1.44em;
	margin:0 0 5px 0;
}
#content ol,
#content ul
{
	color:#666;
	font-size:1em;
	line-height:1.44em;
	margin:0 0 5px 0;
}
body#body_loesungen #content ol,
body#body_loesungen #content ul
{
    font-size:0.83em;
}
    #content ol li,
    #content ul li
    {
    	margin:0 0 5px 0;
    }

#content span.read_more a {
	background:url(../images/construct/read_more_bg.gif) no-repeat left center;
	padding:0 0 0 10px;
	color:#0089d6;
	text-decoration:none;
	margin:0 0 0 4px;
	font-size:.82em;
	font-weight:bold;
}
#content span.read_more a:hover {
	color:#95ccea;
	text-decoration:none;
	
}
	
#content .startseite_teaser {
	position:absolute;
	left:-18px;
	top:0px;
	height:245px;
	white-space:nowrap;
}
	#content .startseite_teaser img.pt1 {

	}

	#content .startseite_teaser img.pt2  {
	position:absolute;
	left:-28px;
	top:0px;
	}
	#content .startseite_teaser_dummy {
		height:245px;
		margin:0 0 7px 0;
	}

#content .columns2_1 {
	width:304px;
	float:left;
	margin:10px 7px 0 0px;
	border-top:1px solid #dfdfdf;
}	
.news-list-container {
	background:#f8f8f8;
	margin:20px 0 20px 0;
}
	.column_content {
		background:#f8f8f8;
		padding:20px 16px 10px 16px;
		border-bottom:1px solid #dfdfdf;
	}
	.column_partner {
		background:#F8F8F8;
		border-top:1px solid #DFDFDF;
		border-bottom:1px solid #DFDFDF;
		color:#0089D6;
		font-size:1em;
		padding:5px 0 10px 15px;
		position:relative;
		display:block;
		clear:both;
	}
		#content .column_partner p {
			margin:0 0 10px 0px;
			padding:0px;
			color:#0089D6;
			font-size:0.68em;
		}
		#content .column_partner img {
			padding:0px 0 0 6px;
		}		
	#content .content_text_bg_wrapper,
    #content #content_t3_wrapper
    {
        background:#fcfcfc;
        padding:0px 0 10px 0;
        margin:0 0 20px 0;
        border-bottom:1px solid #ddd;
        border-top:1px solid #eee;
        position:relative;
    }
        #content .content_text_bg_wrapper h2,
        #content #content_t3_wrapper h2
        {
            margin:0px 0px 10px 0px;
            font-size:14px;
            padding-left:10px;
        }
        #content .content_text_bg_wrapper h1,
        #content #content_t3_wrapper h1
        {
            margin:0px 0px 8px 10px;
            padding:20px 0 0 0;
            background:none;
            font-size:14px;
            height:inherit;

            display:block;
        }
        #content #content_t3_wrapper h1.seiten_titel
        {
            font-size:20px;
            padding:10px 0 0 0;
        }
        #content .content_text_bg_wrapper p,
        #content #content_t3_wrapper p
        {
            padding:4px 10px 6px 10px;
        }
        
/*------------------------ Sonderaktion-Startseite ----------------------------------------------
-----------------------------------------------------------------------------------------------*/        
        
div.sonderaktion
{
	background:transparent url(../images/construct/sonderaktion_bg.gif) repeat-y;
	width:304px;
	font-size:12px;
	position:relative;
	padding:0 0 10px 0;
	border-top:1px solid #DFDFDF;
	min-height:270px;
	margin:10px 0 0 0;
}        
    div.sonderaktion h2
    {
    	font-size:16px !important;
    }
    
    div.sonderaktion div.csc-textpic-clear
    {
        clear:none;
    }
    div.sonderaktion h1
    {
        font-size:14px;
        margin-left:15px !important;
        padding:5px 0 0 0 !important;
        height:36px !important;
    }
    div.sonderaktion ul
    {
        padding:0 0 0 15px;
        margin:5px 0 0 0;
        color:#666;
        list-style:none;
    }
        div.sonderaktion ul li
        {
            padding:0 0 6px 0px;
            color:#666;
        }
    div.sonderaktion p
    {
        font-size:12px !important;
        font-weight:bold;
        padding:0px !important;
        margin-left:15px !important;
    }
        div.sonderaktion p a
        {
            background:transparent url(../images/construct/read_more_bg.gif) no-repeat scroll left center;
            padding:0 0 0 10px;
            margin:0 0 5px 0;
        }
    div#content div.sonderaktion div.aktionsmarker
    {
        color:#fff;
        
        font-weight:bold;
        text-align:center;
        
		background:transparent url(../images/construct/sonderaktion_stern.gif) no-repeat;
		height:60px;
		width:80px;
		padding:20px 0 0 0;
		position:absolute;
		bottom:-10px;
		right:-15px;
    }
        div#content div.sonderaktion div.aktionsmarker p
        {
            color:#fff !important;
            padding:5px 3px 3px 3px  !important;
            margin:0px !important;
            line-height:15px;
            font-size:20px !important;
            letter-spacing:-1px;
        }

/*------------------------ Produkt-Uebersicht ---------------------------------------------------
-----------------------------------------------------------------------------------------------*/

.produkt_overview_item {
	width: 188px;
	height:173px;
	float: left;
	margin:0 6px 20px 6px;
	position:relative;
}
	.produkt_overview_item a {
		display:block;
		width: 179px;
		height:23px;
		background: no-repeat;
		color:#666;
		font-size:.68em;
		padding:150px 0 0 9px;
		text-decoration:none;
		font-weight:bold;
	}
	.produkt_overview_item a:hover {
		color:#999;
	}
	.produkt_overview_item a.active {
		color:#0089D6;
	}
	.produkt_overview_item a.active:hover {
		color:#87d2fc;
	}
	.produkt_overview_item a.drucksysteme-kopierer {
		background:transparent url(../images/content/produkte/drucksysteme_kopierer.jpg);
	}
	.produkt_overview_item a.frankiermaschinen {
		background:transparent url(../images/content/produkte/frankiermaschine.jpg);
		padding:151px 0 0 9px;
		height:22px;
	}
	.produkt_overview_item a.kuvertiermaschinen {
		background:transparent url(../images/content/produkte/kuvertiermaschine.jpg);
	}
	.produkt_overview_item a.fax {
		background:transparent url(../images/content/produkte/fax.jpg);
	}
	.produkt_overview_item a.smartboards {
		background:transparent url(../images/content/produkte/smartboards.jpg);
		height:33px;
	}
	.produkt_overview_item a.briefoeffner {
		background:transparent url(../images/content/produkte/briefoeffner.jpg);
	}
	.produkt_overview_item a.falzmaschinen {
		background:transparent url(../images/content/produkte/falzmaschinen.jpg);
	}
	.produkt_overview_item a.aktenvernichter {
		background:transparent url(../images/content/produkte/aktenvernichter.jpg);
		height:33px;
	}
	.produkt_overview_item a.sondermaschinen {
		background:transparent url(../images/content/produkte/riso.jpg);
		height:33px;
		padding:150px 0 0 9px;
	}
	
.produkt_overview_item_small {
	width: 98px;
	height:105px;
	float: left;
	margin:0 0px 20px 3px;
	position:relative;
}
	.produkt_overview_item_small a {
		display:block;
		width: 94px;
		height:30px;
		background: no-repeat;
		color:#666;
		font-size:.55em;
		padding:75px 0 0 4px;
		text-decoration:none;
		font-weight:normal;
	}
	.produkt_overview_item_small a:hover {
		color:#999;
	}
	.produkt_overview_item_small a.active {
		color:#0089D6;
	}
	.produkt_overview_item_small a.active:hover {
		color:#87d2fc;
	}
	.produkt_overview_item_small a.drucksysteme-kopierer {
		background:transparent url(../images/content/produkte/drucksysteme_kopierer_small.jpg);
	}
	.produkt_overview_item_small a.kuvertiermaschinen {
		background:transparent url(../images/content/produkte/kuvertiermaschine_small.jpg);
	}
	.produkt_overview_item_small a.frankiermaschinen {
		background:transparent url(../images/content/produkte/frankiermaschine_small.jpg);
	}
	.produkt_overview_item_small a.briefoeffner {
		background:transparent url(../images/content/produkte/briefoeffner_small.jpg);
	}
	.produkt_overview_item_small a.fax {
		background:transparent url(../images/content/produkte/fax_small.jpg);
	}
	.produkt_overview_item_small a.smartboards {
		background:transparent url(../images/content/produkte/smartboards_small.jpg);
	}
	.produkt_overview_item_small a.falzmaschinen {
		background:transparent url(../images/content/produkte/falzmaschinen_small.jpg);
	}
	.produkt_overview_item_small a.aktenvernichter {
		background:transparent url(../images/content/produkte/aktenvernichter_small.jpg);
	}
	.produkt_overview_item_small a.sondermaschinen {
		background:transparent url(../images/content/produkte/riso_klein.jpg);
	}


/*------------------------ Produkt-Liste --------------------------------------------------------
-----------------------------------------------------------------------------------------------*/
	
div#content div.produktliste
{
    position:relative;
    display:block;
    width:615px;
}
    div#content div.produktliste div.produktliste_item
    {
        background:url(../images/construct/shop_product_item_bg.gif) repeat-y #f5f5f5;
        margin:0 7px 20px 7px;
        border-top:1px solid #dedede;
        border-bottom:1px solid #dedede;

        display:block;
        position:relative;
        clear:both;
        width:600px;
    }
    div#content div.produktliste div.produktliste_item div.produktliste_item_pic
    {
        float:left;
        text-align:center;
        width:190px;
        border-top:1px solid #dedede;
        border-bottom:0px solid #dedede;
        background:#fff;
        margin:-1px 0 1px 0;
        padding:0px;
    }
        div#content div.produktliste div.produktliste_item div.produktliste_item_pic img
        {
            display:block;
            padding:0px;
            margin:0px;
            position:relative;
        }
    div#content div.produktliste div.produktliste_item div.produktliste_item_content
    {
        padding:6px 10px 6px 10px;
        font-size:0.7em;
        color:#666666;
        line-height:1.38em;
        float:right;
        width:375px;

    }
        div#content div.produktliste div.produktliste_item div.produktliste_item_content h3
        {
            margin:0px;
            padding:0px;
            font-size:14px;
            height:20px;
            padding:3px 0 6px 0;
        }
        div#content div.produktliste div.produktliste_item div.produktliste_item_content p
        {
            color:#666666;
        }
        div#content div.produktliste div.produktliste_item div.produktliste_item_content ul
        {
            list-style:none;
            color:#666666;
            margin:0px;
            padding:0px;
        }
            div#content div.produktliste div.produktliste_item div.produktliste_item_content ul li
            {
                background:url(../images/construct/prodoktliste_list_icon.gif) no-repeat 0px 1px;
                padding:0 0 7px 20px;
            }
        div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content a.pdf_file
        {
            background:url(../images/construct/pdf_file_icon.gif) no-repeat 0px 4px;
            padding:2px 0 0 32px;
            margin:5px 0 3px 0;
            height:30px;
            font-size:1em;
            display:block;
        }
            div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content span.filesize
            {
                font-size:1em;
                color:#666;
            }
            
            
            
/*------------------------ Produkt-Accordion (Bestellformular) --------------------------------*/            

div#content_t3_wrapper
{
    position:relative;
}
div#content div.rgaccord1-nest
{
    position:relative;
}
    div#content div.rgaccord1-nest h3.rgaccord1-toggle
    {
        background:#F5F5F5 url(../images/construct/formular_icon.gif) no-repeat 8px 4px;
        margin:10px 0 20px 0;
        display:block;
        padding:15px 0 15px 55px;
        height:23px;
        border-top:1px solid #dedede;
        border-bottom:1px solid #dedede;
        position:relative;
    }
    div#content div.rgaccord1-nest h3.rgaccord1-toggle:hover
    {
        background:#F5F5F5 url(../images/construct/formular_icon.gif) no-repeat 8px -56px;
    }
    div#content div.rgaccord1-nest h3.act
    {
        background:#F5F5F5 url(../images/construct/formular_icon.gif) no-repeat 8px -56px;
    }
    div#content div.rgaccord1-nest div.rgaccord1-content
    {
        border:none;
        width:inherit;
        position:relative;
    }
        div#content div.rgaccord1-nest div.rgaccord1-content form
        {
            margin:0px;
            padding:0px 0 20px 0;
            position:relative;
        }
    

/*------------------------ Shop-Uebersicht ------------------------------------------------------
-----------------------------------------------------------------------------------------------*/


.shop_overview_item {
	width: 188px;
	height:173px;
	float: left;
	margin:0 6px 20px 6px;
	position:relative;
}
	.shop_overview_item a {
		display:block;
		width: 179px;
		height:23px;
		background: no-repeat;
		color:#666;
		font-size:.68em;
		padding:150px 0 0 9px;
		text-decoration:none;
		font-weight:bold;
	}
	.shop_overview_item a:hover {
		color:#999;
	}
	.shop_overview_item a.active {
		color:#0089D6;
	}
	.shop_overview_item a.active:hover {
		color:#87d2fc;
	}
	.shop_overview_item a.briefumschlaege {
		background:url(../images/content/shop/briefumschlag.jpg);
	}
	.shop_overview_item a.mymail {
		background:url(../images/content/shop/mymail.jpg);
	}
	.shop_overview_item a.ultimail {
		background:url(../images/content/shop/ultimail.jpg);
	}
	.shop_overview_item a.efs {
		background:url(../images/content/shop/efs.jpg);
	}
	.shop_overview_item a.jetmail {
		background:url(../images/content/shop/jetmail.jpg);
	}
	.shop_overview_item a.optimail30 {
		background:url(../images/content/shop/optimail_30.jpg);
	}
	.shop_overview_item a.centormail {
		background:url(../images/content/shop/centormail.jpg);
	}
	.shop_overview_item a.t1000-optimail {
		background:url(../images/content/shop/t1000_optimail.jpg);
	}
	.shop_overview_item a.sonstiges {
		background:url(../images/content/shop/sonstiges.jpg);
	}
	
.shop_overview_item_small {
	width: 98px;
	height:105px;
	float: left;
	margin:0 0px 20px 3px;
	position:relative;
}
	.produkt_overview_item_small a {
		display:block;
		width: 94px;
		height:30px;
		background: no-repeat;
		color:#666;
		font-size:.55em;
		padding:75px 0 0 4px;
		text-decoration:none;
		font-weight:normal;
	}
	.shop_overview_item_small a:hover {
		color:#999;
	}
	.shop_overview_item_small a.active {
		color:#0089D6;
	}
	.shop_overview_item_small a.active:hover {
		color:#87d2fc;
	}
	.shop_overview_item_small a.drucksysteme-kopierer {
		background:transparent url(../images/content/shop/drucksysteme_kopierer_small.jpg);
	}
	.shop_overview_item_small a.frankier-kuvertiersysteme {
		background:transparent url(../images/content/shop/frankier-_kuvertiersysteme_small.jpg);
	}
	.shop_overview_item_small a.briefoeffner {
		background:transparent url(../images/content/shop/briefoeffner_small.jpg);
	}
	.shop_overview_item_small a.falzmaschinen {
		background:transparent url(../images/content/shop/falzmaschinen_small.jpg);
	}
	.shop_overview_item_small a.aktenvernichter {
		background:transparent url(../images/content/shop/aktenvernichter_small.jpg);
	}
	.shop_overview_item_small a.sondermaschinen {
		background:transparent url(../images/content/shop/sondermaschinen_small.jpg);
	}


        
/*------------------------ Shop - Single-Ansicht ----------------------------------------------*/
div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content
{

}
* html div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content
{
    width:392px;
}
    div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content p
    {
        padding:0px 0px 6px 0;
        font-size:12px;
        line-height:18px;
    }
    div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content p.artikelnummer
    {
        padding:0px 0px 30px 0;
    }
    div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content div.produktliste_item_content_info
    {
        width:370px;
        height:30px;
        position:absolute;
        bottom:0px;
        padding:30px 0 0 0;
    }
        div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content div.produktliste_item_content_info label
        {
            float:left;
            width:50px;
            margin:3px 0 0 0;
        }
    
        div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content div.produktliste_item_content_info input.text
        {
            float:left;
            margin:0 130px 0 0;
            background:url(../images/construct/shop_input_bg.gif) repeat-x 0 0;
            border:1px solid #ddd;
            padding:2px;
            width:65px;
        }
        div#content div#content_t3_wrapper div.produktliste div.produktliste_item div.produktliste_item_content div.produktliste_item_content_info div.preis_batch
        {
            float:left;
            background:url(../images/construct/shop_preis_batch.gif) repeat-x 0 0;
            height:20px;
            padding:6px 0px 4px 0px;
            width:115px;
            color:#fff;
            font-weight:bold;
            text-align:center;
            font-size:13px;
        }


div.konditionen_wrapper
{
    background:url(../images/construct/shop_konditionen_bg.gif) repeat-x 0 0 #f9f9f9;
    border-top:1px solid #ddd;
    border-bottom:1px solid #ddd;
    padding:15px 0 15px 0;
    margin:0 7px 0 7px;
    position:relative;
    width:600px;
    clear:both;
}
    div#content div.konditionen_wrapper h3
    {
        padding:0px 0 0 5px;
    }
div.konditionen_wrapper table
{
    width:100%;
    font-size:11px;
    color:#666;
}
    div.konditionen_wrapper table tbody td
    {
        padding:0px 0 12px 0;
    }
    div.konditionen_wrapper table tbody td span
    {
        font-size:17px;
        color:#0089D6;
    }
    div.konditionen_wrapper div.konditionen_left
    {
        float:left;
        padding:5px 10px 5px 5px;
        width:185px;
    }
    div.konditionen_wrapper div.konditionen_right
    {
        float:left;
        border-left:1px solid #ddd;
        padding:5px 0 5px 10px;
        width:380px;
    }
        div#content div#content_t3_wrapper div.konditionen_wrapper div.konditionen_right p
        {
            padding:5px 0 0 0px;
            color:#0089D6;
        }
        div#content div#content_t3_wrapper div.konditionen_wrapper div.konditionen_right ul
        {
            padding:0px 0 0 15px;
            margin:0px;
            color:#0089D6;
        }
        div#content div#content_t3_wrapper div.konditionen_wrapper div.konditionen_right ul li
        {
            font-size:0.7em;
            color:#0089D6;
            line-height:1.1em;
        }
    div.konditionen_wrapper table tbody td span.large
    {
        font-size:20px;
        font-weight:bold;
    }
    
    
div.kontaktdaten
{
    position:relative;
    display:block;
    margin:20px 0 15px 0;
    width:615px;
}
div#content div.kontaktdaten h3
{
    border-bottom:1px solid #ddd;
    margin:0 0 15px 0;
}
    div.kontaktdaten fieldset
    {
        border:none;
        float:left;
        width:390px;
        font-size:12px;
        color:#666;
        padding:0 5px 0 10px;
    }
        div.kontaktdaten fieldset div.field_item
        {
            border-bottom:1px solid #eee;
            clear:both;
            display:block;
            padding:0 0 7px 0;
        }
        div.kontaktdaten fieldset div.field_item label
        {
            width:130px;
            display:block;
            float:left;
            margin:11px 0 0 0;
        }
        div.kontaktdaten fieldset div.field_item input
        {
            background:url(../images/construct/shop_input_bg.gif) repeat-x 0 0;
            border:1px solid #ddd;
            padding:2px;
            margin:8px 0 0 0;
            float:left;
            width:245px;
        }
    div#content div#content_t3_wrapper div.kontaktdaten p.hinweis
    {
        border-left:1px solid #ddd;
        float:right;
        width:186px;
        padding:0px 5px 15px 8px;
        margin:5px 0 0 0;
    }
    div#content div#content_t3_wrapper div.kontaktdaten input.submit
    {
        background:url(../images/construct/shop_button.gif) repeat-x 0 0;
        height:26px;
        width:159px;
        padding:4px 0 4px 0;
        border:none;
        color:#fff;
        font-weight:bold;
        position:absolute;
        bottom:10px;
        right:10px;
    }
    div#content div#content_t3_wrapper div.kontaktdaten input.submit:hover
    {
        background:url(../images/construct/shop_button.gif) repeat-x 0 -26px;
        color:#fff;
    }
    
    
    
    div.bestellvorgang_erfolgreich
    {
        padding:10px;
        background:#f0f8fd;
        border:1px dashed #0089D6;
        margin:8px;
    }
    div.bestellvorgang_erfolgreich h3,
    div.bestellvorgang_erfolgreich p
    {
        padding:0px !important;
        margin:0px !important;
    }
    
    
    
    body#body_efs div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_mymail div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_briefumschlaege div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_efs div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_ultimail div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_jetmail div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_optimail30 div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_centormail div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_t1000-optimail div#content div.produktliste div.produktliste_item div.produktliste_item_content,
    body#body_sonstiges div#content div.produktliste div.produktliste_item div.produktliste_item_content
    {
        border-left:0px solid #dedede;

        margin:0 0 0 0px;
        padding:6px 10px;
        font-size:0.7em;
        color:#666666;
        line-height:1.38em;
    }
    
    
    body#body_smartboards div.csc-textpic-imagewrap
    {
        margin:0 9px 15px 10px;
    }
/*------------------------ Login & Registration -------------------------------------------------
-----------------------------------------------------------------------------------------------*/
    form#tx-srfeuserregister-pi1-fe_users_form {
        padding:0px; 
        margin:0px;  
    }
    
    div.tx-srfeuserregister-pi1 {
    }
    div.tx-srfeuserregister-pi1 dl {
        margin:0 20px 0 20px;
        display:block;
    }
    #content div.tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-notice {
        position:absolute;
        right:28px;
        top:150px;
        width:145px;
        font-size:0.70em;
        border-left:1px solid #999;
        padding:0 0 20px 8px;
        font-style:normal;
    }
        div.tx-srfeuserregister-pi1 input {
            background:#fff;
            border-style:none;
            border-left:1px solid #666;
            border-top:1px solid #666;
            border-bottom:1px solid #ccc;
            border-right:1px solid #ccc;
            display:inline;
            height:16px;
            margin: 0 0 5px 0;
            padding:0px;
            width:250px;
            left:0px;

        }
        div.tx-srfeuserregister-pi1 label {
            display:block;
            height:20px;

        }
        div.tx-srfeuserregister-pi1 div.tx-srfeuserregister-pi1-gender-selection label,
        div.tx-srfeuserregister-pi1 label.tx-srfeuserregister-pi1-password-again
        {
            display:inline-block;
            background:none;
        }
        div.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password,
        div.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-password_again {
            width:82px;
            display:inline;
            float:left;
            margin:0;
        }
        div.tx-srfeuserregister-pi1 label.tx-srfeuserregister-pi1-password-again {
            display:inline;
            float:left;
            padding:3px 3px 0 10px;
            color:#999;
            font-size:.7em;
        }
        input#tx-srfeuserregister-pi1-gender
        {
            border:none;
            margin:5px 0 0 0;
            width:10px;
            display:inline;
        }
        div.tx-srfeuserregister-pi1 input.tx-srfeuserregister-pi1-submit {
            height:20px;
            float:right;
            margin:0 21px 0 0;
            width:100px;
        }
        .tx-srfeuserregister-pi1 dt,
        .tx-srfeuserregister-pi1 dd {
            text-align:left;
            font-size:0.82em;
            padding-right:0px;
        }
        .tx-srfeuserregister-pi1 dt {
            width:130px;
        }
        .tx-srfeuserregister-pi1 dd {
            width:272px;
        }
        div.hidden_field input {
			border:none;
		}
        .tx-srfeuserregister-pi1 label span {
            color:#0089d6;
        }
        div.login_status_message_bg {
            position:absolute;
            top:150px;
            left:50%;
            width:250px;
            margin:0 0 0 -300px;
            background:#ddd;
            z-index:1000;
        }
        div.login_status_message_head {

            height:93px;
        }
        div.login_status_message {
            font-size:0.68em;
            color:#993333;
        }


/*------------------------ Neuigkeiten Module --------------------------------------------------
-----------------------------------------------------------------------------------------------*/

/*------------------------ Listen-Ansicht -----------------------------------------------------*/
    .news-list-container {
	   background:#f8f8f8;
	   border-top:1px solid #dfdfdf;
	   position:relative;
    }
    .news-list-container h2 {
	   font-size:16px !important;
    }	
	.news-list-item {
	   border-bottom:1px solid #dfdfdf;
	   padding:0 15px 10px 15px;
	}
	.news-list-item p
    {
	   padding:0 0 6px 0px !important;
	   margin:0px !important;
	}
		#content .news-list-item h3 {
			font-size:1em;
			margin:10px 0px 5px 0px;
			padding:0px;
			height:inherit;
			color:#666;
		}
		#content .news-list-item h3 a {
			color:#666;
			text-decoration:none;
			padding:0px;
		}
		.news-list-item span.news-list-date {
			color:#0089D6;
			font-size:.78em;
			display:block;
			font-weight:normal;
			margin:0;
			position:absolute;
			top:12px;
			right:5px;
		}
		.news-list-item .news-list-morelink {
            background: url(../images/construct/read_more_bg.gif) no-repeat left center;
            padding:0 0 0 10px;
            font-weight:bold;
            font-size:.8em;
        }
        
/*------------------------ Single-Ansicht -----------------------------------------------------*/

    div.news-single-timedata {
        float:right;
        color:#0089D6;
        font-size:.82em;
        margin:10px 5px 0 0;
    }
    div.news-single-backlink {
        text-align:right;
    }
        div.news-single-backlink a {
            background:url(../images/construct/read_more_bg.gif) no-repeat left center;
        	padding:0 0 0 10px;
        	color:#0089d6;
        	text-decoration:none;
        	margin: 0 12px 0 0 ;
        	font-size:.82em;
        	font-weight:bold;
        }


/* ------------------------ Loesungen ------------------------------------------------------------
-----------------------------------------------------------------------------------------------*/

div#content div.loesungen_column_left
{
	width:304px;
	float:left;
	margin:0px 6px 0 0;
	border-top:1px solid #dfdfdf;
}
div#content div.loesungen_column_right
{
	width:304px;
	float:left;
	margin:0px;
	border-top:1px solid #dfdfdf;
}
div#content div.loesungen
{
    padding:8px 8px 10px 8px;
}
    div#content div.loesungen img
    {
        float:left;
        margin:0 10px 0 0;
    }
    div#content div.loesungen p
    {
        margin:0 0 15px 0;
        position:relative;
    }
    div#content div.loesungen span.read_more
    {
        position:relative;
    }


div#content div.loesungen_pro_box,
div#content div.produkte_formular_box
{
    background:#f5f5f5;
    padding:5px;
    border-top:1px solid #dfdfdf;
    border-bottom:1px solid #dfdfdf;
    width:280px;
    margin:20px 8px 25px 8px;
    height:200px;
    float:left;
}
div#content div.produkte_formular_box
{
    height:74px;
    padding:0px;
    border:none;
    background:none;
}
    div#content div.produkte_formular_box img
    {
        float:left;
        padding-right:10px;
    }
    div#content div.produkte_formular_box h3
    {
        float:left;
        padding-top:25px;
    }
    div#content div.produkte_formular_box
    {
        display:block;
        background:#f5f5f5;
        padding:5px;
        border-top:1px solid #dfdfdf;
        border-bottom:1px solid #dfdfdf;
    }
    div#content div.produkte_formular_box a:hover h3
    {
        color:#87D2FC;
    }
/*------------------------ Kundenservice --------------------------------------------------------
-----------------------------------------------------------------------------------------------*/

body#body_kundenservice div.content_text_bg_wrapper
{
    border-bottom:none;
    padding-bottom:0px;
}
body#body_kundenservice div.csc-textpic-text
{
    border-bottom:1px solid #eee;
    padding:0 0 20px 0;
}
body#body_kundenservice div.csc-textpic-intext-right-nowrap div.csc-textpic-text
{
    border-bottom:0px;
    padding:0 0 20px 0;
}
body#body_kundenservice div.content_text_bg_wrapper h1.headline
{
    font-size:1.2em;
    background:url(../images/construct/headline_bg.gif) repeat-x 0 0;
    height:31px;
    padding:20px 0 0 15px;
    margin:35px 0 20px;
}

body#body_kundenservice div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image
{
    float:left;
    text-align:center;
    width:200px !important;
}
body#body_kundenservice div.csc-textpic
{
    width:615px;
    position:relative;
}
    body#body_kundenservice div.csc-textpic-text p
    {
        width:400px;
    }
body#body_kundenservice div.csc-textpic-imagewrap
{
    width:200px;
    margin:0px !important;
    position:absolute;
    right:0px;
}


/*------------------------ Kontakt-Seite --------------------------------------------------------
-----------------------------------------------------------------------------------------------*/

body#body_kontakt div.csc-textpic-intext-left-nowrap
{
    float:left;
    width:280px;
    display:block;
    margin:10px 10px 5px 15px;
    background:url(../images/construct/team_item_background.jpg) no-repeat top left;
    width:253px;
    height:150px;
    padding:10px 0 0 15px;
    font-size:13px;
    overflow:hidden;
}
    
    body#body_kontakt div.csc-textpic-intext-left-nowrap img
    {
        border:1px solid #ddd;
    }
body#body_kontakt div.csc-textpic-clear
{
    clear:none;
}

body#body_kontakt div.csc-textpic-center
{
    margin:20px 0 10px 0;
    padding:25px 0 10px 0;
    border-top:1px solid #DDDDDD;
    display:block;
    clear:both;
}
    body#body_kontakt div.csc-textpic-center img
    {
        border:1px solid #ddd;
    }

/* ------------------------ Bestell-Formulare --------------------------------------------------------
----------------------------------------------------------------------------------------------------*/ 
fieldset.kontaktdaten
{
    position:relative;
}
div.form_item_wrapper_kopierer,
div.form_item_wrapper_drucker
{
    position:relative;
    margin:0px 0 10px 0;
    padding:0 0 20px 0;
}
    div.form_item_wrapper_kopierer fieldset,
    div.form_item_wrapper_drucker fieldset
    {
        margin:0px 0 30px 0;
        padding:0px;
        border:none;
    }
        #content_txt_wrapper div.form_item_wrapper_kopierer fieldset h2,
        #content_txt_wrapper div.form_item_wrapper_drucker fieldset h2
        {
            background:none;
            border-bottom:1px solid #ddd;
            padding:0 0 3px 10px;
            font-size:0.82em;
            height:auto;
        }
        div.form_item_wrapper_kopierer fieldset div.form_item,
        div.form_item_wrapper_drucker fieldset div.form_item
        {
            clear:both;
            font-size:0.82em;
            padding:10px 5px 10px 5px;
            margin:0 10px 0px 10px;
            display:block;
            border-bottom:1px solid #eee;
            width:400px;
            color:#666666;
        }
            div.form_item_wrapper_kopierer fieldset div.form_item label,
            div.form_item_wrapper_drucker fieldset div.form_item label
            {
                width:130px;
                display:block;
                float:left;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item input.text,
            div.form_item_wrapper_drucker fieldset div.form_item input.text
            {
                background:url(../images/construct/formular_input_bg.gif) repeat-x top left;
                border:1px solid #ddd;
                float:left;
                width:260px;
                padding:2px;
            }
        div.form_item_wrapper_kopierer fieldset div.form_item_anrede,
        div.form_item_wrapper_drucker fieldset div.form_item_anrede
        {
            clear:both;
            font-size:0.82em;
            padding:10px 5px 10px 5px;
            margin:0 10px 0px 10px;
            display:block;
            border-bottom:1px solid #eee;
            width:400px;
        }
            div.form_item_wrapper_kopierer fieldset div.form_item_anrede label,
            div.form_item_wrapper_drucker fieldset div.form_item_anrede label
            {
                width:130px;
                display:block;
                float:left;
                color:#666666;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item_anrede label.anrede,
            div.form_item_wrapper_drucker fieldset div.form_item_anrede label.anrede
            {
                width:50px;
                display:block;
                float:left;
                color:#666666;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item_anrede input.radio,
            div.form_item_wrapper_drucker fieldset div.form_item_anrede input.radio
            {
                background:url(../images/construct/formular_input_bg.gif) repeat-x top left;
                border:1px solid #ddd;
                float:left;

                padding:2px;
            }
        div.form_item_wrapper_kopierer fieldset div.form_item_newsletter,
        div.form_item_wrapper_drucker fieldset div.form_item_newsletter
        {
            clear:both;
            font-size:0.82em;
            padding:2px 5px 40px 5px;
            display:block;
            border-left:1px solid #eee;
            position:absolute;
            top:40px;
            right:12px;
            width:140px;
        }
            div.form_item_wrapper_kopierer fieldset div.form_item_newsletter input.checkbox,
            div.form_item_wrapper_drucker fieldset div.form_item_newsletter input.checkbox
            {
                float:left;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item_newsletter label,
            div.form_item_wrapper_drucker fieldset div.form_item_newsletter label
            {
                padding:0 0 0 25px;
                display:block;
            }
        div.form_item_wrapper_kopierer fieldset div.form_item_produktwahl,
        div.form_item_wrapper_drucker fieldset div.form_item_produktwahl
        {
            float:left;
            width:180px;
            margin:0 0 0 15px;
            font-size:0.82em;
        }
            div.form_item_wrapper_kopierer fieldset div.form_item_produktwahl input.radio
            {
            }
        div.form_item_wrapper_kopierer input.submit,
        div.form_item_wrapper_drucker input.submit,
        div.form_item_wrapper_kopierer a.submit,
        div.form_item_wrapper_drucker a.submit
        {
            background:transparent url(../images/construct/form_button_bg.gif) no-repeat 0 0;
            border:none;

            font-size:14px;
            font-weight:bold;
            color:#fff;
            text-align:left;
            height:26px;
            padding:0px 0 5px 25px;
            margin:25px 10px 0 0;
            width:159px;
            float:right;
        }
        div.form_item_wrapper_kopierer a.submit,
        div.form_item_wrapper_drucker a.submit
        {
            background:transparent url(../images/construct/form_button_bg.gif) no-repeat 0 0;
            border:none;

            font-size:14px;
            font-weight:bold;
            color:#fff;
            text-align:left;
            height:23px;
            padding:3px 0 0px 27px;
            margin:25px 0px 0 0px;
            width:122px;
            float:right;
        }
        div.form_item_wrapper_drucker input.submit_prev,
        div.form_item_wrapper_kopierer input.submit_prev,
        div.form_item_wrapper_drucker a.submit_prev,
        div.form_item_wrapper_kopierer a.submit_prev
        {
            background:transparent url(../images/construct/form_button_bg.gif) no-repeat 0 0;
            border:none;

            font-size:14px;
            font-weight:bold;
            color:#fff;
            text-align:left;
            height:26px;
            padding:0px 0 5px 25px;
            margin:25px 0px 0 10px;
            width:122px;
            float:left;
        }
        div.form_item_wrapper_drucker a.submit_prev,
        div.form_item_wrapper_kopierer a.submit_prev
        {
            background:transparent url(../images/construct/form_button_bg.gif) no-repeat 0 0;
            border:none;

            font-size:14px;
            font-weight:bold;
            color:#fff;
            text-align:left;
            height:23px;
            padding:3px 0 0px 27px;
            margin:25px 10px 0 0;
            width:157px;
            float:left;
        }
        div.form_item_wrapper_kopierer fieldset input:hover.submit,
        div.form_item_wrapper_drucker fieldset input:hover.submit,
        div.form_item_wrapper_drucker input:hover.submit_prev,
        div.form_item_wrapper_kopierer input:hover.submit_prev,
        div.form_item_wrapper_kopierer fieldset a:hover.submit,
        div.form_item_wrapper_drucker fieldset a:hover.submit,
        div.form_item_wrapper_drucker a:hover.submit_prev,
        div.form_item_wrapper_kopierer a:hover.submit_prev
        {
            background:transparent url(../images/construct/form_button_bg.gif) no-repeat 0 -26px;
        }
        
    div.form_item_wrapper_kopierer fieldset div.form_item_auswahl, 
    div.form_item_wrapper_drucker fieldset div.form_item_auswahl
    {
        margin:5px 0 5px 0;
        font-size:0.82em;
        padding:6px 5px 6px 5px;
        display:block;
        width:295px;
        float:left;
    }
        div.form_item_wrapper_kopierer fieldset div.form_item_auswahl input.radio, 
        div.form_item_wrapper_drucker fieldset div.form_item_auswahl input.radio,
        div.form_item_wrapper_kopierer fieldset div.form_item_auswahl input.checkbox, 
        div.form_item_wrapper_drucker fieldset div.form_item_auswahl input.checkbox
        {
            float:left;
        }
        div.form_item_wrapper_drucker fieldset div.form_item_auswahl input.text
        {
            margin:7px 0 0 3px;
        }
        div.form_item_wrapper_kopierer fieldset div.form_item_auswahl label, 
        div.form_item_wrapper_drucker fieldset div.form_item_auswahl label
        {
            margin:0 0 0 23px;

            display:block;
        }
        div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme,
        div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme
        {
            margin:5px 0 5px 0;
            font-size:0.82em;
            padding:6px 5px 6px 5px;
            display:block;
            width:100%;
            float:left;
        }
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme input.text,
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme label,
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme input.radio,
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme input.checkbox, 
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme input.text,
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme label,
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme input.radio,
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme input.checkbox
            {
                float:left;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme label,
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme label
            {
                margin:0 0 0 3px;
            }
            div.form_item_wrapper_kopierer fieldset div.form_item_auswahl_ausnahme input.text,
            div.form_item_wrapper_drucker fieldset div.form_item_auswahl_ausnahme input.text
            {
                margin:0 0 0 5px;
            }
    div.form_item_wrapper_kopierer fieldset div.form_item_auswahl textarea,
    div.form_item_wrapper_drucker fieldset div.form_item_auswahl textarea
    {
        width:400px;
        clear:both;
    }
    
    span.error
    {
        color:red;
        font-size:12px;
        line-height:32px;
    }
    input#anzahl_aktionspost_manuell
    {
        margin:5px 0 0 20px;
    }
    input#f_manuell,
    input#papierformat_manuell
    {
        margin:5px 0 0 0px;
    }
    input#f_manuell
    {
        width:255px;
    }