﻿.XPButton {
	vertical-align: bottom;
}
/*------------------------------------------------------------------------------------------------------*/
.FormView-Table { width: 100%; }

.FormView-NameField, .FormView-NameFieldMulti {
	padding: 4px 2px 4px 10px;
	font-weight: bold;
	background-color: #E9ECF1;
	width: 140px;
	border-bottom: solid 1px #fff;
}
.FormView-NameField { vertical-align: middle; }
.FormView-NameFieldMulti { vertical-align: top; }

.FormView-ValueField, .FormView-ValueFieldMulti {
	background-color: #F7F6F3;
	padding: 4px 2px 4px 10px;
	border-bottom: solid 1px #fff;
}
.FormView-ValueFieldMulti {
	height: 140px;
	overflow: hidden;
	vertical-align: top;
}
.FormView-ButtonBar {
	background-color: Menu;
	text-align: left;
	padding: 6px 4px 2px 8px;
}
.FormView-ButtonBar input {
	padding: 0;
}

/*------------------------------------------------------------------------------------------------------*/


legend
{
	color: #336699;
}

.LoginBox
{
	padding-top: 2px;
	padding-left: 8px;
	padding-bottom: 2px;
	height: 34px;
	color: #fff;
	font-weight: bold;
	background-color: #336699;
}

.MenuBox
{
	margin: 2px 2px 8px 2px;
	border: solid 1px #369;
	padding: 6px;
	background-color: #C6DAFF;
}
.MenuBox2
{
	padding: 30px 0 20px 0;
}


.MenuButtonStyle
{
	display: block;
	margin: 0 2px 2px 2px;
	padding: 5px;
	border: solid 1px #ccc;
	background-color: #F0F0F0;
}

.AccordionHeaderStyle, .AccordionHeaderSelectedStyle
{
	margin-bottom: 4px;
	padding: 4px 4px 2px 4px;
	border: solid 1px #369;
	color: #fff;
	background-color: #369;
	cursor: pointer;
}

.AccordionHeaderSelectedStyle
{
	font-weight: bold;
	height: 20px;
}

.WizardStyle
{
	width: 100%;
}

.WizardHeaderStyle
{
	height: 80px;
	padding: 0px;
	vertical-align: top; /*border: solid 1px green;*/
}
.InlineWizardHeaderStyle
{
	height: 30px;
	padding: 0px;
	vertical-align: top;
}
.WizardHeaderTemplate
{
	padding: 10px 10px 0 20px;
}
.InlineWizardHeaderTemplate
{
	padding: 0px 10px 0 10px;
}
.WizardHeaderStepTitle
{
	padding-top: 10px;
	font-size: 1.6em;
}
.WizardHeaderMoodImage
{
	position: absolute;
	top: 20px;
	right: 50px;
}
.InlineWizardHeaderMoodImage
{
	position: absolute;
	top: 0px;
	right: 50px;
}

.WizardStepStyle
{
	padding: 20px; /*vertical-align: top;*/
	border-top: solid 1px #336699;
	border-bottom: solid 1px #336699;
}
.InlineWizardStepStyle
{
	padding: 10px 30px 10px 10px; /*vertical-align: top;*/
	border-top: solid 1px #336699;
	border-bottom: solid 1px #336699;
}

.WizardStep
{
	overflow: hidden;
}

.WizardNavigationStyle
{
	vertical-align: middle;
	padding: 10px 20px 0px 20px; /*border: solid 1px red;*/
}
.WizardNavigationTemplate
{
}



.MediaListItemStyle, .MediaListSelectedItemStyle
{
	border: solid 1px #ccc;
	padding-top: 8px;
	margin-right: 6px;
	margin-bottom: 4px;
	width: 120px;
	height: 140px;
	text-align: center;
	vertical-align: middle;
}
.MediaListItemStyle
{
}
.MediaListSelectedItemStyle
{
	border: solid 1px #000;
	background-color: #eee;
}

.MediaListCommandStyle
{
	margin-top: 4px;
	margin-bottom: 4px;
}

.HeaderMood
{
	float: left;
	border-right: solid 1px #369;
}
.HeaderText
{
	position: absolute;
	top: 10px;
	left: 191px;
}

.HeaderNavigation
{
	padding-top: 64px;
	margin-left: 171px;
	padding-left: 20px;
	padding-right: 20px;
}
.HeaderNavigationLeft
{
	float: left;
	vertical-align: bottom;
}
.HeaderNavigationRight
{
	float: right;
	text-align: right;
}

.UpdateProgressContainer
{
	position: absolute;
	top: -106px;
	right: 10px;
}


/*------------------------------------------------------------------------------------------------------*/
.aspMenu
{
	width: 150px;
	border: solid 1px #336699;
}
.StaticMenu
{
}
.StaticMenuItem
{
	display: block;
	border-top: solid 1px #336699; /* 	border-top: solid 1px #336699; 	border-bottom: solid 1px #336699; 	*/
	width: 160px;
}
.StaticItemTemplate
{
	padding: 6px 4px 6px 6px;
}
.StaticHover
{
	background-color: #dfdfdf; /* 	border-top: solid 1px #ccc; 	border-bottom: solid 1px #ccc; 	*/
}
.StaticSelected
{
	font-weight: bold;
}
.Level0MenuItem
{
	padding-top: 2px;
	padding-bottom: 2px;
	color: #fff;
	font-weight: bold;
	background-color: #336699;
}
.Level1MenuItem
{
	padding-top: 2px;
}
.Level2MenuItem
{
	padding-top: 2px;
	padding-left: 6px;
}

.PagerStyle span
{
	font-size: 120%;
	font-weight: bolder;
}
/*------------------------------------------------------------------------------------------------------*/



img.ParagraphIcon, div.ParagraphIcon
{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}

.FormTable
{
	table-layout: fixed;
}
.FormTable .FormTupleLabel
{
	width: 180px;
}
.FormTable .FormTupleContent
{
	width: 260px;
}
.FormTable .FormTupleValidation
{
}
.FormTable .FormRow
{
}
.FormCell
{
	padding-top: 5px;
}
.FormTable .FormCellLabel
{
	padding-right: 10px;
	text-align: right;
}

.FieldLabel
{
}
.FormCellContent
{
}
.FormCellValidation
{
}

/*------------------------------------------------------------------------------------------------------*/

.AspNet-GridView th
{
	padding: 5px;
}

.ListItem
{
	margin: 12px 8px 0px 0px;
	padding-left: 14px;
	background-image: url('Image/digitblau.gif');
	background-repeat: no-repeat;
	background-position: left center;
}
.ListItemSubText
{
	margin-top: 0;
	padding-left: 14px;
	width: 200px;
}

.MediumListItem
{
	margin: 12px 8px 0px 0px;
	padding-left: 14px;
	background-image: url('Image/digitblau.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	font-weight: bold;
}
.MediumListItemSubText
{
	margin-top: 0;
	padding-left: 14px;
}

.BigListItem
{
	margin: 12px 8px 12px 0px;
	padding-left: 20px;
	background-image: url('Image/digitblau_big.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	font-weight: bold;
}
.BigListItemSpecial
{
	margin: 12px 8px 12px 0px;
	padding-left: 20px;
	background-image: url('Image/digitrot_big.gif');
	background-repeat: no-repeat;
	background-position: left center;
	font-size: 14px;
	font-weight: bold;
}

.BigListItemSubText
{
	padding-top: 8px;
	padding-left: 20px;
}

.Step
{
	height: 440px;
}


.MenuCaption
{
	padding-top: 10px;
	padding-left: 6px;
	padding-bottom: 10px;
	width: 142px;
	border-top: solid 1px #336699;
	border-left: solid 1px #336699;
	border-right: solid 1px #336699;
	color: #fff;
	font-weight: bold;
	background-color: #336699;
}

/*------------------------------------------------------------------------------------------------------*/

.PortalLogin
{
	width: 160px;
	border-collapse: collapse;
	border: solid 1px #336699;
}
.PortalLoginContent
{
	text-align: center;
}

/*
.ModalBackground
{
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
	background-color: #000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	z-index: 10000;
}
.UpdateProgress
{
	top: 0px;
	left: 0px;
	padding: 20px;
	z-index: 10001;
	background-color: #fff;
}
*/

.PdfImage
{
	padding-right: 10px;
}

.ContextMenuPanel
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(Image/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}

.ContextMenuBreak
{
	margin: 1px 1px 1px 32px;
	padding: 0;
	height: 1px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	padding: 4px 19px 4px 33px;
	white-space: nowrap;
}

a.ContextMenuItem-Selected
{
	font-weight: bold;
}

a.ContextMenuItem:hover
{
	background-color: #FFE6A0;
	color: #003399;
	border: 1px solid #D2B47A;
	padding: 3px 18px 3px 32px;
}


.CheckBoxList tr
{
	height: 20px;
}

.InfoMessage
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 40px 10px 40px 110px;
	border: 1px solid #00FF00;
	font-weight: bold;
	background-color: #99CCFF;
	background-image: url('Image/valid.gif');
	background-repeat: no-repeat;
	background-position: 10px center;
}

.WarningMessage
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 40px 10px 40px 110px;
	border: 1px solid #800000;
	font-weight: bold;
	background-color: #FFFFCC;
	background-image: url( 'Image/warning.gif' );
	background-repeat: no-repeat;
	background-position: 10px center;
}

.ErrorMessage
{
	display: block;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 40px 10px 40px 110px;
	border: solid 1px red;
	font-weight: bold;
	background-color: #FFFF99;
	background-image: url('Image/stop.gif');
	background-repeat: no-repeat;
	background-position: 10px center;
}

/*------------------------------------------------------------------------------------------------------*/
/* Startseite */

#startSplash
{
	background: url(Image/startSplashVortele.jpg) no-repeat;
}

#startSplashUmfang {
	height: 125px;
	position: absolute;
	z-index: 500;
	top:30px;
	left:10px;
}

#startSplashUmfang ul {
	margin:0;
	padding:0;
}

#startSplashUmfang ul li {
	font:bold 13px Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	color:#fff;
	background:url(Image/startSplashCheck.png) 0 4px no-repeat;
	list-style-type:none;
	padding:5px 0 0 20px;
}

#startSplashPreis
{
	width: 125px;
	height: 125px;
	position: absolute;
	z-index: 500;
	left: 453px;
	top: 55px;
	text-align: center;
	font: bold 11px Verdana,Arial, Helvetica, sans-serif;
}

#startSplashPreis span.stern
{
	position: absolute;
	left: 105px;
	top: 15px;
	font: 30px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

#startSplashPreis span.preis
{
	display: block;
	font: 38px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

#startSplashInner
{
	padding: 4px 10px 0 10px;
	height: 155px;
}

#startSplash h2
{
	padding: 0;
	margin: 0;
	color: #fff;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}

#startSplash h3
{
	padding: 0;
	margin: 120px 0 0 0;
	color: #4775A3;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}

#startSplashVorteile
{
	padding: 5px 10px 0 10px;
	background: #EDF1FA url(Image/startSplasBgVerlauf.jpg) repeat-x;
	border-right: 1px #DFE7F7 solid;
	border-bottom: 1px #DFE7F7 solid;
	border-left: 1px #DFE7F7 solid;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #4775A3;
}

#startSplashVorteile ul
{
	margin: 0;
	padding: 0 0 5px 0;
}

#startSplashVorteile ul li
{
	margin: 0 0 5px 0;
	padding: 0 0 0 9px;
	background: url(Image/pfeilBlau.gif) 0 4px no-repeat;
	list-style-type: none;
}

#startSplashVorteileListeLinks
{
	width: 300px;
	float: left;
}

#startSplashVorteileListeRechts
{
	width: 350px;
	float: right;
}

#startSplashHinweis
{
	background: #FBFCFE;
	padding: 10px 10px 10px 50px;
	border: 1px #DFE7F7 solid;
	background: url(Image/startSplashLichtIcon.jpg) 10px 7px no-repeat;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #332D00;
}

#startSplashBestellbutton
{
	padding-bottom: 5px;
}

#startSplashBestellbutton a
{
	display: block;
	width: 140px;
	height: 25px;
	background: url(Image/btnJetztBestellen.jpg) no-repeat;
}

#startSplashBestellbutton a:hover
{
	background-position: 0 -25px;
}

#startDomainSplash .textbox
{
	height: 16px;
	_height: 14px;
	/*padding: 1px 0;*/
}

#startDomainSplash select {
	height: 22px;
}

#startDomainSplash .XPButton
{
	/*height: 24px;
	width: 66px;
	padding: 0;*/
	margin: 0 0 0 6px;
	vertical-align: bottom;
}

#startDomainSplash table
{
	position:absolute;
	left:230px;
	top:40px
}

#startDomainSplash
{
	position: relative;
	height: 53px;
	background: url(Image/startDomainSplash.jpg) no-repeat;
	margin: 0px 0 10px 0;
	font: bold 12px Tahoma,Arial, Helvetica, sans-serif;
	color: #fff;
	padding-top:42px;
	text-align: right;
}

#startDomainSplash h2
{
	position: absolute;
	top: 4px;
	left: 10px;
	color: #fff;
	font: bold 12px Tahoma, Arial, Helvetica, sans-serif;
}

#startDomainSplashTitle
{
	position: absolute;
	top: 30px;
	left: 12px;
	color: #fff;
	font: 22px Tahoma, Arial, Helvetica, sans-serif;
}

#startDomainSplashSubTitle
{
	position: absolute;
	top: 56px;
	left: 12px;
	color: #fff;
	font: 16px Tahoma, Arial, Helvetica, sans-serif;
}

#startDomainSplashPreis
{
	width: 125px;
	height: 80px;
	float: left;
	position: absolute;
	z-index: 800;
	top: 24px;
	left: 614px;
	text-align: center;
	font: bold 10px Verdana,Arial, Helvetica, sans-serif;
	color: #332D00;
}

#startDomainSplashPreis span.stern
{
	position: absolute;
	left: 87px;
	top: 13px;
	font: 20px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

#startDomainSplashPreis span.preis
{
	display: block;
	font: 24px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

#startServiceSplash
{
	padding: 1px;
	border: 1px #668CB3 solid;
}

#startServiceSplashInner
{
	background: url(Image/startServiceBgVerlaufInnen.jpg) repeat-x;
	padding: 12px 10px 0 10px;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #332D00;
}

#startServiceSplash h2
{
	width: 444px;
	height: 26px;
	background: url(Image/startServiceHeading.jpg) no-repeat;
}

#startServiceSplash h2 span, #startSplashBestellbutton a span
{
	display: none;
}

.serviceCol {
	margin:0 auto;
}
.serviceColSingleton .serviceCol { margin:0!important}

#startServiceSplashColumns ul
{
	margin: 10px 5px 0 5px;
	padding: 0;
	width: 100%;
}

#startServiceSplashColumns ul li
{
	list-style-type: none;
	width: 235px;
	float: left;
	padding: 0;
	margin: 0;
}

#startServiceSplashColumns .serviceCol
{
	width: 230px;
	overflow: hidden;
}

#startServiceSplashColumns .serviceCol h4
{
	margin: 0;
	padding: 0;
	height: 18px;
	background: #4E7AA7;
	color: #fff;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	line-height: 18px;
	text-align: center;
	border-bottom: 1px #668CB3 solid;
}

#startServiceSplashColumns .serviceColContent
{
	background: url(Image/serviceBgVerlauf.jpg) repeat-x;
	margin-top: 1px;
	padding: 3px;
}

#startServiceSplashColumns .serviceColContent ul
{
	margin: 0;
	padding: 0 10px 0 0;
	font: 11px Tahoma, Arial, Helvetica, sans-serif;
}

#startServiceSplashColumns .serviceColContent ul li
{
	background: url(Image/featuresPfeilSchwarz.gif) 0 3px no-repeat;
	padding: 0 0 0 9px;
	margin: 4px 0 0 2px;
	width: 210px;
	list-style-type: none;
}

#startServiceSplashColumns .serviceCol h3
{
	margin: 0;
	padding: 0;
	font: bold 13px Tahoma, Arial, Helvetica, sans-serif;
	color: #C60000;
}

#startServiceSplashColumns .serviceColContentPreis
{
	padding: 25px 0 0 10px;
	position: relative;
	clear: both;
	min-height: 65px;
	_height: 65px;
}

#startServiceSplashColumns .serviceColContentPreis .linkBestellen
{
	background: url(Image/serviceLinkPfeilRot.gif) right 50% no-repeat;
	padding-right: 12px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #C60000;
	margin-bottom: 3px;
}

#startServiceSplashColumns .serviceColContentPreis .linkDetails
{
	background: url(Image/serviceLinkPfeilSchwarz.gif) right 50% no-repeat;
	padding-right: 12px;
	font: bold 11px Tahoma, Arial, Helvetica, sans-serif;
	color: #332D00;
}

.startSeerviceColContentPreis
{
	background: url(Image/preisSplash.jpg) no-repeat;
	width: 70px;
	height: 70px;
	float: left;
	position: absolute;
	z-index: 800;
	top: 5px;
	left: 125px;
	text-align: center;
	font: 9px Verdana,Arial, Helvetica, sans-serif;
	color: #332D00;
	padding-top:10px;
}

.startSeerviceColContentPreis span.stern
{
	position: absolute;
	left: 55px;
	top: 18px;
	font: 20px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

.startSeerviceColContentPreis span.preis
{
	display: block;
	font: 20px Impact, "Arial Black" , Arial, Helvetica, Sans-serif;
	color: #C60000;
}

.startSplashBottom
{
	color: #555;
	font: 11px Arial, Helvetica, sans-serif;
	/*border-top: 1px #ccc solid;*/
	padding-top: 3px;
	margin-top: 0px;
}

/*------------------------------------------------------------------------------------------------------*/

#foot
{
	/*border-top: 1px #369 solid;*/
	padding-top: 6px;
	/*margin-top: 30px;*/
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #668CB3;
	text-align: center;
}

#foot a
{
	color: #369;
	text-decoration: underline;
	margin-left: 8px;
}

#foot a:hover
{
	text-decoration: none;
}
