/* ===========================================================================
Stylesheet für die Seite www.filzweiber.at von Sophie Streit
Stand: 23.5.2008
Autor: Sophie Streit
Aufbau:     1. Kalibrierung und allgemeine Styles
            2. Styles für Layoutbereiche
			3. Sonstige Styles
===============================================================================*/

/*=======================================
1. Kalibrierung und allgemeine Styles
=======================================*/

/*Kalibrierung der wichtigsten Abstände */

* { margin: 0; padding: 0; }

/*Allgemeine Selektoren */

body {
background-color: #f8f5de;
color:#990066;
font-size: 12px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
padding: 10px;
}

   
.csc-textpic-imagerow { padding-bottom: 5px; } 
img {
border : none;
}

h1 {
font-size : 14px ;
text-decoration : none ; 
font-style: italic;
font-family : Verdana ;
font-weight: bold ;
color : #838181; ;
margin-bottom: 1em;
margin-top: 1em;
}

h2 {
font-size : 11px ;
font-style:italic;
text-decoration: none ;
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-weight: bold ;
background-color: #ffffff;
color:#f7a9c8;
margin-bottom: 1em;
margin-top: 1em;
}


/* Hyperlinks allgemein */

a {

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

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

color : #3f52a0 ;
text-decoration : none;
}
a:focus {

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

color : #FBC953 ;
text-decoration : none ;
}
 a:active {
 background-color:#ffffff;
color : #3f52a0 ;
text-decoration : none ;
}

 


/*=======================================
2. Styles für Layoutbereiche
=======================================*/
	
/*Allgemeine Klassen und IDs*/
  
.clear  {
clear:both;
height:0;
width:0;
visibility:hidden;
border:0;
}

#wrapper {
width: 990px;
margin-top: 0px;
margin-right:auto;
margin-left:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#9d9c9c;
}



#oben {
width: 990px;
height:40px;
background-image:url('/fileadmin/filzweiber/images/rahmen_o.jpg');
background-repeat:no-repeat;
}

#content {
background-repeat:repeat;
color:#990066;
width:990px;
min-height: 600px;

}

#inhalt {
float:left;
width: 990px;
background-image:url('/fileadmin/filzweiber/images/hg.jpg');
background-repeat:repeat;
}

#links {
float:left;
width:233px;

}

#navi {
width: 198px;
margin-left:33px;

}

#news {
width: 190px;
margin-left:33px;

}

#bild {
float:left;
background-image:url('/fileadmin/filzweiber/images/unten_links.jpg');
background-repeat:no-repeat;
height: 158px;

width: 233px;
}

#text {
float:right;
width: 757px;

}

#mitte{
float:right;
width:488px;
}
#m{
margin-left:20px;
margin-right:20px;
margin-top:10px;
}

#rechts {
float:right;
width: 269px;

}

#r{
width:220px;
margin-left:8px;
margin-right:40px;
margin-top:10px;
}

#fuss {
clear:both;
width: 990px;
}

#wrapp {
width:757px;
float:right;
}
#b_mitte {
float:left;
background-image:url('/fileadmin/filzweiber/images/unten_mitte.jpg');
background-repeat:no-repeat;
height:158px;
width:488px;
}
#b_rechts {
float:right;
width:269px;
margin-right:0px;

}

#b_rechts {
float:right;
background-image:url('/fileadmin/filzweiber/images/unten_rechts.jpg');
background-repeat:no-repeat;
height:158px;
width:269px;
}

#shop {
height: 148px;
width: 200px;
margin-bottom: 10px;
margin-right: 20px;

}
/* Mailformular */

.csc-mailform {
border: none; /* Rand ausschalten */
}

.csc-mailform-field label {
float:left;
clear:both;
display:block;
width:100px;
padding-left:10px;
margin-bottom:10px;
}

.csc-mailform-field input, 
.csc-mailform-field textarea, 
.csc-mailform-field select {
float:left;
display:block;
width:250px;
border: 1px solid #333;
background:#F8F1BD;
color:#990066;
padding:1px;
margin-bottom:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}
/* 
.csc-mailform-submit {
Absende Button nach rechts verschieben. Der Wert ergibt sich aus der Summe width + padding-left aus dem label Abschnitt -> oben */
/*margin-left: 110px; 
/* Float wieder abschalten 
clear: both;
}

*/
/*=================================================================================
Ende des Stylesheets
===================================================================================*/