/* 
Theme Name: Wordpress Theme für Stardrobe
Description: Stardrobe Design - Portfolio 2009
Author: Carmen Tavsan
Author URI: http://www.stardrobe.de
Start: 13.05.2009
Letzte Aenderung: 00.00.20xx


*/


/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Hintergrund): #b1a57c
Farbton (blaugrau): #69a4a0
Farbton (maintext): #ffffff
Farbton (vistited): #f0bf91
Farbton (helles rot) #f15348
Farbton (helleres beige) #cac3a7
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
        padding: 0;
        margin: 0;
        border: 0;
}
/* Globals und Typo
--------------------------------------------------------------------------------------- */

html {
}

body {

        background: #b1a57c url('bilder/bg-big.gif') top left no-repeat;
        margin:0px;
        padding:0px;
		overflow-x:hidden;

}

html>body {
        font-size: 12px;
}

a:link {
        color: #ffffff;
        text-decoration: none;
}

a:visited {
        color: #ffffff;
        text-decoration: none;
}

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

h3 a:link {
	
        padding: 4px 8px 4px 8px;
	background-color: #cac3a7;
		font: bold 1em Georgia, "Times New Roman", Times, serif;
        margin-top: 0.5em;
		text-transform: uppercase;
        color: #000000;
	
	
}


/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
        font: 1em/1.5em Arial, Verdana, Tahoma, sans-serif;
		padding: 0 0 0 0;
        margin-bottom: 1.5em;
        color: #ffffff;
}

h1 {
        padding: 0 0 0 641px;
        margin: 0;
        float: right;

}

h1 span {
         display: none;
}

h2 {
        font: bold 2.2em Georgia, "Times New Roman", Times, serif;
        margin-top: 21px;
		margin-bottom: 1.2em;
        text-transform: uppercase;
        color: #ffffff; 
}

h8{
         display: none;
}



h3 {
        font: bold 1.45em/1.13em Georgia, "Times New Roman", Times, serif;
        margin-top: 0.5em;
		text-transform: uppercase;
        color: #000000;
		
		
}

h9 {
        font: bold 3.25em/1.13em Georgia, "Times New Roman", Times, serif;
        margin-top: 4px;
		margin-bottom: -0.25em;
        color: #ffffff;
		position: relative;
		
		
}


	
#auszug_artikel{
	width: 600px;
	height: 160px;
	}



h4 {
        font: bold 1.5em/1.13em Georiga, "Times New Roman", Times, serif;
        margin-top: 0.5em;
        margin-bottom: 0.69em;
		text-transform: uppercase;
        color: #000000;
}

h5 {
        font: bold 1.25em/1.29em Times New Roman, Times, serif;
        color: #ffffff;
        margin-bottom: 0.5em;
		margin-top: 0.5em;
}

h7 {
        font: 1.25em/1.29em Arial, Verdana, Tahoma, sans-serif;
        color: #ffffff;
        margin-bottom: 0.5em;
		
}




h6 {
         font: bold 1.45em/1.13em Georgia, "Times New Roman", Times, serif;
        margin-top: 0.5em;
		margin-bottom: 1em;
		text-transform: uppercase;
        color: #ffffff;
}

/* image replacement */
.graphic, #prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4{
         margin:0;
         padding:0;
         display:block;
         overflow:hidden;
         text-indent:-8000px;
}


/* Easy Slider */

#slider, #slider2, #slider3, #slider4{
		border: 5px solid #69a4a0; 

        }

#slider ul, #slider li, #slider2 ul, #slider2 li, #slider3 ul, #slider3 li, #slider4 ul, #slider4 li {
		list-style: none;
		overflow: hidden;
}

#slider li, #slider2 li, #slider3 li, #slider4 li {
         width:590px;
         height:403px;
		 float: left;
         overflow:hidden;

}

p#controls, p#controls2, p#controls3, p#controls4 {
	margin: 0;
	position: relative;
}

#prevBtn, #nextBtn, #prevBtn2, #nextBtn2, #prevBtn3, #nextBtn3, #prevBtn4, #nextBtn4 {
        display: block;
		margin: 0;
		overflow: hidden;
		text-indent: -8000px;
		position: absolute;
  		margin-top: -220px;
		left:10px;
}

#nextBtn, #nextBtn2, #nextBtn3, #nextBtn4 {
		 left:550px;
}



#prevBtn a, #nextBtn a, #prevBtn2 a, #nextBtn2 a, #prevBtn3 a, #nextBtn3 a, #prevBtn4 a, #nextBtn4 a {
	display: block;
    width: 37px;
    height: 30px;
    background: url(bilder/btn_prev.png) no-repeat 0 0;
}

#nextBtn a, #nextBtn2 a, #nextBtn3 a, #nextBtn4 a   {
         background: url(bilder/btn_next.png) no-repeat 0 0;
}


a:hover#nextBtn{
	background: url(bilder/btn_next.png) no-repeat 0 0;
		background-position: 1px 1px;
}

a:hover#prevBtn{
	
		background-position: 1px 1px;
}
/* // Easy Slider */

/* // Link Buttons */






body a.ansehenBtn, body p.ansehenBtn {
	padding: 4px 8px 4px 8px;
	text-align: center;
	background-color: #f15348;
	font: bold 1.15em Georgia, "Times New Roman", Times, serif;
    color: #ffffff;
	display: inline;
	
	}
	
	
	a:hover#ansehenBtn{
	
	color: #000000;
	background-position: 1px 1px;
}






/* Bilder und verlinkte Bilder ohne Rahmen
--------------------------------------------------------------------------------------- */
img, a img {
        border: 0;
}

img, div {
         behavior: url(iepngfix.htc)
         }


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
        float: left;
        margin: 0 0.5em 0.5em 0;
}

.rechts {
        float: right;
        margin: 0 0 0.5em 0.5em;
}


/* Formatierungen fuer Textabsaetze
--------------------------------------------------------------------------------------- */


div.trenner {
         background: transparent url('bilder/trenner.png')
         50% 50% no-repeat;
         height: 15px;
         padding: 10px;
         clear: both;


}

div.trenner hr {

         display: none;


}

div.trennrelated hr {
	
border-bottom: 2px dotted #ffffff;
margin-bottom: 0.3em;
padding-top: 0.25em;
}

div.artikeltrenner hr {
	
border-bottom: 1px dashed #cac3a7;
margin-bottom: 1.5em;
margin-top: 1.0em;
}

.teaserartikel {

float: left;
width: 600px;

}


.boxrahmenblau {
	border: 2px dotted #69a4a0;
	padding: 10px 5px 10px 5px;
	margin-bottom: 20px;
}


.artikell {

float: left;
width: 358px;

}

.artikelr {

float: right;
width: 358px;
margin-left:20px;


}

.teaserartikel img {

border: none;
padding: 0;
margin-right: 20px;
width:auto;
height:auto;
}


.miniartikel {

float: left;
margin-left: 20px;
width: 222px;
}




.bild {
        background: #69a4a0;
     	padding: 5px;
        margin-bottom: 10px;
        float: left;

}

.stoerer {

         margin-top: 15px;
		 margin-bottom: 10px;
         float: left;

}

.printout{

         margin-top: 20px;
		 margin-bottom: 20px;
		 
}
 
.bildklein {
        background: #69a4a0;
     	padding: 5px;
        margin-bottom: 10px;
		margin-right: 10px;
        float: left;

}

.liste li {
         background: url('bilder/bullet.gif') 0 8px no-repeat;
         padding: 5px 0 5px 20px;
         border-bottom: 1px dotted #ffffff;
         list-style-type: none;
         font: 1.1em Arial, Verdana, Tahoma, sans-serif;
         color: #ffffff;

}
.searchbox {
background: #69a4a0;
padding: 10px;
margin: 0;

}

.searchbox input {

background: #ffffff;
padding: 5px;
color: #000000;
font: 1.1em "Arial", Helvetica Neue, Helvetica, Geneva, sans-serif;
width: 175px;
float: left;
}

.searchbox input.button {
margin: 0;
padding: 0 0 3px 10px;
background: none;
border: none;
float: left;
width: 101px;
height: 27px;
}

.spottingboxgrey {
background: #ffffff;
border: 1px solid #000000;
padding: 10px;
margin: 0;

}

.teaserklein {
padding: 0 0 0 10px;
margin: 0;
width: 140px;
float: right;
font: 0.95em/1.2em Arial, Verdana, Tahoma, sans-serif;
color: #ffffff;

}





/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */





#wrapper {
position:relative;
margin: 0 auto;
width: 960px;
text-align:left;

}




#header {
overflow: hidden;
position: relative;
width: 960px;
}

/* Navigation
--------------------------------------------------------------------------------------- */

#navi {
float: left;
position: absolute;
font: bold 1.7em Georgia, "Times New Roman", Times, serif;
text-transform: uppercase;
color: #ffffff;
bottom: 55px;
padding: 0;

}


#navideko {
float: left;
position: absolute;
width: 380px;
bottom: 122px;
padding: 0;

}




#navi li {
float: left;
list-style-type: none;
position: relative;
padding: 0 55px 40px 0;
}


#navi li a:hover {
    color:#000000;
	text-decoration:none;
	
	}

#navi li a:visited {
    color:#ffffff;
	text-decoration:none;
	
	}


#navi li.current_page_item {
	color:#000000;
	text-decoration:none;

}



#navi li.current_page_item a {
    color:#000000;
	text-decoration:none;
	
}

#inhalt {
float: left;

width: 600px;
padding: 0 20px 20px 0;
}



#related {
float: right;

width: 320px;
padding: 8px 20px 20px 0;
}

#related ul li {
list-style-type: none;
border: none;
padding: 5px 0 15px 0;
overflow: hidden;
}


#related ul li li{
background: url('bilder/bullet.gif') 0 8px no-repeat;
padding: 5px 0 5px 20px;
width:inherit;
border-bottom: 2px dotted #ffffff;
list-style-type: none;
font: 1.1em Arial, Verdana, Tahoma, sans-serif;
color: #ffffff;

}

.themennavi {
width: 140px;
float: left;
}

#artikelnavi {
width: 320px;
}





#related  p{
margin: 0;
padding: 0;
color: #ffffff;
}




#footer {

clear: both;
background: url('bilder/footer-big.jpg') left no-repeat;
height: 160px;
width: 1920px;
margin:0px;
padding:0px;
overflow:hidden;

}


#footerwrap {
position:relative;
font: 1em/1.5em Arial, Verdana, Tahoma, sans-serif;
padding:0;
color: #ffffff;
margin: 0 auto;
width: 960px;
text-align:left;
margin-top:-55px;

}


#footerwrap p{

        position: relative;
        float: left;
		margin-top: 8px;
		
}

#footerdeko {
float: left;
position: absolute;
width: 137px;
bottom: 0;
padding: 0;

}

#footer a:link {
        color: #ffffff;
        text-decoration: none;
}

#footer a:visited {
        color: #414141;
        text-decoration: none;
}

#footer a:hover {
        text-decoration: underline;
}


#footerright {
	float:right;
	padding: 0 0 10px 0;	
}
#footerleft {
	float:left;
	padding: 0 10px 0 0;	
}