@import url("../../../SnetWebControls/SnetShop/WebUI/Skins/Default/Stylesheets/Shop.css");
@import url("Tables.css");
@import url("MarginInfoBox.css");

/* #### MG: BEGIN Base definitions */
div.Content
{
	cursor: default;
	display: block;
	vertical-align: top;
	width: 705px;
	height: auto;
}

div.Content ol{}
/* #### MG: END Base definitions */

/* #### MG: BEGIN Positioning elements */
div.MainContainer
{
	border: none;
	border-bottom: solid 4px #118a59;
	width: 951px;
	margin-left: 15px;
	padding-left: 20px;
}

table.MainContainer
{
	border-collapse: collapse;
	border: none;
}

table.MainContainer td
{
	vertical-align: top;
}

div.Content div.PanelPageEdit,
div.Content div.PanelContentOuter,
div.Content div.PanelContent
{
	position: relative;
	height: auto;
}

div.Content div.PanelPageEdit,
div.Content div.PanelContent
{
	top: 0px;
	left: 0px;
	height: auto;
}

div.Content div.PanelPageEdit
{
	background-color: #eee;
	border-top: solid 1px #fff;
	border-right: solid 1px #fff;
	border-bottom: groove 2px #ccccca;
	border-left: solid 1px #fff;
}

div.Content div.PanelContentOuter
{
	height: auto;
	vertical-align: top;
	width: 705px;
	margin-top: 20px;
	
}
div.PanelContentOuterHP
{
	width: 911px;
}
td.EditSegmentContent div.PanelContentOuterHP
{
	margin-top: 0px;
}
div.Content div.PanelSitemap
{
	width: 911px;
	margin: 0px 0 0 0px;
}
/* !!!*/
div.Content div.PanelSearch
{
	height: auto;
	vertical-align: top;
	margin: 28px 25px 0px 28px;
}
/* !!!*/

div.Content div.EditMode
{
	margin-top: 0px;
}

div.Content div.SmallGap{margin-left: 20px; margin-top: 20px;}
div.Content div.LargeGap{margin-left: 63px;}
div.Content div.PanelContent{vertical-align: top;}
div.Content div.WithMargin{width: 100%;}
div.Content div.WithoutMargin{width: 600px;}
div.Content div.PanelContentInner{width: 99%;}

div.Content div.PanelContent div.ContentSegment
{
	margin: 0px 21px 20px 21px;
	width: 100%;
}

div.Content div.PanelMargin
{
	/*position: static;*/
	float: right;
	/*width: 178px;*/
	/*height: 100%;*/
	margin: 0px 0px	0px 30px;
	background-color: #FFF;	
	
	width: 214px;
	/*width: 250px;*/
	
	/*border: solid 1px Blue;*/
}

div.Content div.PanelMarginHP
{
	margin: 0px 0px	0px 0px !important;
}

div.Content div.PanelMargin div.PanelMarginInner,
div.Content div.PanelMargin table.PanelMarginInner
{
	position: static;
	float: left;
	height: auto;
	width: 100%;
	
	/*border: dotted 1px blue;*/
}

div.Content div.PanelMargin div.ContentSegment
{
	width: 100%;
	font-size: 11px;
	line-height: 14px;
	margin: 0px 0px 17px 0px;
}
div.Content div.PanelMargin div.ContentSegmentMarginTop
{
}
div.Content div.PanelContent div.BackButton
{
	margin-top: 10px;
	text-align: right;
}
/* #### MG: BEGIN Positioning elements */
/* #### MG: BEGIN Selectable Classes */

div.Content .ContentPageHeadline, div.EditPreviewBox .ContentPageHeadline, td.EditPreviewBox .ContentPageHeadline
{
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #878686;
}

div.Content .ContentHeadlineFirst, div.EditPreviewBox .ContentHeadlineFirst, td.EditPreviewBox .ContentHeadlineFirst
{
	font-size: 11px;
	line-height: 15px;
	font-weight: bold;
	color: #000;
}
/*
div.Content .ContentHeadlineSecond, div.EditPreviewBox .ContentHeadlineSecond, td.EditPreviewBox .ContentHeadlineSecond
{
	font-weight: bold;
	color: #980231;
	background-image: url("../Images/Common/icon_pfeil.gif");
	background-repeat: no-repeat;
	padding-left: 18px;
}*/

div.Content .ContentTextFirst, td.EditPreviewBox .ContentTextFirst
{
	font-size: 11px;
	line-height: 15px;
	color: #000;
}

div.Content a,
div.Content .ContentLinkFirst, td.EditPreviewBox .ContentLinkFirst
{
	color: #f58c25;
	font-weight: bold;
	text-decoration: none;
}
/*
a.LinkZurueck
{
	color: #980231;
	font-weight: normal;
	text-decoration: underline;
}*/
div.Content .ContentLinkSecond, td.EditPreviewBox .ContentLinkSecond
{
	background-image: url("../Images/Common/icon_pfeil.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	text-decoration: none;
}
div.Content .ContentLinkThird, td.EditPreviewBox .ContentLinkThird
{
	background-image: url("../Images/Common/icon_brief.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 18px;
	text-decoration: none;
}
div.Content .ContentLinkFourth, td.EditPreviewBox .ContentLinkFourth
{
	background-image: url("../Images/Common/icon_dokument.gif");
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding-left: 15px;
	text-decoration: none;
}
/* #### MG: END Selectable Classes */
/* #### BOE: BEGIN Images */
div.Content .ContentImageFloatLeft
{
	margin: 0 15px 15px 1px;
	float: left;
}
div.Content .ContentImageFloatRight
{
	margin: 0 1px 15px 15px;
	float: right;
}
div.Content .ContentImage
{
	margin-left: 1px;	
}
div.Content .ContentImageNoFloatLeft
{
	margin: 0 15px 0 0;
}
div.Content .ContentImageNoFloatRight
{
	margin: 0 0 0 15px;
}
/* #### BOE: END Images */
/* #### BOE: BEGIN BulletLists */
div.Content ul
{
	list-style-image: url("../Images/Common/bulletpoint.gif");
	margin-left: 17px;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0;
}
div.MarginInfoBox div.Body ul li
{
	margin-bottom: 2px;
}

/* #### BOE: END BulletLists */
/* BEGIN FORMS */
div.Content table.ContentFormTable ,div.Content table.ContentFormTableHeader, div.Content table.ContentFormTableFooter 
{
	width: 450px;
	background-color: #eaeaea;
	margin: 0 0 0 28px;
	font-size: 11px;
	color: #000000; 
}
div.Content table.ContentFormTable td 
{
	border-bottom: 1px solid #FFFFFF;
}
div.Content table.ContentFormTableHeader 
{
	border-bottom: solid 2px #FFF !important;
}
div.Content table.ContentFormTableFooter {}
div.Content td.TableHead 
{
	height: 26px;
	background-color: #d5d5d5;
}
div.Content td.Top 
{
	vertical-align: top;
}
div.Content td.Headl 
{
	color: #000000;
	background-color: #d5d5d5;
	border-bottom: solid 2px #FFF !important;
	font-weight: bold;
}

div.Content table.ContentFormTable input, div.Content table.ContentFormTable textarea, div.Content table.ContentFormTable select  
{
	border: solid 1px #f58c25;
	width: 290px;
	height: 18px;
	padding: 0px 3px 0px 3px;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	margin-right: 4px;
}
div.Content table.ContentFormTable select 
{
	width: 290px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #f58c25 !important;
}
div.Content table.ContentFormTable textarea 
{
	height: 60px;
}
div.Content table.ContentFormTable tr td.ContentFormTableTextRadio input
{
	border: none;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0;
	background-color: #eaeaea;
	vertical-align: middle;
}
div.Content td.ContentFormTableText 
{
	padding: 6px 9px 5px 9px;	
}
div.Content td.ContentFormTableInput, div.Content td.ContentFormTableTextRadio
{
	vertical-align: middle;
}
div.Content td.ContentFormTableTextRadio
{
	padding: 6px 9px 5px 9px;
}
div.Content td.ContentFormFirstButtonCell
{
	padding: 6px 27px 5px 9px;
	text-align: right;
}
div.Content td.ContentFormSecondButtonCell
{
	text-align: right;
	width: 188px;
	padding: 6px 40px 5px 10px;
}
/* END FORMS */
/* BEGIN FOOTER */
div.FooterOuterDiv
{
	font-size: 10px;
	color: #000000;
	margin: 30px 0 2px 0px;
	padding-bottom: 4px;
	position:relative;
}
div.FooterOuterDiv .FooterSocialButtons
{
	/*position:absolute;
	left:200px;
	top:-10px;*/
	float:left;
	padding-left:200px;
	margin-top:-10px;
}
div.FooterOuterDiv .FooterSocialButtons img
{
	margin-right:4px;
}

div.FooterLeftDiv
{
	float: left;
}
div.FooterRightDiv
{
	float: right;
}
div.FooterRightDiv a
{
	color: #000000;
	text-decoration: none;
	margin: 0 3px 0 3px;
}
div.FooterRightDiv img
{
	margin-left: 3px;
	margin-right: 8px;
}
/* BEGIN HOMEPAGE */

table.HomepageTable
{
}
td.HomepageHeadlineCell, div.HomepageHeadlineCell
{
	font-size: 16px;
	font-weight: bold;
	color: #0066BB;
	padding: 5px 0 16px 0;
}
td.HomepageImageCell
{
	padding: 0;
	width: 213px;
}

td.HomepageImageCell div.SelectBoxHP
{
	width: 213px;
	color: #000;
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	background-color: #ff9900;
	margin-right: 15px;
	margin-bottom: 11px;
}


td.HomepageImageCell2
{
	padding: 0;
	width: 213px;
	padding-right: 15px;
}

td.HomepageImageCell2 div.SelectBoxHP
{
	width: 213px;
	color: #000;
	font-size: 11px;
	line-height: 14px;
	padding: 0px 0px 0px 0px;
	background-color: #d5d5d5;
	/*margin-right: 15px;*/
	margin-bottom: 11px;
	text-align: left;
}

.HomepageTable div.DivimageLeft2
{
	padding-top:1px;
}



div.SelectBoxHP div.Header
{
	color: #000000;
	font-weight: bold;
	padding: 8px 13px 8px 13px; 
}
select.SelectOnlineCenter
{
	width: 185px;
	margin: 10px 0 5px 0;
}

td.HomepageCell
{
	position: relative;
}
div.HomepageBox
{
	width: 453px;
	color: #000;
	background-color: #ffe1b3; 
	font-size: 11px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #ff9900;
	margin-right: 18px;
	margin-bottom: 19px;
	position: relative;
}

div.HomepageBox a
{
	color: #118A59;
	text-decoration: none;
}

div.HomepageBoxRigth
{
	height: 128px;
}

div.HomepageBox div.HeaderHBR
{
	font-weight: bold;
	padding: 8px 10px 10px 10px;
	background-color: #ffe1b3;
}
div.HomepageBox td.EditToolBoxContent div.HeaderHBR
{
	font-weight: bold !important;
	padding: 0;
	border-bottom: none;
	background-image: none;
}
div.HomepageBox div.Image
{
	padding: 0;
	text-align: center;
	border-right: solid 1px #ff9900;
}

div.HomepageBox div.ImageWeiter
{
	width: 264px;
	text-align: right;
	position: absolute;
	bottom: 0px;
}

div.HomepageBox div.ImageWeiter img
{
	margin-right: 15px;
	margin-bottom: 7px;
}
div.HomepageBox div.BodyHBR
{
	height: 100%;
	background-color: #ffe1b3;
	padding: 0px 15px 10px 10px;
}
div.HomepageBox div.BodyHBR p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div.HomepageBox div.BodyHBR ul
{
	list-style-image: url("../Images/Common/icon_pfeil.gif");
	margin-left: 17px;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0px;
}

div.HomepageBox div.BodyHBR ul li
{
	margin-bottom: 2px;
}
div.HomepageBox div.BodyHBR ul li a
{
	text-decoration: none;
	font-weight: bold;
}
div.HomepageBox p a
{
	font-size: 11px;
	font-weight: bold;
}



div.HomepageBox2
{
	width: 453px;
	color: #000;
	background-color: #eee; 
	font-size: 11px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #d5d5d5;
	margin-right: 18px;
	margin-bottom: 19px;
	position: relative;
}

div.HomepageBox2 table.HomepageBoxTable
{
}

div.HomepageBox2 a
{
	color: #118A59;
	text-decoration: none;
}

div.HomepageBox2 div.HomepageBoxRigth
{
	height: 128px;
	width: 264px;
}

div.HomepageBox2 div.HeaderHBR
{
	font-weight: bold;
	padding: 8px 10px 10px 10px;
	/*background-color: #d5d5d5;*/
	/* width: 264px; */
}
div.HomepageBox2 div.Image
{
	padding: 0;
	text-align: center;
	border-right: solid 1px #d5d5d5;
}

div.HomepageBox2 div.ImageWeiter
{
	width: 264px;
	text-align: right;
	position: absolute;
	bottom: 0px;
}

div.HomepageBox2 div.ImageWeiter img
{
	margin-right: 15px;
	margin-bottom: 7px;
}
div.HomepageBox2 div.BodyHBR
{
	height: 100%;
	/*background-color: #d5d5d5;*/
	padding: 0px 15px 10px 10px;
	/* width: 264px; */
}
div.HomepageBox2 div.BodyHBR p
{
	margin-top: 0px;
	margin-bottom: 0px;
}

div.HomepageBox2 div.BodyHBR ul
{
	list-style-image: url("../Images/Common/icon_pfeil.gif");
	margin-left: 17px;
	margin-top: 8px;
	margin-bottom: 5px;
	padding: 0px;
}
div.HomepageBox2 div.BodyHBR ul li
{
	margin-bottom: 2px;
}
div.HomepageBox2 div.BodyHBR ul li a
{
	text-decoration: none;
	font-weight: bold;
}
div.HomepageBox2 p a
{
	font-size: 11px;
	font-weight: bold;
}


/* BEGIN SUBHOMEPAGE */
div.SubHomepageBox
{
	width: 523px;
	color: #000;
	font-size: 11px;
	line-height: 15px;
	padding: 0px 0px 0px 0px;
	border: solid 1px #d5d5d5;
/*	position: relative; */
}
div.SubHomepageBox a
{
}

div.SubHomepageBoxRigth
{
}

div.SubHomepageBox div.Header
{
	font-weight: bold;
	padding: 8px 15px 10px 10px;
}
div.SubHomepageBox div.Image
{
	padding: 0;
	text-align: center;
	border-right: solid 1px #f5f5f5;
}
div.SubHomepageBox div.ImageWeiter
{
	width: 334px;
	text-align: right;
/*
	position: absolute;
	bottom: 0px;
*/
}
div.SubHomepageBox div.ImageWeiter img
{
	margin-right: 15px;
	margin-bottom: 7px;
}
div.SubHomepageBox div.Body
{
	height: 100%;
	padding: 0px 15px 10px 10px;
}
div.SubHomepageBox div.Body p
{
	margin-top: 0px;
	margin-bottom: 0px;
}
/*
div.SubHomepageBox table.HomepageBoxTable
{
	background-color: Aqua;
	border: solid 2px red;
	width: 100%;
}
*/
div.SubHomepageBox table.HomepageBoxTable div.SubHomepageBoxRight table.EditToolBox
{
	width: 334px !important;
}


/* BEGIN: SEARCHRESULTS */
p.SearchResult
{
	margin-bottom: 10px;
}
/* BEGIN: Strompreisrechner */
tr.normal { background-color:transparent; }
tr.highlight { background-color:silver; }

div.hid { display:none; }

div.Content table.PreisrechnerTable ,div.Content table.PreisrechnerTableHeader 
{
	width: 480px;
	background-color: #D5D5D5;
	margin: 0 0 0 28px;
	font-size: 11px;
	color: #000000; 
}
div.Content table.PreisrechnerTable td 
{
	border-bottom: 1px solid #FFFFFF;
}
div.Content table.PreisrechnerTableHeader 
{
	border-bottom: solid 2px #FFF !important;
}
div.Content table.PreisrechnerTableHeader td.TableHead 
{
	height: 26px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 9px 5px 9px;	
}
div.Content table.PreisrechnerTable input, div.Content table.PreisrechnerTable select  
{
	width: 161px;
	height: 18px;
	padding: 0px 3px 0px 3px;
	color: #000;
	font-size: 11px;
	font-family: Verdana, Sans-Serif;
	margin-right: 10px;
}
div.Content td.PreisrechnerTableInput
{
	vertical-align: middle;
}

div.Content table.PreisrechnerTable select 
{
	width: 161px;
	padding: 0px 0px 0px 0px;
}
div.Content table.PreisrechnerTable td.PreisrechnerTableText 
{
	padding: 6px 9px 5px 9px;
	width: 175px;	
}
div.Content table.PreisrechnerTable td.PreisrechnerTableButtonCell
{
	padding: 6px 16px 5px 9px;
	text-align: right;
}


div.Content table.PreisrechnerResultTable ,div.Content table.PreisrechnerResultTableHeader 
{
	width: 480px;
	background-color: #D5D5D5;
	margin: 0 0 0 28px;
	font-size: 11px;
	color: #000000; 
}
div.Content table.PreisrechnerTableHeader, div.Content table.PreisrechnerTable
{
	width: 480px;
}
div.Content table.PreisrechnerResultTable th 
{
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
	font-weight: bold;
	padding: 6px 9px 5px 9px;	
	text-align: left;
}
div.Content table.PreisrechnerResultTable td 
{
	border-bottom: 1px solid #FFFFFF;
	border-left: 1px solid #FFFFFF;
}
div.Content table.PreisrechnerResultTableHeader 
{
	border-bottom: solid 2px #FFF !important;
}
div.Content table.PreisrechnerResultTable td.TableHead 
{
	height: 26px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px 9px 5px 9px;	
}
div.Content table.PreisrechnerResultTable td.PreisrechnerResultTableText 
{
	padding: 6px 9px 5px 9px;	
}
div.Content table.PreisrechnerResultTable td.PreisrechnerResultTableButtonCell
{
	background: #FFFFFF;
	padding: 6px 0px 5px 9px;
	text-align: right;
}


/* END Strompreisrechner */
/* BEGIN: Musterrechnung */

div.Musterrechnung
{
	margin-left: 28px;
}

div.Musterrechnung div.layer1
{
	position:absolute; 
	width:420px; 
	left: 48px;
	top:80px; 
	z-index:3;
	margin:0;
	background-color:#ffffff;
	border:#FF9900 1px solid;
}

div.Musterrechnung div.layer1 p
{	
	padding:10px;
	margin: 0;
}

div.Musterrechnung img.MusterrechnungImage
{
	border: solid 1px #cccccc;
}


/* END Musterrechnung */

/* #### AT: new homepage template 20110524 - Begin #### */

table.HomepageTable td.HomepageImageCell2 a,
table.HomepageTable td.HomepageImageCell2 img { margin-bottom: 20px; }
table.HomepageTable td.HomepageImageCell2 { text-align: center;}

table.HomepageTable td.HomepageImageMarginCell iframe { margin-top: 18px; }

table.HomepageTableOrange td.HomepageImageCell2 div.SelectBoxHP  { background-color: #FF9900; }
table.HomepageTableOrange div.HomepageBox2 { background-color: #FFE1B3; border: 1px solid #FF9900; }
table.HomepageTableOrange div.HomepageBox2 div.Image { border-right: 1px solid #FF9900;  }
table.HomepageTableOrange div.HeaderHBR,
table.HomepageTableOrange div.BodyHBR { background-color: #FFE1B3; }


/* #### AT: new homepage template 20110524 - End #### */