/* WMS CSS 2.0 */
/* HTML Tag Redefinition */
html, body {height: 100%;min-width:990px;width:100%;margin:0; padding:0;}
body {/* customize_background */ background-color: #720419; /* customize_background */ 
  padding: 0px; margin: 0px; 
  color:#FFFFFF;
  background:#720419 url(http://www.delicious-doughnuts.de/themes/delicicous/images/bg.jpg) no-repeat center top;
}
img {border: 0px}
a { cursor:pointer}

label { font-weight:bold;}
fieldset { border:1px solid #ccc;}

/* error text class optionally provided by theme */
div.ccm-error-response {color: #f00; margin-bottom: 12px}

/* Page Structure / Navigation */
#page { width:100%;height:auto !important;height:100%;min-height:100%;text-align:left;position:relative;}

#page #header{width:990px;height:170px;/*height:auto;*/ margin:0 auto;position:relative;}
#page #header #logo {
  background:url(http://www.delicious-doughnuts.de/themes/delicicous/images/dd_logo.png) no-repeat top left;
  width:46px; height:154px;
  color:#FFFFFF; font-size:32px; 
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px; padding: 0px;  cursor:pointer;  left:0px; top:0px; z-index:4; position: absolute }
#page #header #logo a{ /* customize_header_logo */color:#FFFFFF; /* customize_header_logo */ 
  text-decoration:none;
  border:none;
  display:block; 
  width:100%; height:100%;
  }
#page #header #logo span{text-indent:-9999px;display:block; }

/*Background Header Image*/
/*
#header-backdrop {position:absolute;top:0px; left:0px; z-index:0; width:100%; height:100%;overflow:hidden;}
#header-backdrop #header-bg-content {width:100%;height:100%;position:relative;top:0px; left:0px;}
#header-backdrop.edit-mode {top:80px; left:2px; height:100px; width:100px;}
#header-backdrop.edit-mode #header-bg-content {height:100%; width:100%;} 
#page.homesite #header-backdrop {height:100%;}
*/

#header #mainNav {/*position:absolute; top:76px; left:0px;z-index:0;*/ /*overflow:visible;*/min-width:400px;position:absolute;z-index:2;left:60px;top:68px;}
#page #breadcrumbNav {width:100%;margin-bottom:30px;}
#page #header #topArea{margin:0px; padding:0;width:auto;position:absolute;min-width:400px;z-index:2; top:0px; right:0px;}
#page #header #topArea p {margin-bottom:0px;}
#page #header #topArea .language-area {float:left; width:auto;}
#page #header #topArea .shout-area {float:left; width:auto;}

#page #socialBar {
  margin:0; padding:0;
  right: 0px; top: 120px; position: fixed;
  /*overflow-x: visible;overflow-y: visible;*/
  width: 35px;
  min-height:90px; 
  z-index: 5;
}

#page #header ul.nav-header{ list-style:none; margin:0px; padding:0px; width:auto; z-index:2; overflow:visible; float: right}
#page #header ul.nav-header li{float:left; padding:2px 0px; margin-left:16px; margin-bottom: 0px; color:#999; font-size:13px; margin-top:0px }
#page #header ul.nav-header li a,#page #header ul.nav-header li a:hover{ text-decoration:none; color:#999999; border:none; }
#page #header ul.nav-header li.nav-selected{ border:1px solid #bbb; padding:2px 8px; }

/*Teaser Area*/
#page #header #header-area{padding:0; margin:0px; width:100%;position:relative;z-index:0;top:0px;}
#page #header #header-area #header-area-inside{margin:0;}
#page #header #header-area img {display: block}
#page .divider{}

#page #content {clear:both; padding:0 0 0 0;margin:0;width:990px; margin:0 auto; position:relative; height:100%;padding:0 0 560px 0}
#page #content .content-wrap {padding:0; margin:0;  width:100%;}
/* no sidebar - full page*/
#page .no-sidebar {}  
#page .no-sidebar #body{ float: none !important; width: auto !important; }

/*sidebar left*/
#page #content.central-left {}
#page #content.central-left div#sidebar {float: left !important; width:300px !important; }
#page #content.central-left #body {width:630px; padding-left: 0px !important; padding-right: 0px !important; float:right}

/*sidebar right*/ 
#page #content #body{ float:left; width:630px; padding-left: 0px !important; padding-right: 0px !important; }
#page #content #sidebar{ float:right; width:300px; overflow:hidden}

#page .artist-contact {margin:25px 0 0 0}
#page .artist-contact strong.contact-title {display:block;border-bottom:1px solid #9d2b3a; padding:0 0 5px 0; margin:0 0 15px 0;}
#page .artist-contact .left-side, #page .artist-contact .right-side {width:48%;margin:0; padding:0 0 0 0; /*border-bottom:1px solid #9d2b3a*/}
#page .artist-contact .left-side {float:left;}
#page .artist-contact .right-side {float:right;}
#page .artist-contact .contact-socialarea {clear:both; width:100%;border-top:1px solid #9d2b3a; padding:10px 0 0 0; margin:15px 0 0 0;}
#page .artist-contact .contact-socialarea .inner-wrap {float:right; width:auto;}


#page #content.noSideNav{ background: none;}
#page #content.noSideNav #sidebar{ display:none}
#page #content.noSideNav #body{float: none; padding-left:0px; padding-right:0px; width:100%;}

/* Footer */

#page #footer {height:500px;  
  clear:both;position:absolute;bottom:0px; padding:0;margin:0;
  color:#FFFFFF; width:100%;background:#3d0f09;}
#footer .footer-wrap {padding:0; margin:0;}
#footer .footer-wrap .inner {padding:0;width:990px; margin:0 auto;}
#footer .footer-top {padding:0 0 0 0;border-bottom:3px solid #FFFFFF; background:#720419;}
#footer .footer-bottom {padding:15px 0 0 0; }

#footer .footer-col1 {width:285px; float:left;}
#footer .footer-col2 {width:285px;float:left;}
#footer .footer-col1 .padding-box {padding:70px 40px 0 0px;}  
#footer .footer-col2 .padding-box {padding:70px 40px 0px 0px} 

#footer .footer-col-3 {width:420px; float:right; }
#footer .footer-col-3 .padding-box { padding:70px 0 0 0px}
#footer .no-margin {margin-right:0px;}
#page #footer .copy-box a{ text-decoration:none;color:#932835}
#footer h1 {}

#footer span.sign-in {margin-left: 20px}
#footer .logo {float:right;}
#footer .footer-col1 h1 {/*font-size:1.4em; line-height:1.0em;margin-bottom:8px;*/}

#footer .copy-box {float:left; margin:0 10px 0 0;font-size:1.0em;width:auto;color:#932835}
#footer .copy-box .copyright {padding:0; margin:0; }
#footer .copy-box a:hover {}




/* default pagination */

.pagingNav{ margin:16px 0px 8px 0px}
.pagination{ text-align:center; color:#bbb; padding-top:4px}
.pagination .pageRight{width:20%; float:right; text-align:right}
.pagination .pageLeft{width:20%; float:left; text-align:left}

/* MISC STYLES & SHORTCUTS */
div.code {border: 1px solid #ddd; background: #eee; padding: 10px}
div.spacer,div.ccm-spacer{ clear:both; font-size:1px; line-height:1px }
div.spacer, div.clearer  {clear:both; font-size:0px;height:0px; line-height:0px }
.noTopSpace{margin-top:0px; padding-top:0px}
div.pageSection { margin-bottom: 10px; }

/* additional styles */


.wms-content-block a {border-bottom:1px dotted #ff6c00;  padding:1px 2px 1px 2px;}
.wms-content-block a:hover {padding:1px 2px 1px 2px; border-bottom:1px solid #ff6c00; background:#ff6c00}




/*Newsletter*/
#page .manage-subscriptions-wrap {margin:0 0 40px 0;}
#page .manage-subscriptions-wrap h2 {color:#FFFFFF;margin-bottom:15px;}
#page .manage-subscriptions-wrap .manage-subscription {}
#page .manage-subscriptions-wrap .manage-subscription .subscription, #page .manage-subscriptions-wrap .manage-subscription .unsubscription {}
#page .manage-subscriptions-wrap .subscribe-message {font-weight:bold;}

#page .manage-subscriptions-wrap input.subscribe-button {

	background: #FFFFFF;
	padding: 0px 10px; margin:0;
	border:none;
	font-size: 1.0em;line-height:24px; color:#000000; font-family: Arial, Helvetica, sans-serif;  
  cursor:pointer;
  height:30px;
  margin-top:15px;  
  width:auto;
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow:1px 1px 2px #333;
  -webkit-box-shadow:1px 1px 2px #333;
  box-shadow:1px 1px 2px #333;


}

#page .manage-subscriptions-wrap input.subscribe-button:hover {background: #ff6c00; color:#FFFFFF}


