
/*
Theme Name: Bluetenstaub
Theme URI: http://www.bluetenstaub.at/
Description: Das Individuelle Theme entwickelt von MountainGrafix für Blütenstaub Nadja Schweiger.
Author: MountainGrafix Amalia Schoppengerd
Version: 1.0
Tags: red, bluetenstaub
*/


/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
body {
	line-height: 1;
}

body,input,textarea{font:13px/25px "Helvetica Neue", Helvetica, Arial, sans-serif;background:#fff;color:#444444; line-height:1.4em;}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}


h1 { line-height:1.2em; font-size:24px;}
h3 { font-size:14px; line-height:1.5em;}


li.alignleft { width:150px; display:block;}
li.alignright { width:150px; float:right; display:block;}

ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

.clear {
	clear:both;
}

p { padding-bottom:10px; padding-top:10px; line-height:1.2em;}

/* =Layout
-------------------------------------------------------------- */

body { background-image:url(images/Design/bgBody.jpg); background-repeat:repeat;}

.header-wrapper { background:url("images/Design/bgHeaderWrapper.png") repeat-x scroll center top; }
.header {background:url("images/Design/bgHeader.jpg"); background-repeat:no-repeat; margin:0 auto; width:1024px; height:225px;}

h1.logo {width:500px; height:135px; margin-left:275px; padding-top:10px; position:relative;}
h1.logo a { background:url("images/Design/Logo_Bluetenstaub.png") no-repeat scroll left center transparent; display:block; width:500px; height:135px; }
h1.logo a span { position:absolute; top:-1000px;}

.page-wrapper { width:1024px; margin:0 auto; background:url("images/Design/bgPageWrapper.jpg"); background-repeat:repeat;}

.footer-background-pic-1 {background:url("images/Design/footer/Foot_Wiese_Fruehling.png") repeat-x scroll center top; }
.footer-background-pic-2 {background:url("images/Design/footer/Foot_Wiese_Sommer.png") repeat-x scroll center top; }
.footer-background-pic-3 {background:url("images/Design/footer/Foot_Wiese_Herbst.png") repeat-x scroll center top; }
.footer-background-pic-4 {background:url("images/Design/footer/Foot_Wiese_Winter.png") repeat-x scroll center top; }

.footer-wrapper { width:1024px; margin:0 auto; height:125px; padding-top:50px;}
.footer-wrapper-pic-1 {background:url("images/Design/footer/bgFooterWrapperFruehling.jpg"); background-repeat:no-repeat;}
.footer-wrapper-pic-2 {background:url("images/Design/footer/bgFooterWrapperSommer.jpg"); background-repeat:no-repeat;}
.footer-wrapper-pic-3 {background:url("images/Design/footer/bgFooterWrapperHerbst.jpg"); background-repeat:no-repeat;}
.footer-wrapper-pic-4 {background:url("images/Design/footer/bgFooterWrapperWinter.jpg"); background-repeat:no-repeat;}

.footer { background:url("images/Design/bgFooter.png"); background-repeat:no-repeat; margin:0 auto; width:984px; height:88px; padding-top:35px; font-weight:normal;}

.footer ul { width:400px; float:left;}
.footer ul li { float:left; padding-left:10px; border-left:1px solid #666; margin-left:10px;}
.footer ul li:first-child { border:none; padding-left:0px;}

.footer a { color:#333; text-decoration:none;}
.footer a:hover { text-decoration:underline;}

.copyright { width:480px; float:right; font-size:11px;}

/******************* SIDEBAR ELEMENTS ************************ */

.content-column-right { float:right; width:300px; margin-right:20px; }

.sidebarHeader { background-image:url(images/Design/sidebarHeader.png); background-repeat:no-repeat; height:10px; margin-top:10px;}
.sidebarContent { background-image:url(images/Design/sidebarContent.png); background-repeat:repeat-y; padding:20px;}
.sidebarFooter { background-image:url(images/Design/sidebarFooter.png); background-repeat:no-repeat; height:10px; margin-bottom:10px;}

.sidebar-box { width:270px; padding:10px 10px 10px 10px;}

.sidebarTitel span { position:absolute; top:-1000px;}

.sidebarNaviFruechte li { width:126px; float:left;}

.sidebarNaviFruechte a { background-image:url("images/Design/Navi/fruechte.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviFruechte a:hover { background-image:url("images/Design/Navi/fruechteON.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviFruechte span { position:absolute; top:-1000px;}

.sidebarNaviWiese a { background-image:url("images/Design/Navi/wiese.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviWiese a:hover { background-image:url("images/Design/Navi/wieseON.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviWiese span { position:absolute; top:-1000px;}

.sidebarNaviBlume a { background-image:url("images/Design/Navi/blume.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviBlume a:hover { background-image:url("images/Design/Navi/blumeON.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviBlume span { position:absolute; top:-1000px;}

.sidebarNaviBiene a { background-image:url("images/Design/Navi/biene.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviBiene a:hover { background-image:url("images/Design/Navi/bieneON.jpg"); width:126px; height:126px; border:none; display:block;}
.sidebarNaviBiene span { position:absolute; top:-1000px;}

ul.categoryList { margin: 0 0px 1.5em 5px;}
ul.categoryList li { background: url("images/Design/catIconBlume.jpg") no-repeat scroll; padding: 0px 10px 10px 35px; }

ul.categoryList li a {color:#333; text-decoration:none; font-size:14px;}
ul.categoryList li a:hover { text-decoration:underline;}


/************************ CONTENT ELEMENTS ********************/

#container { width:700px; float:left;}
#content {position:relative; z-index:1; padding-left:11px; padding-top:150px; padding-bottom:-500px; margin-bottom:-430px; width:680px;}
.mainContent {position:relative; background-image:url("images/Design/bgContentMiddle.png"); margin-left:20px; background-repeat:repeat-y; padding-left:30px; padding-right:50px; min-height:600px;}

.BlumeChronik { width:360px; float:left;}
.BlumeChronik p { line-height:1.5em;}
.BlumeChronik ul li { line-height:2em;}

h2 { font-weight:bold; color:#C60F1B; padding-bottom:10px; padding-top:20px; font-size:18px;}
h3 { font-weight:bold; color:#C60F1B; padding-bottom:10px;}

a{ color:#C60F1B; text-decoration:none;}
a:hover { text-decoration:underline;}


/************************ KONTAKTFORMULAR **********************/
form#contaktForm {
    margin-top: 30px;
}

div.formLeft {
    float: left;
    padding: 0 25px 0 0;
    width: 360px;
}

div.formRight {
    float: left;
    width: 360px;
}

label {
    color: #666;
    display: block;
    font-weight: bold;
}

input.text {
    background: url("images/Design/bg-input.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    margin-bottom: 1.5em;
    padding: 5px;
    width: 350px;
}

textarea {
    background: url("images/Design/bg-textarea.png") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #666666;
    margin-bottom: 1.5em;
    padding: 5px;
    width: 590px;
	height:250px;
	background-color:#FFF;
	}
	
form#contaktform input, form#contaktForm button, .button {
    border: 1px solid #999999;
    border-radius: 6px 6px 6px 6px;
    padding: 5px;
	margin-right:0px;
}

span.required {
    color: #CC0000;
    font-weight: bold;
}



.post{margin-bottom:40px}
.post h2{padding:0}
.post h3{margin:0;padding:0}
.meta{color:#7B7B7B;font-size:11px;border-bottom:1px dotted #CCC;padding-bottom:10px}
.post ul{margin:0 0 20px 15px}
.post ul li{list-style:none outside none;line-height:24px;background:url(list-bullet.png) no-repeat scroll left 5px transparent;padding:0 0 0 25px}
.post blockquote{color:#666;border-left:5px solid #0CA2D1;padding-left:10px;font-family:Georgia;font-style:italic;font-size:14px;line-height:20px;margin:0 0 20px 20px}
.post .socialbar{background-color:#F5F5F5;border-top:1px solid #F5F5F5;border-bottom:1px solid #D8d8d8;line-height:15px;color:#444;height:30px;overflow:hidden;margin:15px 0 0;padding:8px 8px 0 10px}

.comment-list{border-bottom:1px solid #ddd;margin:0 0 50px;padding:0}
.comment-list .comment{border-top:1px solid #ddd;margin:0;padding:15px 10px}
.comment-list .comment.odd{background-color:#FAFAFA}
.comment-list .comment .comment-head{margin-bottom:20px}
.comment-list .comment .comment-head .avatar{display:block;width:40px;height:40px;float:left;position:relative}
.comment-list .comment .comment-head .avatar a{width:40px;height:40px;background:url(./../../../../media/images/avatar-frame.png) no-repeat 0 0;display:block;text-indent:-9000px;position:absolute;z-index:1;top:0;left:0;border:0}
.comment-list .comment .comment-head ul{margin:0 0 0 50px;padding:0}
.comment-list .comment .comment-head ul li{list-style:none;font-weight:normal;font-family:helvetica, arial, sans-serif;font-size:11px;color:#56565B;-webkit-text-stroke:.5px transparent}
.comment-list .comment .comment-head ul li.author{font-weight:bold;font-size:13px}
.comment-subscription-form input {float:left;margin-right:5px}

#respond h3{border-bottom:1px dotted #ccc;padding-bottom:10px;margin:20px 0}
#respond .rules{border:1px solid #DBDADA;background:#FAF6E8;margin-bottom:20px;padding:15px}
#respond label{font-weight:bold;margin:0}
#respond .column3{float:left;width:33%}
#respond .column3 input{width:90%}
#respond .submit{margin-top:25px}

ul.RecentComment li {
    border-bottom: 1px dotted #C4AE91;
    margin-bottom: 10px;
    padding: 0 0px 10px 10px;
	width:240px;
}
