/* Start of CMSMS style sheet 'festtagslieder_v3' */
/*  
Sticky Footer Solution
by Steve Hatcher 
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;} 

/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#main {padding-bottom: 75px;}  /* must be same height as the footer */

#footer {position: relative;
	margin-top: -75px; /* negative value of footer height */
	height: 75px;
	clear:both;} 

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

body {
	background: url([[root_url]]/uploads/images/design/body_bg.jpg) repeat-x #fffefd;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #222;
	letter-spacing: 1px;
}

h1 {
	font-size: 48px;
	line-height: 48px;
}

h1 span {
	position:absolute;
	left:-9999px;
}

h2, h3 {
        font-family: georgia, "times new roman", serif;
	font-weight: normal;
        padding-top: 5px;
}

h2 {
        font-size: 20px;
}

h2.sent {
	font-size: 18px;
        font-family: georgia, "times new roman", serif;
        font-weight: normal;
        margin-bottom: 1em;
        border-bottom: 1px solid #222;
        width: 75%;
}

h3 {
	font-size: 18px;
        margin-bottom: 0.7em;
}

h4 {
        font-size: 16px;
        font-weight: normal;
        padding: 0.5em 0;
        margin: 1em 0;
        color: #222;
        border-top: 1px solid #bdbdbd;
        border-bottom: 1px solid #bdbdbd;
}

h5 {
	/* styled in form_style.css */
}

p {
        margin-bottom: 0.7em;
}

a {
        color: #222;
}

a:hover {
        text-decoration: none;
}

img {
        border: 0;
}

#wrap {
	/*background: #f00;*/
}

#main {
	/*background: #0f0;*/
}

#container {
	width: 1000px;
	margin: auto;
position: relative;
top: 0px;
left: 0px;
z-index: 2;
}

#header {
	width: 1000px;
	height: 125px;
}

#logo {
	height: 85px;
	text-align: right;
	padding-right: 40px;
}

#navi {
	padding: 5px 0 0 10px;
}

#navi ul {
	list-style: none;
}

#navi ul li {
	float: left;
}

#navi a {
        float: left;
        margin-right: 1px;
        padding-left: 11px;
        text-decoration: none;
}

.Startseite_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_5.jpg) no-repeat left top;
}

.Geburtstag_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_6.jpg) no-repeat left top;
}

.Kollegenabschied_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_7.jpg) no-repeat left top;
}

.Hochzeit_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_8.jpg) no-repeat left top;
}

.Liebe_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_9.jpg) no-repeat left top;
}

.Muttertag_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_10.jpg) no-repeat left top;
}

.Vatertag_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_11.jpg) no-repeat left top;
}

.Taufe_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_0.jpg) no-repeat left top;
}

.Ostern_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_1.jpg) no-repeat left top;
}

.Einschulung_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_2.jpg) no-repeat left top;
}

.Vermischtes_l {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_left_3.jpg) no-repeat left top;
}
      
#navi a span {
        float: left;
        display: block;    
        padding: 11px 11px 10px 0px;
        color: #222;
        font-size: 11px;
        line-height: 11px;
        letter-spacing: 2px;
}

.Startseite_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_5.jpg) no-repeat right top;
}

.Geburtstag_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_6.jpg) no-repeat right top;
}

.Kollegenabschied_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_7.jpg) no-repeat right top;
}

.Hochzeit_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_8.jpg) no-repeat right top;
}

.Liebe_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_9.jpg) no-repeat right top;
}

.Muttertag_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_10.jpg) no-repeat right top;
}

.Vatertag_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_11.jpg) no-repeat right top;
}

.Taufe_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_0.jpg) no-repeat right top;
}

.Ostern_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_1.jpg) no-repeat right top;
}

.Einschulung_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_2.jpg) no-repeat right top;
}

.Vermischtes_r {
	background: url([[root_url]]/uploads/images/design/navi/navi_bg_right_3.jpg) no-repeat right top;
}

#navi a:hover {
        background-position: 0% -32px;
}
      
#navi a:hover span {
        background-position: 100% -32px;
}

#navi .current a {
        background-position: 0% -32px;
}
      
#navi .current a span {
        background-position: 100% -32px;
}

#sidebar {
	float: left;
	width: 270px;
	margin: 10px 0 20px 0;
}

#news_box {
	padding: 5px;
}

.news_box_header {
	width: 220px;
	height: 39px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

.news_box_header[class] {
	background: url([[root_url]]/uploads/images/design/news_box_header_bg.png);
}

.news_box_body {
	width: 220px;
	height: 152px;
	padding: 10px 20px;
        text-align: center;
}

.news_box_body[class] {
	background: url([[root_url]]/uploads/images/design/link_box_body_bg.png) bottom;
}

.news_box_footer {
	width: 260px;
	height: 14px;
}

.news_box_footer[class] {
	background: url([[root_url]]/uploads/images/design/news_box_footer_bg.png);
}

#link_box {
	padding: 5px;
}

.link_box_header {
	width: 220px;
	height: 39px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

.link_box_header[class] {
	background: url([[root_url]]/uploads/images/design/link_box_header_bg.png);
}

.link_box_body {
	width: 220px;
	height: 152px;
	padding: 10px 20px;
}

.link_box_body[class] {
	background: url([[root_url]]/uploads/images/design/link_box_body_bg.png);
}

.link_box_footer {
	width: 260px;
	height: 14px;
}

.link_box_footer[class] {
	background: url([[root_url]]/uploads/images/design/link_box_footer_bg.png);
}

.link_box_body ul {
	list-style: none;
}

.link_box_body ul li a {
	color: #222;
	text-decoration: none;
	line-height: 16px;
}

.link_box_body ul li a:hover,
.link_box_body ul li a.sub_current {
	text-decoration: underline;
}

#shipping_box {
	padding: 5px;
}

.shipping_box_header {
	width: 220px;
	height: 39px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

.shipping_box_header[class] {
	background: url([[root_url]]/uploads/images/design/news_box_header_bg.png);
}

.shipping_box_body {
	width: 220px;
	/*height: 152px;*/
	padding: 10px 20px;
        text-align: center;
}

.shipping_box_body[class] {
	background: url([[root_url]]/uploads/images/design/link_box_body_bg.png);
}

.shipping_box_footer {
	width: 260px;
	height: 14px;
}

.shipping_box_footer[class] {
	background: url([[root_url]]/uploads/images/design/news_box_footer_bg.png);
}

#paypal_box {
	padding: 5px;
}

.paypal_box_header {
	width: 220px;
	height: 39px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

.paypal_box_header[class] {
	background: url([[root_url]]/uploads/images/design/news_box_header_bg.png);
}

.paypal_box_body {
	width: 220px;
	height: 152px;
	padding: 10px 20px;
        text-align: center;
}

.paypal_box_body[class] {
	background: url([[root_url]]/uploads/images/design/link_box_body_bg.png);
}

.paypal_box_footer {
	width: 260px;
	height: 14px;
}

.paypal_box_footer[class] {
	background: url([[root_url]]/uploads/images/design/news_box_footer_bg.png);
}

#content {
	float: right;
	width: 730px;
	margin: 14px 0 20px 0;
}

.price {
        position: relative;
        left: 653px;
        bottom: 52px;
        width: 73px;
        height: 76px;
}

.price[class] {
        background: url([[root_url]]/uploads/images/design/price.png);
}

.content_header {
	width: 680px;
	height: 40px;
	padding: 10px 20px 0 20px;
	text-align: center;
}

.ch_startseite[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_5.png);
}

.ch_geburtstag[class],
.ch_cd-zum-kindergeburtstag[class],
.ch_cd-zu-mamas-geburtstag[class],
.ch_cd-zum-geburtstag-von-oma-opa[class],
.ch_cd-zum-geburtstag-des-partners[class],
.ch_cd-zum-geburtstag[class],
.ch_freche-geburtstagswuensche[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_6.png);
}

.ch_kollegenabschied[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_7.png);
}

.ch_hochzeit[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_8.png);
}

.ch_liebe[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_9.png);
}

.ch_muttertag[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_10.png);
}

.ch_vatertag[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_11.png);
}

.ch_taufe[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_0.png);
}

.ch_ostern[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_1.png);
}

.ch_einschulung[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_2.png);
}

.ch_vermischtes[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg_3.png);
}

.ch_normal[class] {
	background: url([[root_url]]/uploads/images/design/content_header_bg.png);
}

.content_body {
	width: 680px;
        min-height: 377px;
	padding: 20px;
}

.content_body[class] {
	background: url([[root_url]]/uploads/images/design/content_body_bg.png);
}

.content_body ul,
.content_body ol {
        margin-left: 1.5em;
        margin-bottom: 0.7em;
}

.content_footer {
	width: 720px;
	height: 14px;
}

.content_footer[class] {
	background: url([[root_url]]/uploads/images/design/content_footer_bg.png);
}

/* Slideshow */

.fadein {
        background: url([[root_url]]/uploads/images/design/slideshow_bg.png) no-repeat;
        position: relative;
        width: 693px;
        height: 246px;
        margin-left: -5px;
        margin-top: -10px;
}

.fadein img {
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 6px;
        margin-left: 7px;
}

.fadein_table {
        margin: 5px 0 10px 0;
        width: 693px;
        font-size: 14px;
}

.fadein_table a {
        text-decoration: none;
}

/* Infobox */

.info_startseite {
        background: url([[root_url]]/uploads/images/design/infos_bg.png) no-repeat;
        width: 669px;
        height: 210px;
        margin-left: -5px;
        padding: 10px 12px 0 12px;
        /* border-top: 1px solid #bdbdbd; */
}

.info_startseite a {
        text-decoration: none;
        font-size: 14px;
}

.info_startseite img {
        margin-top: 5px;
}

.info_startseite_left {
        text-align: center;
        float: left;
        width: 161px;
        margin-right: 8px;
}

.info_startseite_right {
        text-align: center;
        float: right;
        width: 161px;
}

.he_text_link {
        padding: 10px;
        font-size: 10px;
        text-align: center;
}

.lables_songs_separator {
        border-bottom: 1px dashed #999;
        width: 670px;
}

.floral {
        position: absolute;
        right: 10px;
        bottom: 10px;
        z-index: 1;
        width: 481px;
        height: 409px;
}

.floral[class] {
        background: url([[root_url]]/uploads/images/design/floral_2.png);
}

.player_button {
        margin-left: 6px;
}

.contact_form div {
        margin: 5px 0;
}

.contact_form input,
.contactform input {
	height: 18px;
	border: 1px solid #c1c1c1;
	background: url([[root_url]]/uploads/images/design/input_bg.jpg) repeat-x;
}

.contact_form div label {
        font-weight: bold;
}

.contact_form div label.label {
        font-weight: normal;
}

ul.navi_site {
        list-style: none;
        padding-left: 1em;
}

ul.navi_site li a {
        padding: 5px 0;
        display: block;
        text-decoration: none;
}

ul.navi_site li a:hover {
        text-decoration: underline;
}

#footer {
	background: url([[root_url]]/uploads/images/design/footer_bg.jpg) repeat-x #fee5ab;
}

#footer_content {
	width: 1000px;
	margin: auto;
}

#footer_content p {
	font-size: 10px;
	font-style: italic;
	padding: 17px 10px;
}

#footer_content a {
	color: #222;
}

#footer_content a:hover {
	text-decoration: none;
}
/* End of 'festtagslieder_v3' */