﻿/**************************************************************************************************************
 * Globals
 **************************************************************************************************************/
/* dont show transparent pngs in IE until the js fixes them */
.ie5 .iefix, .ie6 .iefix { display: none; }

body { background: #B0BA25; color: #653F10; font: normal normal normal 12px/17px Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px; }
a, a:link, a:visited { color: #B0BA25; font-weight: normal; text-decoration: none; }
a:active, a:hover { color: #653f10; font-weight: normal; text-decoration: none; }

img, a img { border-style: none; }

p { padding: 0; margin: 0px 0px 12px 0px; }

h1 { margin: 12px 0px 7px 0px; padding: 0; color: #653F10; font: normal normal bold 12px/17px Verdana, Arial, Helvetica, sans-serif; }
h1.First { margin: 0px 0px 7px 0px; }
h2 { margin: 8px 0px 4px 0px; margin: 0; padding: 0; color: #653F10; font: normal normal bold 9px/12px Verdana, Arial, Helvetica, sans-serif; }
h2.GroupTitle { padding: 0; margin: 8px 0px 4px 0px; font: normal normal normal 12px/17px Verdana, Arial, Helvetica, sans-serif; display: block; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #653f10; }
h2.GroupTitleStrong { padding: 0; margin: 8px 0px 4px 0px; font: normal normal bold 12px/17px Verdana, Arial, Helvetica, sans-serif; display: block; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #653f10; }

blockquote { margin: 10px 50px; }
em { font-style: italic; }
small, .Small { font-size: 9px; line-height: 12px; }
strong, .Strong { font-weight: bold; }

table, tr, td { padding: 0; margin: 0; border-collapse: collapse; border-spacing: 0px; border-width: 0px; empty-cells: show; }

.Clear { clear: both; }
.Highlight { color: #FF0000; }
.RightAlign { text-align: right; clear: both; }
.MiddleAlign { text-align: center; clear: both; }

a.Button, a.Button:link, a.Button:visited, a.Button:active, a.Button:hover { display: block; height: 13px; border: solid 1px #653f10; padding: 0; background-color: #bce3e1; color: #653f10; font-weight: normal; text-align: center; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; }
a.ButtonBright, a.ButtonBright:link, a.ButtonBright:visited, a.ButtonBright:active, a.ButtonBright:hover { display: block; height: 13px; border: solid 1px #653f10; padding: 0; background-color: #ffffff; color: #653f10; font-weight: normal; text-align: center; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; }

td.Button a, td.Button a:link, td.Button a:visited, td.Button a:active, td.Button a:hover { display: block; height: 13px; border: solid 1px #653f10; padding: 0; background-color: #bce3e1; color: #653f10; font-weight: normal; text-align: center; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; }

span.ErrorMessage { display: block; color: #ffffff; padding-top: 6px; padding-bottom: 3px; }

input.kw, select.kw { border: 1px solid #653f10; color: #653f10; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; background-color: #f2fbfa; }

.kwRbList tbody tr td label { margin-right: 15px; }
.kwMlTextBox { border: 1px solid #653f10; color: #000000; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; background-color: #ffffff; }
.ValidationSummary { padding: 5px 5px 5px 12px; margin: 17px 0px 17px 0px; color: #653f10; background-color: #FFCCCC; border: 1px solid #653f10; }
.FailureText { padding: 5px 5px 5px 12px; margin: 17px 0px 17px 0px; color: #653f10; background-color: #FFCCCC; border: 1px solid #653f10; display: block; }
/**************************************************************************************************************
 * Layout
 **************************************************************************************************************/
body.PopUp { background: #ffffff; color: #484848; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; margin: 12px 7px 0px 7px; padding: 0px; width: 228px; overflow: hidden; }
body.PopUp .Table { font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; }
body.PopUpPreview { background: #ffffff; color: #484848; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; margin: 12px 7px 0px 7px; padding: 0px; width: 901px; }
body.PopUpDesign { background: #ffffff; color: #484848; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; margin: 12px 7px 0px 7px; padding: 0px; }


.ContentRegion { border: 1px solid #653f10; background-color: #FFFFFF; width: 800px; min-height: 350px;  padding-top: 23px; padding-bottom: 12px; border-radius: 12px; -webkit-border-radius: 12px; -moz-border-radius: 12px; clear: both; }
.Content { margin-left: 32px; float: left; width: 600px; height: 100%; }
.ContentBody { margin: 12px 20px 0px 16px; }
.ContentBodyLeft { margin: 12px 0px 0px 17px; width: 327px; float: left; }
.ContentBodyRight { margin: 12px 0px 0px 23px; float: left; width: 215px; }

.Wrapper { padding: 0px 5px 5px 5px; width: 802px; margin: 0px auto 0px auto; }
.Logo { padding-top: 50px; background-position: 15px 54px; width: 802px; height: 25px; background-image: url('/Images/logo-kartenwerk.png'); background-repeat: no-repeat; text-align: right; }

.PageTitle { margin-top: 2px; height: 17px; width: 563px; color: #FFFFFF; padding-left: 17px; padding-right: 19px; clear: both; cursor: default; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; background-color: #653f10; }
.PageTitle h1 { margin: 0px 0px 0px 0px; padding: 0; color: #FFFFFF; display: block; float: left; font: normal normal normal 12px/17px Verdana, Arial, Helvetica, sans-serif; }
.PageTitle .Guide { margin-top: 3px; color: #b0ba25; display: block; float: right; font: normal normal normal 9px/12px Verdana, Arial, Helvetica, sans-serif; }
.PageTitle .Guide .Active { color: #FFFFFF; }

/**************************************************************************************************************
 * Page Styles
 **************************************************************************************************************/
/* ~/bearbeiten.aspx */
.Bearbeiten .LeftZone { margin: 0px; width: 380px; float: left; }
.Bearbeiten .RightZone { margin: 12px 0px 0px 23px; float: left; width: 160px; }

.Bearbeiten div.EditRegion { display: block; position: absolute; border: 1px solid #000000; cursor: pointer; }
.Bearbeiten a.EditRegion { display: block; position: relative; top: -1px; left: -1px; border: 1px dashed #ffffff; cursor: pointer; background-image: url('/Images/blank.gif'); }
.Bearbeiten .radfdCheckboxChecked, .Bearbeiten .radfdCheckboxUnchecked, .Bearbeiten .radfdRadioUnchecked, .Bearbeiten .radfdRadioChecked { line-height: 17px !important; }
.LoadingPanel { position: absolute; }
.LoadingPanelImage { display: block; position: relative; width: 48px; height: 48px; top: 50%; margin: 0 auto 0 auto; }

/* ~/bestellung.aspx */
.Bestellung .style1 { width: 100%; }
.Bestellung .style3 { width: 270px; }
.Bestellung .style4 { width: 83px; }
.Bestellung .style5 { width: 83px; }

/* ~/couverts.aspx */
.Couverts .style1 { height: 17px; }
.Couverts .style2 { height: 17px; width: 62px; }
.Couverts .style3 { height: 25px; width: 62px; }
.Couverts .style4 { height: 17px; }

/* ~/details.aspx */
.Detail Table.Description { width: 327px; }
.Detail Table.Description td { vertical-align: top; }
.Detail Table.Description .Col1 { width: 62px; }
.Detail Table.Description .Col2 { width: 63px; }
.Detail Table.Description .Col3 { width: 200px; }

.Detail Table.Prices { width: 263px; }
.Detail Table.Prices .Col1 { width: 63px; }
.Detail Table.Prices .Col2 { width: 200px; }

.Detail .ButtonRow { margin-top: 17px; }

/* ~/kontakt.aspx */
.Kontakt .style1 { width: 95px; }

/* ~/popup-design.aspx */
.PopUpDesign .PreviewImage { background-position: 0 0; display: block; background-repeat: no-repeat; margin-bottom: 19px; }

/* ~/popup-image.aspx */
.PopupImage .ImageEditorToolBar { margin-left: auto; margin-right: auto; }
.PopupImage .ImageEditorToolBar .Icon { width: 24px; }
.PopupImage .ImageEditorToolBar .Placeholder { width: 7px; }
.PopupImage .ImageEditorWrapper { width: 232px; height: 180px; padding-left: auto; padding-right: auto; margin-top: 12px; margin-bottom: 12px; text-align: center; }
.PopupImage .ImageEditorImage { display: block; vertical-align: middle; margin-left: auto; margin-right: auto; text-align: center; }

/* ~/popup-vorschau.aspx */
.PopUpPreview { overflow: hidden; }
.PopUpPreview a.ButtonNext, .PopUpPreview a.ButtonNext:link, .PopUpPreview a.ButtonNext:visited, .PopUpPreview a.ButtonNext:active, .PopUpPreview a.ButtonNext:hover { background-image: url('/Images/Icons/arrow-r.png'); background-repeat: no-repeat; background-position: right center; display: inline-block; padding-right: 9px; color: #B0BA25; }
.PopUpPreview a.ButtonPrevious, .PopUpPreview a.ButtonPrevious:link, .PopUpPreview a.ButtonPrevious:visited, .PopUpPreview a.ButtonPrevious:active, .PopUpPreview a.ButtonPrevious:hover { background-image: url('/Images/Icons/arrow-l.png'); background-repeat: no-repeat; background-position: left center; display: inline-block; padding-left: 9px; color: #B0BA25; }
.PopUpPreview .PreviewImage { background-position: 0 0; display: block; background-repeat: no-repeat; }
.PopUpPreview .Pager { margin-top: 10px; margin-bottom: 15px; }

/* ~/popup-text.aspx */
.PopupText .Table { margin-top: 5px; margin-bottom: 12px; width: 100%; }
.PopupText .Col1 { width: 80px; height: 30px; }
.PopupText .style3 { height: 30px; }

/* ~/warenkorb.aspx */
.Warenkorb .style1 { height: 25px; width: 249px; }
.Warenkorb .style3 { height: 25px; width: 30px; }
.Warenkorb .style4 { height: 25px; width: 55px; }
.Warenkorb .style5 { height: 25px; width: 230px; }

/* ~/couvert-info.aspx */
.CouvertInfo .style1 { width: 100px; }
.CouvertInfo .style2 { width: 60px; text-align: right; padding-right: 7px; }
.CouvertInfo .style3 { width: 33px; }
.CouvertInfo .style4 { width: 45px; text-align: right; }
.CouvertInfo .style5 { width: 100px; vertical-align: top; }
.CouvertInfo .ContentBodyLeft, .CouvertInfo .ContentBodyRight { width: 271px; }

/* ~/account/login.aspx */
.AccountLogin .style3 { height: 23px; }
.AccountLogin .style1 { width: 300px; }
.AccountLogin .style2 { width: 100px; }

/* ~/account/register.aspx */
.AccountRegister .Left { margin: 0px; width: 400px; float: left; }
.AccountRegister .Right { float: left; width: 122px; margin-left: 23px; }
.AccountRegister .style2 { height: 23px; width: 250px; }
.AccountRegister .style3 { height: 23px; width: 150px; }

/* ~/account/passwordreset.aspx */
.AccountResetPassword .Left { margin: 0px; width: 400px; }

.AccountResetPassword .style3 { height: 23px; }
.AccountResetPassword .style1 { width: 300px; }
.AccountResetPassword .style2 { width: 100px; }

/**************************************************************************************************************
 * User Controls
 **************************************************************************************************************/
/* ~/UserControls/DesignList.ascx */
.DesignList { font-size: 9px; line-height: 12px; }

/* ~/UserControls/Menu.ascx */
.Menu { width: 149px; line-height: 17px; cursor: default; float: left; height: 100%; }
.Menu ul { padding-bottom: 19px; margin: 0px; margin-left: 0px; padding-left: 11px; list-style-type: none; list-style-position: outside; }
.Menu ul li { margin-top: 2px; overflow: hidden; }
.Menu ul li a, .Menu ul li a:link, .Menu ul li a:visited { padding-left: 5px; display: block; width: 133px; height: 17px; }
.Menu ul li a:active, .Menu ul li a:hover, .Menu ul li.Selected a, .Menu ul li.Selected a:link, .Menu ul li.Selected a:visited { background-position: 0px 0px; color: #653f10; display: block; background-image: url('/Images/barblue.png'); background-repeat: no-repeat; width: 133px; height: 17px; padding-left: 5px; }
.Menu ul.Strong li a, .Menu ul.Strong li a:link, .Menu ul.Strong li a:visited, .Menu ul.Strong li a:active, .Menu ul.Strong li a:hover { font-weight: bold; }

/* ~/UserControls/Menu-Account.ascx */
div.MenuAccount { clear: both; padding-bottom: 23px; }
div.MenuAccount ul { padding: 0 0 2px 0; margin: 0; width: 582px; border-width: 1px; border-color: #008000; list-style-type: none; float: left; border-bottom-style: solid; clear: both; }
div.MenuAccount ul li { margin: 0; padding-right: 5px; list-style-type: none; float: left; }
div.MenuAccount ul li {  display: block; padding: 1px 5px 1px 5px;  }
div.MenuAccount ul li.Selected {background-color: #bce3e1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;}
div.MenuAccount ul li.Selected a div.MenuAccount ul li.Selected a, div.MenuAccount ul li.Selected a:link, div.MenuAccount ul li.Selected a:visited, div.MenuAccount ul li.Selected a:active, div.MenuAccount ul li.Selected a:hover { color: #653f10; }

/* ~/UserControls/AccountStatus.ascx */
div.AccountStatus { padding-top: 1px; background-position: 0px 0px; display: inline-block; height: 19px; background-repeat: no-repeat; text-align: left; }
div.AccountStatusLoggedIn { width: 141px; background-image: url('/Images/meinkonto_bar.png'); }
div.AccountStatusLoggedOut { width: 43px; background-image: url('/Images/meinkonto_bar_short.png'); }
div.AccountStatusSel { background-image: url('/Images/meinkonto_bar_hi.png'); }
div.AccountStatus a, div.AccountStatus a:link, div.AccountStatus a:visited, div.AccountStatus a:active, div.AccountStatus a:hover { color: #653f10; font-weight: normal; text-decoration: none; }
div.AccountStatus .Konto { float: left; padding-left: 5px; width: 90px; }
div.AccountStatus .Status { float: left; width: 37px; text-align: right; padding-right: 6px; }

/*Bearbeiten deaktivieren: */
a#ctl00_Content_LinkButton1 {
display: none;
}


