/*
Theme Name:  Kaethe Maertz
Theme URI: http://rr-dev.rheinrauschen.de/
Description: The Kaethe Maertz theme 
Version: 1.0
Author: Design by Lucysky Developed Sven Lehnert
Author URI: http://rr-dev.rheinrauschen.de/
*/

/* test */



/* Make it easy to alter stuff... */
@import url("css/layout.css");
@import url("css/header.css");
@import url("css/menu.css");
@import url("css/content.css");
@import url("css/sidebar.css");
@import url("css/footer.css");
@import url("css/galerie.css");
/* Begin Global Resets */


/* mixed ;) */ 

div.km_quote {
    color: #EDEDED;
    font-size: 192px;
    left: -20px;
    position: relative;
    top: 60px;
}

img.start_img {
    float: left;
    margin-bottom: 15px;
    margin-left: 400px;
    margin-top: -27px;
}

div.km_start_slogan {
    left: 30px;
    margin: 0 82px 100px 0;
    position: relative;
}
div.km_start_slogan h2 {
    color: #666666;
    font-size: 19px;
    font-weight: normal;
    line-height: 190%;
    padding-left: 21px;
}




/* Start of the default CSS */

* {
    margin:0;
    padding:0;
}
table {
    border-collapse:collapse;
    empty-cells:hide;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
    margin: 0.5em 0;
}
h1,h2,h3,h4,h5,h6{
	color: #b80c67;
}

ul, ol, dd {
    margin-left:1.1em;
}

a {
    text-decoration:none;
    color:#300138;    
}

a:hover {
    color:#BD0A70;
}

a img {
    border:0;
}
/* End Global resets */

/* Following needed for Wordpress Theme Directory Compliance. */
/* And to support image and other WP generated content positioning - obviously */
.alignright {
	float:right;
	margin: 0 0 10px 10px;
}

.alignleft {
	float:left;
	margin: 0 10px 10px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin-left:auto;
    margin-right:auto;
}

/* =list posts templates
-------------------------------------------------------------- */

.listposts {
width: 80%;
}

.list-posts-all {
width:100%;
}

.list-posts-all .button{
	border: 1px solid #000;
	padding: 2px 5px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	background-color: #300138;
	color: #FFF;
}
.list-posts-all .button:hover{
	background-color: #FFF;
	color: #300138;
}



/* =list posts img mouse over effect
-------------------------------------------------------------- */
.boxgrid {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
width: 160px;
height: 222px;
float: left;
background: #161613;
border: solid 1px #777;
overflow: hidden;
position: relative;
float:left;
margin:0 25px 25px 0;
}

#content .boxgrid img {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
position: absolute;
top: 0;
left: 0;
border: 0;
}

.boxgrid p, .boxgrid p a {
color: #ffffff;
font: 11px Arial, sans-serif;
}
div.boxgrid h3 > a { color:#ffffff; font:12px Arial, sans-serif; letter-spacing:0; font-weight: bold; padding-left:0px; }
.boxgrid h3 { margin: 5px 5px 5px 0px; }

.boxcaption {
-moz-background-clip: border;
-moz-background-inline-policy: continuous;
-moz-background-origin: padding;
float: left;
position: absolute;
background: #300138;
height: 60px;
width: 100%;
opacity: .8;
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);

/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.boxcaption h4{
	padding:5px 10px 0 10px;
	margin: 0;
	color:#FFF;
}
.boxcaption p{
	padding:0 10px 10px 10px;
	margin: 0;
}
.captionfull .boxcaption {
top: 0;
left: 0;
}
.caption .boxcaption {
top: 0;
left: 0;
}
.cover{
margin-top:252px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
}

.covertitle{
margin-top:162px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px 6px 6px 6px;
}

.boxgrid {
border:1px solid #ededed !important;
}
.boxgrid a{
	color: #BD0A70;
}
.boxgrid a:hover{
	color: #FFF;
}
.ngg-slideshow img{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px 6px 6px 6px;
}

.ngg-gallery-thumbnail img {
	margin-left:17px !important;
	margin-bottom:17px !important;
}
.ngg-gallery-thumbnail-box{
	font-size: 0 !important;
}

/* =list posts - posts-img-left-content-right
-------------------------------------------------------------- */

div.posts-img-left-content-right {
}

div.posts-img-left-content-right img.wp-post-image {
border:1px solid #ededed;
float:left;
margin: 0 10px 10px 0;
border-radius: 6px 6px 6px 6px;
}

div.posts-img-left-content-right h3 a {
font-size:20px;
}

div.posts-img-left-content-right a{
}


/* =list posts - posts-img-right-content-left
-------------------------------------------------------------- */

div.posts-img-right-content-left {
padding:20px 0 0 0;
float:right;
}

div.posts-img-right-content-left img.wp-post-image {
float:right;
border:1px solid #ededed;
margin-bottom:0;
margin-top:2px;
margin-left:25px;
}

div.posts-img-right-content-left h3 a {
font-size:20px;
}

div.posts-img-right-content-left a{
}


/* =list posts - posts-img-over-content
-------------------------------------------------------------- */

div.posts-img-over-content {
float:left;
padding:20px 0 0;
width:242px;
}

div.posts-img-over-content img.wp-post-image {
border:1px solid #ededed;
margin-bottom:12px;
margin-right:25px;
margin-top:2px;
}

div.posts-img-over-content h3 a {
font-size:20px;
}

div.posts-img-over-content h3 {
width:222px;
max-width:222px;
padding-top:8px;
border-top:1px solid #ededed;
}


div.posts-img-over-content a{
}

div.posts-img-over-content p{
padding-right:20px;
width:222px;
}


/* =list posts - posts-img-under-content
-------------------------------------------------------------- */

div.posts-img-under-content {
float:left;
padding:20px 0 0;
width:242px;
}

div.posts-img-under-content img.wp-post-image {
border:1px solid #ededed;
margin-bottom:0;
margin-right:25px;
margin-top:5px;
}

div.posts-img-under-content h3 a {
font-size:20px;
}

div.posts-img-under-content h3 {
width:222px;
max-width:222px;
padding-top:8px;
border-top:1px solid #ededed;
}

div.posts-img-under-content a{
}

div.posts-img-under-content p {
padding-right:0;
width:222px;
}
.ngg-slideshow{
	float:left;
	margin: 0 30px 20px 0;
    border: 1px solid #777777;
    border-radius: 6px 6px 6px 6px;	
}
.post-5 h1{
	margin-bottom: 5px;
}
.post-5 p{
	margin-bottom: 20px;
}
.clear {
    clear: left;
}