﻿
/*######################################################
	CONTENT-NAVIGATION
#######################################################*/

.content_Artikelgruppen_Collection
{
    padding: 10px 10px 10px 10px;
    border: solid 1px rgb(240, 0, 0);
}

.Artikelgruppe_Item
{
    float: left;
    width: 220px;
    min-height: 250px;
    margin: 0 5px 5px 0;
    padding: 0 0 0 0px;
    border: solid 2px rgb(0, 0, 0);
}


.contentnavigationtable
{
    margin-top: 15px;
    line-height: 16px;
    width: 100%;
}

.contentnavigationleft
{
    padding: 0px 5px 0px 5px;
    margin: 0 0 0 0;
    width: 33%;
}

.contentnavigationmid
{
    padding: 0px 5px 0px 5px;
    margin: 0 0 0 0;
    width: 33%;
}


.contentnavigationright
{
    padding: 0px 5px 0px 5px;
    margin: 0 0 0 0;
    width: 33%;
}


.contentnavigationitem
{
    margin: 0 0 10px 0;
    padding: 0 0 20px 0;
    width: 99%;
    height: 350px; /* Farbe BSP1 	border: solid 1px rgb(250 ,230,100); 	Farbe BSP2 	border: solid 1px rgb(250 ,30,100); 	*/
    border: solid 1px rgb(230,230,230);
    background: transparent url(../Images/content_left_list.gif) repeat-x left bottom;
}

.contentnavigationheadline_cont
{
    padding: 0px 0 0px 2px;
    height: 35px;
    vertical-align: middle;
    background-color: rgb(240 ,240,240);
}


a.contentnavigationheadline, a.contentnavigationheadline:visited, a.contentnavigationheadline:active
{
    font-size: 14px;
    font-weight: bold;
    color: #1f5d90;
    line-height: 16px;
}

a.contentnavigationheadline:hover
{
    font-size: 14px;
    font-weight: bold;
    color: #1f5d90;
    line-height: 16px;
}


a.UntergruppenLink, a.UntergruppenLink:visited, a.UntergruppenLink:active
{
    color: rgb(80,80,80);
    margin: 5px 0 0 0;
    padding: 0 15px 0 20px;
    font-size: 12px;
    text-decoration: none;
    line-height: 14px;
    display: block;
    background: transparent url(../images/content_left_item_5.gif) no-repeat 5px center;
}


a.UntergruppenLink:hover
{
    color: #1f5d90;
    margin: 5px 0 0 0;
    padding: 0 15px 0 20px;
    font-size: 12px;
    text-decoration: none;
    line-height: 14px;
    display: block;
    background: transparent url(../images/content_left_item_5.gif) no-repeat 5px center;
}

/*######################################################
	SITE ELEMENTS
#######################################################*/


/**  NEWSLIST  **/

.newsbox
{
    border-left: solid 0px #1f5d90;
    border-right: solid 0px #1f5d90;
    border-bottom: solid 0px #1f5d90;
    margin: 0 0 10px 0;
    padding: 10px 0 5px 0;
}

.newstext
{
    padding: 0 0 5px 10px;
    margin: 0 20px 0 0;
    display: block;
}

.newsmorePic
{
    padding: 0 0 5px 5px;
    vertical-align: top;
}

a.newsmore, a.newsmore:visited, a.newsmore:active
{
    font-size: 12px;
    font-weight: bold;
    color: rgb(220,0,0);
    text-decoration: none;
}


a.newsmore:hover
{
    font-size: 12px;
    font-weight: bold;
    color: rgb(220,80,80);
    text-decoration: underline;
}


.newsheadline
{
    color: #0c419a;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
    text-decoration: none;
    display: block;
    padding: 3px 10px 3px 10px;
    margin: 0px 0 0 0;
    background-image: url(../images/bg_h1.jpg);
}


.newsthumb
{
    float: left;
    margin: 0px 10px 10px 10px;
    padding: 10px; /*border:solid 1px rgb(230,230,230);*/
}





/**LOCATOR**/

.locatortable
{
    border-bottom: solid 1px rgb(200,200,200);
    margin-bottom: 15px;
}

.locatortable a, .locatortable a:active, .locatortable a:visited
{
    color: rgb(100,100,100);
    text-decoration: none;
    text-transform: none;
}

.locatortable a:hover
{
    color: #1f5d90;
    text-decoration: none;
    text-transform: none;
}


/*** SEARCHBOX ***/


input.searchBox
{
    width: 160px;
    height: 18px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 18px;
    background-color: #FFFFFF;
    background-image: none;
    color: rgb(130,130,130);
}

.BoxContainer
{
    background-image: url(../images/bg_bottom_container.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: solid 1px rgb(180,180,180);
    margin: 0 0 10px 0;
}

.BoxContainerContent
{
    position: relative;
    margin: 10px 10px 10px 10px;
}

a.BoxContainerKatalogLink
{
    font-size:12px;
}

a.BoxContainerKatalogLink:hover 
{
    font-size:12px;
}

a.BoxContainerNewsletterLink
{
    font-size:12px;
}

a.BoxContainerNewsletterLink:hover 
{
    font-size:12px;
}


/*** LOGIN BEREICH ***/

.LoginContainer
{
    background-image: url(../images/bg_bottom_container.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    border: solid 1px rgb(180,180,180);
    margin: 0 0 10px 0;
}


.ShortLoginInput
{
    background-image: url(../images/bg_bottom_container.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    border: 1px solid #b7b7b7;
    color: #a8a8a8;
    font-size: 11px;
    padding: 5px 6px 3px 6px;
    margin: 0 0 0 10px;
    width: 100px;
}

.Login_content
{
    position: relative;
    margin: 10px 10px 10px 10px;
}

.bt_login
{
    background-image: url(../images/bt_bg.jpg);
    background-repeat: repeat;
    border: 1px solid rgb(180,180,180);
    color: rgb(80,140,190);
    padding: 4px 10px 2px 10px;
    margin: 0 0 0 0;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
}


.LoginHead
{
    margin: 5px 0 5px 0;
    font-size: 11px;
    display: block;
}



.LoginContent
{
    font-weight: bold;
    display: block;
    font-size: 12px;
    margin: 0 0 0 20px;
}


.bt_cont
{
    margin: 20px 0 0 0;
}


/*   WARENKORBBOX   */

.Warenkorbbox
{
    background-image: url(../images/bg_bottom_container.jpg);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: #FFFFFF;
    background-color: #FFFFFF;
    border: solid 1px rgb(180,180,180);
    margin: 0 0 10px 0;
}


.Warenkorb_content
{
    margin: 10px 10px 10px 10px;
}

.bt_warenkorb
{
    background-image: url(../images/bt_bg.jpg);
    background-repeat: repeat;
    border: 1px solid rgb(180,180,180);
    color: rgb(80,140,190);
    padding: 4px 10px 2px 10px;
    margin: 10px 0 0 0;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
}




/* IMAGE RIGHT  /  IMAGE LEFT*/

.image_left
{
    float: left;
    padding-right: 15px;
    padding-left: 0;
    padding-bottom: 5px;
    padding-top: 0px;
}
.floatingelement
{
    margin-top: 30px;
}

.image_right
{
    float: right;
    padding-right: 0;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 20px;
}



/*   DOWNLOAD LISTE   */

.downloadList_cont
{
    margin: 0 30px 0 30px;
}


.downloadtext
{
    font-size: 12px;
    width: 100%;
    padding-top: 12px;
    padding-right: 7px;
    padding-bottom: 5px;
    padding-left: 4px;
}

.downloadicon
{
    padding-top: 15px;
    padding-bottom: 5px;
    padding-right: 10px;
}


/*  Infobox - Warenkorb  */

.ShoppingCartInfoBoxHeader
{
    font-size: 11px;
    font-weight: bold;
}

.ShoppingCartInfoBoxPositionen
{
    font-size: 10px;
    font-weight: normal;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    line-height: 1.5;
}

.ShoppingCartInfoBoxFooter
{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

a.ShoppingCartInfoBoxFooter, a.ShoppingCartInfoBoxFooter:visited, a.ShoppingCartInfoBoxFooter:active
{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
}

.ShoppingCartInfoBoxFooterSummary
{
    font-size: 12px;
    font-weight: normal;
    text-align: right;
    padding-top: 5px;
}

.ShoppingCartInfoBoxNoCart
{
    text-align: left;
    font-weight: bold;
    font-size: 12px;
    padding-top: 2px;
    padding-bottom: 10px;
}

input.ShoppingCart
{
    background-image: url(../images/bt_bg.jpg);
    background-repeat: repeat;
    border: 1px solid rgb(180,180,180);
    color: #000000;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 10px 3px 10px;
    margin: 10px 0px 0 0;
}

input.ShoppingCartAktu
{
    background-image: url(../images/bt_bg.jpg);
    background-repeat: repeat;
    border: 1px solid rgb(180,180,180);
    color: #000000;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 10px 3px 10px;
    margin: 10px 20px 0 0;
    width:150px;
}

input.Image
{
    background-color: Transparent;
    background-image: none;
}

.DownloadControl
{
    padding-top: 10px;
    padding-left: 15px;
}

.DownloadGroupCaption
{
    font-weight: bold;
    padding-bottom: 8px;
}

.DownloadItem
{
    padding-left: 30px;
    padding-bottom: 5px;
}

.Suchbegriff
{
    width: 450px;
}

.CaptchaTextBoxClass
{
    width: 165px;
}

.rcCaptchaLabel
{
    font-weight: bold;
}

.rcRefreshImage
{
    position: relative;
    display: block;
    width: 25px;
    height: 22px;
    top: -20px;
    left: 195px;
    background-color: #000000;
    background: url('../images/RefreshCaptcah.png') no-repeat;
}

.RadCaptcha span
{
    color: Red;
    font-weight: bold;
    position: relative;
    top: 110px;
}

.ValidationError
{
    color: Red;
    font-weight: bold;
}


input.SchnellerfassungArtikelnummer
{
    width: 150px;
}

.SchnellerfassungMenge
{
    text-align: center;
    width: 80px;
}

.loading
{
    background-color: #fff;
    height: 100%;
    width: 100%;
    padding-top: 100px;
}


.KeineDaten
{
    text-align: center;
    padding-top: 10px;
    font-weight: bold;
}


a, a:active, a:visited
{
    font-size: 11px;
    color: #1f5d90;
    text-decoration: none;
}

a:hover
{
    font-size: 11px;
    color: #1f5d90;
    text-decoration: underline;
}

/*  INPUTS  */

input
{
    background: #ffffff url(../images/input.gif) repeat-x left top;
    border: 1px solid rgb(180,180,180);
    padding: 3px 6px 3px 6px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    color: #000000;
}

textarea
{
    background: #ffffff url(../images/input.gif) repeat-x left top;
    border: 1px solid rgb(180,180,180);
    color: #000000;
    padding: 5px 6px 3px 6px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
}

input.LoginTextBox
{
    background: #ffffff url(../images/input.gif) repeat-x left top;
    border: 1px solid rgb(180,180,180);
    color: #000000;
    padding: 5px 6px 3px 6px;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
    width: 200px;
}

input.LoginButton
{
    background-image: none;
    background-color: #000099;
    border: 1px solid rgb(150,150,150);
    color: #FFFFFF;
    padding: 2px 0px 2px 0px;
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 11px;
}


input.SubmitButton
{
    background-image: url(../images/bt_bg.jpg);
    background-repeat: repeat;
    border: 1px solid rgb(180,180,180);
    color: rgb(80,140,190);
    font-weight: bold;
    font-family: Arial, Verdana, Tahoma;
    font-size: 12px;
    line-height: 12px;
}

/***SG***/


.ContentPanelSG
{
    margin-right: 0px;
    margin-top: 10px;
    margin-bottom: 0px;
    padding-left: 10px;
    padding-top: 10px;
    padding-right: 10px;
    border: #D6D6D6 1px solid;
}


#mid_content
{
    width: 672px;
    text-align: left;
    font-size: 12px;
}

#mid_content a, a:visited, a:active
{
    font-size: 12px;
}

#mid_content_container
{
    width: 672px;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}


/***LISTS***/
.listheadline, a.listheadline, a.listheadline:active, a.listheadline:visited, a.listheadline:hover
{
    color: #767676;
}


/**** HOMEPAGE ***/

.hometopdistance
{
    height: 27px;
    background-image: url(../images/top.png);
}

.homecontent
{
    padding: 10px 20px 10px 20px;
    background-color: transparent;
    width: 730px;
    border-right: solid 1px #e5e5e5;
    background-image: url(../images/content_bg.gif);
    background-repeat: no-repeat;
    background-position: bottom left;
}

.leftnavi_first
{
    font-size: 12px;
    font-weight: bold;
}

.navtopdistance
{
    width: 975px;
    background-image: url(../images/navtopdistance.png);
    height: 6px;
}

/*** SITEMAP ***/

.sitemaptable 
{
    display: block;
    line-height: 21px;
    text-decoration: none;  
}

/*a, .sitemaptable a:active, .sitemaptable a:visited

.sitemaptable a:hover
{
    display: block;
    color: #cc0000;
    line-height: 21px;
    text-decoration: none;
   }

*/

.sitemaplevel0
{
    text-decoration: none;
    padding-left: 15px;
    background: transparent url(../images/content_left_item_3.gif) no-repeat 0px center;
}

.sitemaplevel0:hover
{
    text-decoration: none;
    padding-left: 15px;
    color: #cc0000;
    background: transparent url(../images/content_left_item_1.gif) no-repeat 0px center;
}

.sitemaplevel1
{
    padding-left: 35px;
    text-decoration: none;
    background: transparent url(../images/content_left_item_3.gif) no-repeat 20px center;
}

.sitemaplevel1:hover
{
    padding-left: 35px;
    text-decoration: none;
    color: #cc0000;
}

.sitemaplevel2
{
    padding-left: 55px;
    text-decoration: none;
    background: transparent url(../images/content_left_item_3.gif) no-repeat 40px center;
}

.sitemaplevel2:hover
{
    padding-left: 55px;
    text-decoration: none;
    color: #cc0000;
}

.sitemaplevel3
{
    padding-left: 75px;
    text-decoration: none;
    background: transparent url(../images/content_left_item_3.gif) no-repeat 60px center;
}

.sitemaplevel3:hover
{
    padding-left: 75px;
    text-decoration: none;
    color: #cc0000;
}



/***SEARCH PAGE***/

.search_filter_table, .search_result_table
{
    font-size: 11px;
    line-height: 18px;
}

.main_search_input
{
    width: 200px;
    vertical-align: middle;
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    padding-left: 3px;
}

.main_search_dropdown
{
    width: 240px;
    height: 19px;
    vertical-align: middle;
    font-size: 11px;
    line-height: 14px;
    padding-left: 3px;
}

/*######################################################
	SCHRIFTEN
#######################################################*/

#left_column h1.BoxLeft
{
    border-left: solid 0px #849dce;
    border-right: solid 0px #849dce;
}

#left_column h1
{
    font-size: 14px;
    color: #003399;
    font-weight: normal;
    background-color: #0c419a;
    background-image: url(../images/bg_h1.jpg);
    padding: 8px 10px 8px 10px;
    margin: 0 0 0 0;
    border-left: solid 1px #849dce;
    border-right: solid 1px #849dce;
}

#right_column h1
{
    font-size: 14px;
    color: #003399;
    font-weight: normal;
    background-color: #0c419a;
    background-image: url(../images/bg_h1.jpg);
    padding: 8px 10px 8px 10px;    margin: 0 0 0 0; /*border-left: solid 1px #849dce; 	border-right: solid 1px #849dce;*/
    
}

/*
#mid_column h1
{
    font-size: 11px;
    color: rgb(80,80,80);
    font-weight: normal;
    margin: 10px 15px 10px 15px;
}

#mid_column h2
{
    font-size: 16px;
    color: rgb(80,80,80);
    font-weight: bold;
}

#mid_column h3
{
    font-size: 14px;
    color: rgb(80,80,80);
    font-weight: bold;
    margin: 5px 15px 3px 15px;
}

#mid_column h4
{
    font-size: 12px;
    color: #000000;
    font-weight: bold;
    margin: 5px 15px 3px 15px;
}

*/

#mid_column p
{
    line-height: 16px;
    color: rgb(80,80,80);
    margin: 0 0px 0px 0px;
}



/*  FOOTER   */

#footer p
{
    margin: 0 10px 10px 10px;
}

#footer a, #footer a:visited
{
    font-size: 12px;
    margin: 10px 10px 0 10px;
    text-decoration: none;
    color: rgb(30,30,30);
}

#footer a:hover
{
    margin: 10px 10px 0 10px;
    font-size: 12px;
    text-decoration: none;
    color: #1f5d90;
}


.ArtikelVe
{
    font-weight:bold;
    padding-top:3px;
}


.ArtikelPe
{
    font-weight:bold;
    color: #ba0404;
    padding-top:10px;
}

.ArtikelPreis
{
    font-weight:bold;
    padding-top:10px;
    padding-bottom:15px;
    font-size:18px;
    text-align:right;
}

.ArtikelStaffelpreis
{
    font-weight:bold;
    text-align:right;   
}


.ArtikelStaffelBox
{
    text-align:right;
}

.WarenkorbMenge
{
    text-align:center;
}

.DirektKontaktText
{
    text-align:left;
    color: #CF0569;
    font-size: 14px;
    font-weight:bold;
}

.DirektKontaktTextEMail
{
    text-align:left;
    color: #CF0569;
    font-size: 14px;
    font-weight:bold;
}

a.DirektKontaktTextEMail
{
    text-align:left;
    color: #CF0569;
    font-size: 14px;
    font-weight:bold;
}

a.DirektKontaktTextEMail:Hover
{
    text-decoration:underline;
}

/*######################################################
	Video-Box
#######################################################*/
#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff; text-align: center; padding: 5px;
}

.lbLoading {
	background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 5px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(../images/closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


