@charset 'utf-8';
/*  
Theme Name: Dorothea Cüppers
Theme URI: http://dorothea-cueppers.de
Description: Theme for Dorothea Cueppers by <a href="http://projekt0561.de">Projekt0561</a>.
Version: 1.0
Author: Moritz Fröhner 
Author URI: http://projekt0561.de
*/
@import url(css/reset.css);
/*@import url(css/lightbox.css);*/
.left, .alignleft {float: left;	margin: 0 15px 0 0;}
.right, .alignright {float: right;margin: 0 0 0 15px;}
.clear{clear:both}
html body a {text-decoration:underline;}
a img{border: none;}
a[href^="http://"] {padding-right: 20px;background: url(img/icons/trackback.gif) right 60% no-repeat;margin-right: 2px;}
a[href^="http://www.dorothea-cueppers.de"]{background-image: none;	padding-right: 0;}
blockquote{border-left: 2px solid #CCCCCC;color: #CCCCCC;margin-left: 1em;padding-left: 1em;}
fieldset {padding: .5em;}
/*-----------------------------------------------------------------------------------------------*/
/* Layout   -------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
html {font: 100%/1.5 Corbel,Helvetica,Arial,Sans-serif; }
#wrapper {margin: 0 auto; width: 960px;}
#branding {background: url(img/bg_header.jpg) no-repeat bottom;height: 120px;}
#navigation {height: 1.5em;background:#fff; margin-top:5px; height:60px;}
#about {background: #E1E6FA;}
#main_content {float: left; width: 600px; margin: 0 0 1em 0;}
#sub_content {float:right; width: 300px;margin: 0 0 1em 0;}
/*-----------------------------------------------------------------------------------------------
  Kopfteil
-----------------------------------------------------------------------------------------------*/
#branding h1 {font-size: 32px;font-weight: normal; color: #4B5360;text-transform: uppercase;float: left;margin: 0.5em 0.5em 0 0;padding: 0px 0.5em 0.25em 0;border-right: 1px solid #808080; letter-spacing: 0.1em;}
#branding h1 a{color: #4B5360; text-decoration: none;}
#branding p{font-size: 20px; color: #375D81;line-height: 1em;margin: 0;padding: 1.2em 0px 1.2em 0px;letter-spacing: 0.15em;}
/*-----------------------------------------------------------------------------------------------
  Navigation
-----------------------------------------------------------------------------------------------*/
#nav {position: relative; min-width: 960px; margin: 0.5em 0; text-align: center; border-top: 1px solid #808080; border-bottom: 1px solid #808080; padding: 0.3em 0 0.3em 0;}
#nav li {display: inline; padding: 0 20px;}
#nav li a {font-size: 14px; font-weight: 600;color: #375D81; text-decoration:none;}
#nav li a:hover {color:#253B5F;}
#nav li.aktiv a{color:#253B5F;}
#nav li.aktiv a:hover, #navigation ul li.aktiv a:focus {color: #5375AC;}

/*-----------------------------------------------------------------------------------------------
  Inhalt
-----------------------------------------------------------------------------------------------*/
#about {border-radius: 12px;-moz-border-radius: 12px;-webkit-border-radius:12px;-ms-border-radius:12px;-khtml-border-radius: 12px;padding: 25px 50px;}
#about h2 {color:#183152;margin:0 0 1em 0;}
#about p {color:#375D81;margin:0;padding:0 0 10px 0; margin: 0 0 10px 0;}
#about a {color:#375D81;margin:0;}
.bullet {padding:2px 0 2px 25px; background: url(img/info.png) no-repeat left !important;}
.bullet:hover{color:#183152;text-decoration:underline;}
h2,h3,h4 {font-family: cambria, palatino, georgia, serif; font-weight:normal;}
h2 {font-size:24px; color:#253B5F; margin:0.8em 0; clear:both;}
h3 {font-size:20px; color:#253B5F; margin:0.4em 0;}
h4 {font-size:18px; color:#253B5F; margin:0.2em 0;}
h2 a,h3 a,h4 a {color:#253B5F; font-weight:normal;}
#main_content {font-family: candara,"liberation sans","trebuchet ms","lucida grande",helvetica,sans-serif;}
p {color: #333; line-height: 1.4em; margin: 0 0 1em 0; font-size:1em;}
a {color: inherit; text-decoration:none;}
a:hover {color: #5375AC;}
.pub_list {margin: 1em 0 0 0;}
.pub_list h3 {background: url(img/up.gif) no-repeat right;border-bottom: 1px solid #ddd; margin: 0.5em 0;cursor:pointer;}
.pub_list h3.active {background: url(img/down.gif) no-repeat right;}
.pub_list ul {margin: 1em 0;}
.pub_list li {font-size: 0.9em; color:#333;padding: 0 0 0 20px; margin: 0.5em 0;background: url(img/bullet.gif) no-repeat left top;}
.pub_list a {color: #5375AC;}
.pub_list a[href^="http://"] {background: url(img/icons/file.png) right 60% no-repeat;}
.pub_list a:hover {color: #B9766C;}
.page .wp-caption {border: 1px solid #DDD; background: #F3F3F3;}
.page .wp-caption img {margin:5px;}
.page .wp-caption-text {text-align: center;}
/*Neuerscheinungen */
.item_new {position: relative; height: 120px; margin: 0 0 2em 0;}
.item_new a.thumb {position:absolute;top:0;left:0;width: 100px;height:100px; background: url(img/a_bg.gif) no-repeat;}
.item_new a img {border: 1px solid #808080;}
.item_new h3 {margin:0 0 0 130px;} 
.item_new p {margin:1em 0 1em 130px; font-size:0.95em;}
.item_nav {margin:0 0 0 130px; border-top:1px dotted #375D81; padding: 5px 0 0 0;}
.item_nav  a {color:#375D81; text-decoration: none;}
.item_nav  a:hover {color:#183152; text-decoration:underline;}
.item_nav .information {background: url(img/info.png) no-repeat; padding: 0 10px 0 25px;}
.item_nav .buy {background: url(img/buy.gif) no-repeat; padding: 0 10px 0 25px;}
.item_nav .buy a {background: none; margin:0;padding:0;}
/*-----------------------------------------------------------------------------------------------
  Site Information
-----------------------------------------------------------------------------------------------*/
#sub_content {position: relative; font-size: 0.9em;}
#sub_content h4 {margin:1em 0 0.5em 0;padding: 0 0 5px 0; border-bottom: 2px solid #E1E6FA;}
#sub_content ul, #sub_content .vcard {background:#E1E6FA;}
#sub_content ul {margin:0;padding: 20px 0;border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-ms-border-radius: 0 0 8px 8px;-khtml-border-radius: 0 0 8px 8px;}
#sub_content ul li {color:#375D81; margin: 10px 20px;}
#sub_content ul li a:hover {border-bottom: 1px dotted #183152;}
/*-----------------------------------------------------------------------------------------------
  Fußzeile
-----------------------------------------------------------------------------------------------*/
#footer {border-top: 1px solid #808080; font-size:0.9em;}
p.copyright {margin: 2em 0 1em 0.5em;}
#site-info {margin-top: 20px; font-size:12px; text-align:center;}
#site-info a {text-decoration:none;}
#site-info a:hover {}
#site-info li {display: inline;}
#site-info li a {color: #333;margin: 0 0.5em;}
#site-info li a:hover {color:#5375AC;border-bottom: 1px dotted;}
/*-----------------------------------------------------------------------------------------------
  hcard
-----------------------------------------------------------------------------------------------*/
.vcard {color: #375D81;line-height: 1.5em;padding: 20px 10px;border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:8px;-ms-border-radius: 0 0 8px 8px;-KHTML-border-radius: 0 0 8px 8px;}
.vcard a {color:#375D81;}
.fn { background: url('img/user.png') no-repeat left !important;padding: 0 0 0 25px; text-decoration: none; color:#404040;}
.fn:hover {text-decoration: underline;}
.street-address { background: url('img/home.png') no-repeat left;padding: 0 0 0 25px; }
span.postal-code {padding: 0 0 0 25px; }
.tel {background: url('img/phone.png') no-repeat left;padding: 0 0 0 25px; }
.vcard .link {margin-top:10px;}
/*-----------------------------------------------------------------------------------------------
  Kontaktformular
-----------------------------------------------------------------------------------------------*/
form dl, dl.labels {margin:0em;font-size:100%;margin-top:0.5em}
form dt, dl.labels dt {
	float:left;
	width:6em;
	margin-bottom:0.8em;
	color:#555;
	text-align:left;
	font-weight:400;
	position:relative /*IEWin hack*/
}
form dd small {display:none;}
form dd, dl.labels dd {
	margin-left:7.5em;
	margin-bottom:0.8em;
	font-size:100%;
	font-style:normal;
	text-align:left;
	padding-left:0.5em
}
form dd.submit, dl.labels dd.submit  {margin-top:2em}
.error_msg {font-weight:700;color:#C33;}
.pxs_css_spamcheck {display: none !important;}
/*-----------------------------------------------------------------------------------------------
  Illustration
-----------------------------------------------------------------------------------------------*/
ul.album-items, ul.gallery-items {font-style: corbel, san-serif;}
li.album-item, li.gallery-item {position: relative; width:130px; height:160px;float:left; border: 1px solid #ddd; margin:5px;}
h4.album-title {position: absolute; font-size: 0.95em; bottom:5px; left: 0;width: 130px; text-align: center;}
a.album-link {color:#253B5F;}
a.album-link:hover {color:#5375AC;}
img.album-thumb, img.gallery-thumb {position: absolute; top:5px; left: 5px; border: 1px solid #000; margin:0;padding:0;}
.submit {
	border-radius: 11px;
-moz-border-radius-bottomleft:11px;
-moz-border-radius-bottomright:11px;
-moz-border-radius-topleft:11px;
-moz-border-radius-topright:11px;
-webkit-border-bottom-left-radius:11px;
-webkit-border-bottom-right-radius:11px;
-webkit-border-top-left-radius:11px;
-webkit-border-top-right-radius:11px;
-ms-border-radius:11px;
-khtml-border-radius:11px;
-moz-box-sizing:content-box;
border-style:solid;
border-width:1px;
border-color:#BBBBBB;
cursor:pointer;
font-family:"Lucida Grande",Verdana,Arial,"Bitstream Vera Sans",sans-serif;
font-size:11px !important;
line-height:1.2em;
padding:4px 10px;
}

/*-----------------------------------------------------------------------------------------------
  Sontiges
-----------------------------------------------------------------------------------------------*/
.wp-caption {border: 1px solid #ddd;}
.wp-caption img {margin: 5px;}
.wp-caption-text {margin: 0; padding:0; font-size: 0.8em; text-align: center;}
.gallery-icon {background: #fff; border: 1px solid #ddd;padding:5px;margin: 5px;}
.gallery-icon img {margin: 0!important; padding: 0 !important;}
.gallery {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0 auto;
	}
.gallery .gallery-row {
	display: block;
	clear: both;
	overflow: hidden;
	margin: 0;
	}
.gallery-item {
	overflow: hidden;
	margin: 0;
	text-align: center;
	}
.gallery .gallery-item img, .gallery .gallery-item img.thumbnail {
	max-width: 89%;
	height: auto;
	padding: 1%;
	margin: 0 auto;
	}
.gallery-caption {
	margin-left: 0;
	}
/*-----------------------------------------------------------------------------------------------
  Fancy
-----------------------------------------------------------------------------------------------*/
div#fancy_overlay {
	position:absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	background-color: #333;
}

div#fancy_loading {
	position: absolute;
	height: 40px;
	width: 40px;
	cursor: pointer;
	display: none;
	overflow: hidden;
	background: transparent;
	z-index: 100;
}

div#fancy_loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background: transparent url(img/fancy/fancy_progress.png) no-repeat;
}

div#fancy_close {
	position: absolute;
	top: -12px;
	right: -12px;
	height: 30px;
	width: 30px;
	background: transparent url(img/fancy/fancy_closebox.png) ;
	cursor: pointer;
	z-index: 100;
	display: none;
}

div#fancy_content {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0; 
	margin: 0;
	z-index: 96;
}

#fancy_frame {
	position: relative;
	width: 100%;
	height: 100%;
	display: none;
}

img#fancy_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:0; 
	padding: 0; 
	margin: 0;
	z-index: 92;
}

div#fancy_title {
	position: absolute;
	bottom: -35px;
	left: 0;
	width: 100%;
	z-index: 100;
	display: none;
}

div#fancy_title table {
	margin: 0 auto;
}

div#fancy_title div {
	color: #FFF;
	font: bold 12px Arial;
	padding-bottom: 2px;
}

td#fancy_title_left {
	height: 32px;
	width: 15px;
	background: transparent url(img/fancy/fancy_title_left.png) repeat-x;
}

td#fancy_title_main {
	height: 32px;
	background: transparent url(img/fancy/fancy_title_main.png) repeat-x;
}

td#fancy_title_right {
	height: 32px;
	width: 15px;
	background: transparent url(img/fancy/fancy_title_right.png) repeat-x;
}

div#fancy_outer {
	position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    padding: 18px 18px 58px 18px;
    margin: 0;
    overflow: hidden;
    background: transparent;
    display: none;
}

div#fancy_inner {
	position: relative;
	width:100%;
	height:100%;
	border: 1px solid #444;
	background: #FFF;
}

a#fancy_left, a#fancy_right {
	position: absolute; 
	bottom: 10px; 
	height: 100%; 
	width: 35%; 
	cursor: pointer;
	background-image: url(data:image/gif;base64,AAAA);
	z-index: 100; 
}

a#fancy_left {
	left: 0px; 
}

a#fancy_right {
	right: 0px; 
}

a#fancy_left:hover {
	background: transparent url(img/fancy/fancy_left.gif) no-repeat 0% 100%;
}

a#fancy_right:hover {
	background: transparent url(img/fancy/fancy_right.gif) no-repeat 100% 100%;
}

#fancy_bigIframe, #fancy_freeIframe {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

div#fancy_bg {
	display: none;
}
	
div.fancy_bg {
	position: absolute;
	display: block;
	z-index: 70;
}

div.fancy_bg_n {
	top: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_n.png) repeat-x;
}

div.fancy_bg_ne {
	top: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_ne.png) no-repeat;
}

div.fancy_bg_e {
	right: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(img/fancy/fancy_shadow_e.png) repeat-y;
}

div.fancy_bg_se {
	bottom: -18px;
	right: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_se.png) no-repeat;
}

div.fancy_bg_s {
	bottom: -18px;
	width: 100%;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_s.png) repeat-x;
}

div.fancy_bg_sw {
	bottom: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_sw.png) no-repeat;
}

div.fancy_bg_w {
	left: -13px;
	height: 100%;
	width: 13px;
	background: transparent url(img/fancy/fancy_shadow_w.png) repeat-y;
}

div.fancy_bg_nw {
	top: -18px;
	left: -13px;
	width: 13px;
	height: 18px;
	background: transparent url(img/fancy/fancy_shadow_nw.png) no-repeat;
}