@charset "utf-8";
/* Projekt Webdesign :: Salbrechter - Relaunch 2009*/



/* Farben:

#755640 Rahmen/Holz hellbraun
#5E3F2A Rahmen/Holz mittelbraun
#30140B Rahmen/Holz dunkelbraun
#333300 Randlinien Olivgrün

#DBD7CC Hintergrund TEXT grau
#3D2E19 Hintergrund (See)

#CC6600 Schrift braun (Überschrift, Links)
#3399ff Hover Menü
#333333 Text
#0099CC Hover Text

*/


/* Allgemein */

html, body 
{	
 background-color: #3d2e19;  /*#FFF*/
 background-image: url(../images/webdesign-000-background.jpg); 
 background-repeat: no-repeat; 
 background-attachment: fixed; 
 background-position: 0px 0px;
 padding: 0; 
 margin: 0; 
 width: 100%; 
 height: 100%; 
}  

/* Rahmen */

#content
{
 width: 100%;
 height: 100%;
}
#outercontent
{
 width: 980px;
 height: 300px;
 margin-top: 32px;
 margin-left: auto;
 margin-right: auto;
}
#innercontent
{
 width: 950px;
 height: 200px;
 margin-left: 20px;
}
#top1
{
 background-image: url(../images/webdesign-000-top1.png); /* Kopfteil */
 background-repeat: no-repeat;
 background-position: left top;
 width: 950px;
 height: 122px;
 /* border: 1px solid #FFF; */
}
#textrahmen
{
 background-image: url(../images/webdesign-000-bg-text.png); /* Hintergrund Text */
 /* background-repeat: repeat; */
 background-position: left top;
 width: 882px;
 /* min-height: 580px; */
 margin-left: auto;
 margin-right: auto;
}
#top2
{
 background-image: url(../images/webdesign-000-top2.jpg); /* Hintergrund Text oben*/
 background-repeat: no-repeat;
 background-position: left top;
 width: 882px;
 height: 483px;
 margin-top: 0px;
 margin-left: 0px;
}
#top2en
{
 background-image: url(../images/webdesign-000-top2-english.jpg); /* Hintergrund Text oben*/
 background-repeat: no-repeat;
 background-position: left top;
 width: 882px;
 height: 483px;
 margin-top: 0px;
 margin-left: 0px;
}
#bottom
{
 background-image: url(../images/webdesign-000-bottom.jpg); /* Hintergrund Text unten*/
 background-repeat: no-repeat;
 background-position: left top;
 width: 882px;
 height: 220px;
 margin-left: auto;
 margin-right: auto;
}
/* Navigation (Linke Spalte) */
hr
{
border: 0px; /* Für Firefox und Opera */  
border-top: 1px solid #960; 
border-bottom: 1px solid #5f4d37; /* Für IE (Seiten-Hintergrundfarbe) */
}

#menue 
{
 width: 170px;
 height: 340px;
 background-image: url(../images/webdesign-000-menu.jpg);
 background-color: #003;
 background-repeat: no-repeat;
 float: left;
 margin: 220px 12px 0 52px;
 padding-top: 12px;
 border: 1px solid #fc3;
 /* border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px; */
 -webkit-box-shadow: 2px 2px 10px #999;
 -moz-box-shadow: 2px 2px 10px #999;
 box-shadow: 2px 2px 10px #999;
}
#menue ul
{
 list-style-type:none;
}
#menue li
{ 
 margin-right: 42px;
 text-align: center;
}
a.menuetext
{
 color: #c90;/* #666 */
 font-size: 12px;
 font-family: "Times New Roman", Times, serif;
 letter-spacing: 1px;
 text-decoration: none;
 line-height: 24px;
}
a.menuetext:hover
{
 color: #fff;
}
#validator
{
 float: left; 
 margin-top: 609px; 
 margin-left: -159px;
}
#wein
{ 
 float: left;
 width: 156px;
 position: relative; /* IE-Hack für negat. margin */
 margin-left: -56px;
 margin-top: -136px;
}
#mittlerespalte
{
 float: left;
 width: 272px;
 min-height: 200px;
 margin-top: 0px;
 margin-left: -23px;
 padding-top: 220px;
 padding-left: 0px;
}
#rechtespalte /* NICHT Seite Referenzen */
{
 float: left;
 width: 208px;
 min-height: 200px;
 margin-top: 0px;
 margin-left: 43px;
 padding-top: 220px;
 padding-left: 20px;
}

/* Text */    	

h1
{
 color: #C60;
 font-size: 24px;
 font-family: "Times New Roman", Times, serif;
 font-weight: normal;
 text-decoration: none;
}
h2
{
 margin-left: 12px;
 color: #C60;
 font-size: 14px;
 font-family: Verdana, Geneva, sans-serif;
 font-weight: bold;
 text-decoration: none;
}
strong
{
 color: #603e2b;
}
.text
{
 margin-left: 12px;
 padding-right: 8px;
 color: #333;
 font-size: 12px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
 line-height: 16px;
}
a.text
{
 color: #C60;
}
a.text:hover
{
 color: #09C;
}
.text ul
{
 text-align: left;
 list-style-image:url(../images/webdesign-000-pfeil-rechts.gif);
}

.text li
{
 list-style-image:url(../images/webdesign-000-pfeil-rechts.gif);
}



.refrahmen
{
 margin-top: 12px;
 background-color:#fff;
 border: 1px solid #c93;
 border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 8px 12px 24px 8px;
 -webkit-box-shadow: 5px 5px 20px #999;
 -moz-box-shadow: 5px 5px 20px #999;
 box-shadow: 5px 5px 20px #999;
}
.textref
{
 margin-left: 12px;
 padding-right: 8px;
 color: #333;
 font-size: 12px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
 line-height: 14px;
}
a.textref
{
 color: #C60;
}
a.textref:hover
{
 color: #09C;
}
.text_r /* wie text, jedoch ohne margin */
{
 margin-left: 0px;
 color: #333;
 font-size: 12px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
}
a.text_r
{
 color: #C60;
}
a.text_r:hover
{
 color: #09C;
}
.rahmen /* Bildgröße: b=150px */
{
 width: 152px;
 border: 4px ridge #C60;
 padding: 12px 12px 16px 12px;
 background-color:#FFF;  
 -webkit-box-shadow: 2px 2px 10px #999;
 -moz-box-shadow: 2px 2px 10px #999;
 box-shadow: 2px 2px 10px #999;
}
.textkasten
{
 border: 1px dashed #f90;
 /* background-color:#fc6; */
 background-color: rgba(255, 204, 102, 0.2);
 border-radius: 8px;
 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 -moz-box-shadow: 2px 2px 10px #999;	
 -webkit-box-shadow: 2px 2px 10px #999;
 box-shadow: 2px 2px 10px #999;

}
.passepartout
{
 border: 1px solid #333;
}
.portfolio /* Bildgröße: 130 x 83 */
{
 margin-top: 14px;
 margin-left: 4px;
 width: 134px; /* Bildbreite + innerer Rahmen 2 x 1px */ 
 border: 4px ridge #C60;
 padding: 8px 8px 12px 8px;
 background-color:#FFF; 
 -webkit-box-shadow: 2px 2px 10px #999;
 -moz-box-shadow: 2px 2px 10px #999;
 box-shadow: 2px 2px 10px #999;
}
.textportfolio
{
 margin-top: 8px;
 margin-left: 0px;
 color: #333;
 font-size: 9px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
}
.bildtext /* wie textportfolio, jedoch mit margin-left */
{
 margin-top: 8px;
 margin-left: 18px;
 color: #333;
 font-size: 9px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
}