@charset "UTF-8";
/* CSS Document */

/* Font sizes: 
   10px = 0.8333em; 11px = 0.9166em; 12px = 1.0em; 14px = 1.1666em; 16px = 1.3333em; 18px = 1.5em; 20px = 1.6666em */

/* Friendly global style resetting 
==============================================================================================  */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, label, legend,
input, p, blockquote, th, td { padding: 0; margin: 0; border: 0; cursor: default; }
body { word-wrap: break-word; } /* IE 5/6 Avoiding Box Expand Hack  */
table { border-collapse: collapse; border-spacing: 0; border: 0; }
a, img, a img { border: none; outline: none }
address, caption, cite, th { font-style: normal; font-weight: normal }
ol, ul { list-style: none }
caption, th { text-align: left }
p, h1, h2, h3, h4, h5, h6 { font-size: 100.01%; font-weight: normal; text-align: left; }
em, strong { font-weight: bold; font-style: normal }
abbr { border: none; }
iframe { border: none; margin: 0; padding: 0; background-color: #E9E9E9; }

div { position: relative; background-color: transparent; }

html, body { height: 100%; font-size: 100.01%; }
body  { text-align: center; background: #FFF url(../img/bckgr_top.png) repeat-x 50% -30px scroll; }
html { overflow-y: scroll; }

/* Basics
==============================================================================================  */

body, input, td, textarea { color: #111; font: normal 12px/1.25 Arial, Helvetica, sans-serif;  }

p { margin: 0 0 5px 0; line-height: 1.25em; }
h1, h2, h3, h4, h5, h6 { margin: 0 0 5px 0; padding: 10px 0 0 0; clear: both; line-height: 1.25em; font-weight: bold; color: #222; }

h1 { font-size: 1.3333em; line-height: 1.1em; }
h2 { font-size: 1.3333em; line-height: 1.1em; }
h3, h4, h5, h6 { font-size: 1em; color: #111; }

a, a:link, a:visited { color: #F30; font-weight: bold; text-decoration: none; cursor: hand; cursor: pointer; }
a:hover { color: #181818; text-decoration: underline; }
a:active { color: #F30; text-decoration: none; }

h1 a, h1 a:link, h1 a:visited, h2 a, h2 a:link, h2 a:visited { color: #222; text-decoration: none; }
h1 a:hover, h2 a:hover { color: #F30; text-decoration: none; }
h1 a:active, h2 a:active { color: #222; text-decoration: none; }

h3 a, h3 a:link, h3 a:visited, h4 a, h4 a:link, h4 a:visited,
h5 a, h5 a:link, h5 a:visited, h6 a, h6 a:link, h6 a:visited { color: #222; text-decoration: none; }
h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { color: #F30; text-decoration: none; }
h3 a:active, h4 a:active, h5 a:active, h6 a:active { color: #222; text-decoration: none; }

a.grey, a.grey:link, a.grey:visited { color: #111; font-weight: normal; text-decoration: none; cursor: hand; cursor: pointer; }
a.grey:hover { color: #F30; text-decoration: none; }
a.grey:active { color: #111; text-decoration: none; }

a.pushlink, a.pushlink:link, a.pushlink:visited { color: #111; font-weight: bold;
	text-decoration: none; background: url(../img/pushlink_0_600_vrtcl.gif) no-repeat left center scroll; 
	padding: 0 0 0 14px; margin: 0; cursor: hand; cursor: pointer; }
a.pushlink:hover { color: #F30; text-decoration: none; background-position: -600px center; }
a.pushlink:active { color: #999; text-decoration: none; background-image: none; }

.selected_pushlink { color: #999; font-weight: bold; background: url(../img/pushlink_active.png) no-repeat left center scroll; 
	padding: 0 0 0 14px; }

.hr { clear: both; height: 0; overflow: hidden; font-size: 0; line-height: 0; }
.hr hr { display: none; height: 0; overflow: hidden; size: 0; }

.divider { padding-left: 1px; padding-right: 1px; }
.domroll { cursor: hand; cursor: pointer; }
.orange { color: #F30; }
.prefix { clear: both; display: block; width: 4.5em; float: left;  }
.intro { margin-top: 10px; font-weight: bold; }
.margin-btm-10 { margin-bottom: 12px; }
iframe.margin-btm-10 { margin-top: 14px; }

ul.listing { margin: 10px 3px 10px 22px; }
ul.listing li { list-style-position: outside; list-style: square; margin: 4px 0; list-style-image: url(../img/bullet.png) }
 


/* Strcuture
==============================================================================================  */

#wrapper, #footer-wrapper { float: none; clear: both; width: 820px; margin: 0 auto; text-align: center; }
#header, #content, #footer { float: none; clear: both; width: 710px; margin: 0 auto; text-align: left; z-index: 10; }

#header { width: 730px; height: 220px; overflow: hidden; }
#extraHeader h1,
#header h1 { position: absolute; left: 2px; bottom: 146px; height: 45px; width: 232px; overflow: hidden;
	margin: 0; padding: 0; background: #F30 url(../img/bartelsdruckt_bckgr_web20.png) no-repeat left top scroll; }
#extraHeader h1 img,
#header h1 img { height: 25px; width: 232px; position: absolute; left: 0; top: 0; }
#header-promo { position: absolute; left: 10px; top: 70px; }
#header #main-navi { position: absolute; left: 0; bottom: 0; z-index: 15; }

#main-navi .tabs { border-bottom-color: #C12700 !important; width: 730px !important; }
#main-navi .tabs li, #main-navi .tabs li a, #main-navi .tabs li.selected span,
	#main-navi .tabs li.selected a, #main-navi .tabs li.selected a:link, #main-navi .tabs li.selected a:visited 
	{ background-image: url(../img/tab_main-navi.png) !important; }

#content { padding-top: 55px; padding-bottom: 30px; }
#main-clmn { float: left; width: 470px; overflow: hidden; }
#side-clmn { float: right; width: 200px; overflow: hidden; }

#footer-wrapper { background: transparent url(../img/bckgr-4footer-wrapper.png) no-repeat center top scroll; }
#footer { padding-top: 36px; padding-bottom: 30px; background: transparent url(../img/HKS8.png) no-repeat 499px 10px scroll; }
#footer p { color: #666; margin-right: 250px; }
#footer .divider { color: #CCC; padding-left: 2px; padding-right: 2px; }
#footer a, #footer a:link, #footer a:visited { font-weight: normal; color: #666; }
#footer a:hover { color: #222; }
#footer a:active { color: #666; }
#footer strong a, #footer strong a:link, #footer strong a:visited { font-weight: bold; }


/* Homepage Promos
==============================================================================================  */

.promo-group { visibility: hidden; }
#header-promo { position: absolute; left: 0; top: 80px; height: 90px; width: 730px; overflow: hidden; }
.promobox { background: #FF3300 url(../img/bckgr_promobox.png) no-repeat left top scroll; width: 230px; height: 90px; 
	position: absolute; top: 0; overflow: hidden; }
#promo-left { left: 0; }
#promo-center { left: 250px; }
#promo-right { left: 500px; }

.promobox p { margin: 0; padding: 0; }
.promobox a, .promobox a:link, .promobox a:visited { background-color: transparent; background-image: none; background-repeat:  no-repeat;
	background-position: left -100px; background-attachment: scroll; padding: 8px 10px; margin: 0; display: block; color: #FFF; 
	height: 74px; width: 210px; font-weight: normal; }
.promobox a:hover { background-position: left top; padding-top: 200px; }
.promobox a strong, .promobox a:link strong, .promobox a:visited strong { color: #111 !important; font-weight: bold !important; 
	background-position: left top; padding-top: 200px; }

a#promo-1 { background-image: url(../img/home-promo-pic1.png); }
a#promo-2 { background-image: url(../img/home-promo-pic2.png); }
a#promo-3 { background-image: url(../img/home-promo-pic3.png); }
a#promo-4 { background-image: url(../img/home-promo-pic4.png); }
a#promo-5 { background-image: url(../img/home-promo-pic5.png); }
a#promo-6 { background-image: url(../img/home-promo-pic6.png); }
a#promo-7, a#promo-9 { background-image: url(../img/home-promo-pic7.png); }
a#promo-8 { background-image: url(../img/home-promo-pic8.png); }

#header-promo-disabled { display: none; }

/* 3-clmn Set-up Homepage including notepad
==============================================================================================  */

table#clmn3 { width: 710px; border:0; border-collapse: collapse; margin: 0; padding: 0; }
table#clmn3 td { text-align: left; vertical-align: top; }
td.clmn-main { width: 200px; overflow: hidden; }
td.clmn-spacer1 { width: 45px; }
td.clmn-spacer2 { width: 37px; }
td.clmn-notiz { width: 227px; }
td.clmn-main img { clear: both; float: none; margin: 7px 0 7px 0; }

#notizen { position: relative; width: 227px; background: #FFF url(../img/bckgr_notizen.png) no-repeat left top scroll; 
	padding-bottom: 24px; padding-top: 32px; }
#notizen i#notizen-ende { position: absolute; left: 0; bottom: 0; z-index: 99; width: 227px; height: 24px; 
	background: #FFF url(../img/bckgr_notizen.png) no-repeat left bottom scroll; }
#notizen-tube { width: 175px; margin: 0 21px 0 31px; }
#embedded-date { font-size: 0.9166em; font-weight: bold; color: #222; }
#notizen h3, #notizen h2 { margin-bottom: 2px; padding-top: 6px; }
#notizen #first-head { padding-top: 0; padding-bottom: 2px; border-bottom: 1px solid #999; margin-bottom: 7px; }
#notizen .prefix { width: 3.5em; }
#notizen .divider { padding-left: 1px; padding-right: 1px; }

/* Revisited notepad
==============================================================================================  */
td#notizen-new { background: #FFF url(../img/bckgr_notizen2.png) no-repeat left bottom scroll; padding-bottom: 24px; }
div#notizen-new-box { width: 227px; background: transparent url(../img/bckgr_notizen2.png) no-repeat left top scroll; padding-top: 32px; }
#notizen-new h3, #notizen-new h2 { margin-bottom: 2px; padding-top: 6px; }
#notizen-new #first-head { padding-top: 0; padding-bottom: 2px; border-bottom: 1px solid #999; margin-bottom: 7px; }
#notizen-new .prefix { width: 3.5em; }
#notizen-new .divider { padding-left: 1px; padding-right: 1px; }






/* Tabs
==============================================================================================  */
.tabs { float: left; width: 470px; border-bottom: 1px solid #CCC; list-style: none; }
.tabs li { float: left; padding-left: 3px; margin-right: 3px; background: url(../img/tab.png) no-repeat left top; font-weight: bold; 
	list-style: none; line-height: 1.2em; }
.tabs li.first-child { margin: 0; }
.tabs li a, .tabs li a:link, .tabs li a:visited { display: block; padding: 4px 10px 3px 7px; border: none; outline: none; 
	background: url(../img/tab.png) no-repeat right top; color: #595959; text-decoration: none; }
.tabs li a:hover { color: #181818; text-decoration: none; }
.tabs li a:active { color: #000; text-decoration: none; }
.tabs li.selected { position: relative; margin-bottom: -1px; background-position: 0 -40px; }
.tabs li.selected span { display: block; padding: 4px 10px 4px 7px; background: url(../img/tab.png) no-repeat right -40px; font-weight: bold; color: #111; }
.tabs li.selected a, .tabs li.selected a:link, .tabs li.selected a:visited { display: block; padding: 4px 10px 4px 7px; background: url(../img/tab.png) no-repeat right -40px; font-weight: bold; color: #111; }
.tabs li.selected a:hover { color: #000; text-decoration: none; }
.tabs li.selected a:active { color: #111; text-decoration: none; }
* html body .tabs { margin-bottom: 0; }

.tabs-content { border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; border-top: 0;
	margin-bottom: 8px; padding: 8px 9px 5px 9px; }
.tabs-content-tube { width: 450px; overflow: hidden; }

/* Submenu
==============================================================================================  */
.subnav { display: block; float: none; padding-bottom: 24px; list-style: none; }
.subnav li { display: block; float: left; background-color: #FFF; font-weight: bold; list-style: none; line-height: 1.2em; width: 90%}
.subnav li a, .subnav li a:link, .subnav li a:visited 
	{ display: block; color: #111; font-weight: bold; text-decoration: none; background: url(../img/pushlink_0_600_vrtcl.gif) no-repeat left center scroll; 
	padding: 2px 0 2px 14px; margin: 0; cursor: hand; cursor: pointer; float: left; width: 80%; }
.subnav li a:hover { color: #F30; text-decoration: none; background-position: -600px center; }
.subnav li a:active {  color: #999; text-decoration: none; background-image: none; }
.subnav li.selected a, .subnav li.selected a:link, .subnav li.selected a:visited 
	{ display: block; color: #999; display: block; padding: 2px 0 2px 14px; border: none; outline: none; 
		background: url(../img/pushlink_active.png) no-repeat left center scroll; margin: 0; cursor: default; }
.subnav li.selected a:hover { color: #999; text-decoration: none; background: url(../img/pushlink_active.png) no-repeat left center scroll; }
.subnav li.selected a:active { color: #999; text-decoration: none; background: url(../img/pushlink_active.png) no-repeat left center scroll;}


/* Design
==============================================================================================  */

#oberkante-papierecke { position: absolute; left: 0; top: 200px; width: 50px; height: 20px;
	background: #FFF url(../img/papier_schattenkante.png) no-repeat left top scroll; z-index: 9; }
#papierecke { position: absolute; left: 0; top: 220px; height: 42px; width: 46px; 
	background: #FFF url(../img/papierecke.png) no-repeat left top scroll; z-index: 15; }
#papierecke .domroll { cursor: default; }
#passer-ecken { position: absolute; left: 20px; top: 240px; width: 780px; height: 22px; 
	background: transparent url(../img/bckgr-footer-wrapper.png) no-repeat center top scroll; z-index: 12; }


/* Person Listings
==============================================================================================  */
table.personlist { width: 450px; border: 0; border-collapse: collapse; padding: 0; margin: 0; }
table.personlist td { vertical-align: top; text-align: left; padding-bottom: 8px; }
table.personlist td.pic-clmn { width: 102px; padding-top: 10px; }
table.personlist td.pic-clmn img { width: 84px; height: 102px; border: 0; }
table.personlist td.info-clmn { width: 348px; }
table.personlist td.info-clmn h3 { margin-bottom: 0; }
table.personlist td.info-clmn p { margin: 0; }
table.personlist td.info-clmn p.position { margin-bottom: 3px; }

/* Logo Listings
==============================================================================================  */
.logo-table { width: 460px; border: 0; border-collapse: collapse; margin-top: 15px;}
.logo-table .td-center { width: 20px; text-align: right; }
.logo-table .td-left { width: 140px; text-align: center; padding-bottom: 15px; vertical-align: middle; }

/* History Listing
==============================================================================================  */
.history-table { width: 470px; border: 0; border-collapse: collapse; margin-top: 15px;}
.history-table .td-center { width: 20px; text-align: left; }
.history-table .td-left { width: 60px; text-align: left; padding-bottom: 10px; vertical-align: top; }
.history-table .td-left p { text-align: left; font-weight: bold; color: #666; }
.history-table .td-right { width: 390px; text-align: left; padding-bottom: 10px; vertical-align: top; }


#kontakt_table input, #kontakt_table textarea { width: 90%; border: 1px solid #CCC; margin: 0; padding: 1px; font-size: 1em; line-height: 1em; margin: 0; background-color: #FFF; }
#kontakt_table select { border: 1px solid #CCC; margin: 0; padding: 1px; font-size: 1em; line-height: 1em; margin: 0; background-color: #FFF; }
#kontakt_table td { padding-bottom: 3px; vertical-align: top; }
#kontakt_table td p { padding-top: 2px; margin: 0; }
#kontakt_table .button, #kontakt_table .button_off { width: auto; margin: 10px 1px 0 1px; padding: 2px 5px; 
	font-size: 1em; line-height: 1em; cursor: hand; cursor: pointer; }
#kontakt_table .button { border: 1px solid #F30; background-color: #F30; color: #FFF; font-weight: bold;}
#kontakt_table .button_off { border: 1px solid #CCC; background-color: #E5E5E5; color: #333; }

/* Postit-Box 
==============================================================================================  */

.postit-wrapper { background: transparent url(../img/bckgr_postit_200.png) repeat-y left top scroll; padding: 12px 0 0 0; width: 200px; margin: 9px 0 4px 0; }
.postit-inner { background: transparent url(../img/footer_postit_200.png) no-repeat left bottom scroll; padding: 0 0 12px 0; width: 200px; }
.postit-tube { padding: 0 16px 0 12px; overflow: hidden; }

.postit-465 { background-image: url(../img/bckgr_postit_465.png) !important; width: 465px !important; }
.postit-465 .postit-inner { background-image: url(../img/footer_postit_465.png) !important; width: 465px !important; }

#side-clmn .postit-wrapper { margin: 22px 0 16px 0 !important; }


/* Twitter-Promo 
==============================================================================================  */

#twitterPromo {
padding-top: 62px;
background: url(../img/twitter-promo2.png) no-repeat left 10px scroll !important;
}

a.twitterHomePromo, a.twitterHomePromo:link, a.twitterHomePromo:visited {
display: block;
width: 34px;
height: 34px;
text-indent: -9999em;
overflow: hidden;
background: #FF3300 url(../img/twitter-home-promo.png) no-repeat left top scroll;
position: absolute;
right: 0;
top: 27px;
text-decoration: none;
white-space: nowrap;
}
a.twitterHomePromo:hover {
background-position: left -34px;
text-decoration: none;
}
a.twitterHomePromo:active {
background-position: left top;
text-decoration: none;
}



a#link25, a#link25:link, a#link25:visited {
	display: block;
	width: 80px;
	height: 45px;
	position: absolute;
	top: 12px;
	right: 0;
	text-decoration: none;
	text-indent: -9999em;
	white-space: nowrap;
	font-weight: normal;
	background: url('http://www.bartelsdruckt.de/www_global/img/bckgr-25jahre-small.gif') no-repeat left top scroll;
}
a#link25:hover {
	text-decoration: none;
}


/* Rss-Box 
==============================================================================================  */

.rss-stream-box { background-color: transparent; margin: 0; width: 175px; padding: 2px 0 6px 0; border-bottom: 1px solid #999; margin-bottom: 7px; }
.rss-stream-box p { color: #202020; white-space: normal; }
.rss-stream-box a, .rss-stream-box a:link, .rss-stream-box a:visited { color: #111 !important; text-decoration: none; white-space: normal; }
.rss-stream-box a:hover { color: #F30 !important; text-decoration: none; } 

.rss-stream-box .datefield, .rss-stream-box .labelfield, .rss-stream-box .snippetfield,
.rss-stream-box .datetimefield, .rss-stream-box .descriptionfield { display: none !important; }

/* Blogger 
==============================================================================================  */

.blogger .date-header, .blogger .previous { clear: both; float: none; margin: 7px 0 1px 0; border-top: 1px solid #999; padding: 18px 0 0 0; color: #666; font-weight: bold; }
.blogger .item-header { margin: 1px 0 5px 0; padding: 0; clear: both; }
.blogger-labels { display: none; }

.blogger .post-body, .blogger .post-body span {  
	color: #111 !important; 
	font-size: 12px !important;
	line-height: 1.25em !important;
	font-family: Arial, Helvetica, sans-serif !important; }
.blogger div.post-body { padding-bottom: 11px; }

.blogger .post-body a, .blogger .post-body a:link, .blogger .post-body a:visited 
	{ color: #F30 !important; font-weight: bold !important; text-decoration: none !important; cursor: hand !important; cursor: pointer !important; }
.blogger .post-body a:hover { color: #181818 !important; text-decoration: underline !important; }
.blogger .post-body a:active { color: #F30 !important; text-decoration: none !important; }

.blogger .post-body img { display: block !important; margin: 10px 0 10px 0 !important; float: none !important;
	border: 1px solid #CCC !important; padding: 4px !important; background-color: #FFF !important;
	max-width: 400px !important; }


#xl-kommt { position: absolute; right: 200px; top: 1px; }

body#blogger div#header { margin-top: 0; }
body#blogger div#wrapper { margin-top: 0; }
body#blogger iframe#navbar-iframe { display: none; margin-left: -99999em; }