@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%; 
	
 /* scrollbar-base-color:#755640;
 scrollbar-3d-light-color:#000;
 scrollbar-arrow-color:#FC6;
 scrollbar-darkshadow-color:#30140B;
 scrollbar-face-color:#30140B;
 scrollbar-highlight-color:#FC6;
 scrollbar-shadow-color:#FC6;
 scrollbar-track-color:#512e18;
 zoom: 1; */
}  

/* 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) */

#menue 
{
 width: 200px;
 height: 200px;
 float: left;
 margin-top: 0px;
 margin-left: 0px;
 padding-top: 240px;
 padding-left: 38px;
}
ul
{
 list-style-type:none;
}
li
{
 color: #C60;
 font-size: 12px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
}
a.menuetext
{
 color: #666;
 font-size: 14px;
 font-family: "Times New Roman", Times, serif;
 font-weight: bold;
 text-decoration: none;
 letter-spacing: 1px;
 line-height: 20px;
}
a.menuetext:hover
{
 color: #39F;
}

#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;
}
.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;
}
.textref
{
 margin-left: 12px;
 padding-right: 8px;
 color: #333;
 font-size: 9px;
 font-family:Verdana, Geneva, sans-serif;
 font-weight: normal;
 text-decoration: none;
 line-height: 12px;
}
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;
}
.passepartout
{
 border: 1px solid #333;
}
.portfolio /* Bildgröße: 166 x 83 */
{
 margin-top: 14px;
 width: 166px;
 border: 4px ridge #C60;
 padding: 8px 8px 12px 8px;
 background-color:#FFF;
}
.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;
}