* { margin:0px; padding:0px; }

html, body { font-size: 76%; background-image: url(../images/bg.jpg); text-align:left; height: 100%;}


h2 {font-family:Arial; font-size: 1.8em; font-weight:bold;}
h3 { font-family:Arial; font-size: 22px; color: #9d6262; font-weight:normal;}
h4 { font-family:Arial; font-size: 1.1em; font-weight:bold;}
h5 { font-family:Arial; font-size: 1.1em;}
h6 { font-family:Arial; font-size: 1em; font-weight:bold;}
p { font-family:Arial; font-size: 13px; }

a {
	color: #fe3778;
}

a:link, a:visited, a:active
{
	text-decoration: none;
	outline: none;
}
a:hover 
{
	color: #B22222;
}

#page { margin-left: auto; margin-right: auto; text-align:left; }

#header{
	background: url(../images/banner.png);
	width: 100%;
	background-repeat: no-repeat;
	background-position: 50% 0pt;
	height: 290px;
	margin-left: auto;
   margin-right: auto;
} 

.txtNav 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.4em;
	color: #ffffff;
	font-weight: bold;
}

#main 
{
	padding-top: 0px;
}

#imgSlider 
{
	margin-left: auto;
   margin-right: auto;
	background: url(../images/slideImg1.jpg);
	width: 943px;
	height: 340px;
	margin-top:-5px;
}

#slogan
{
	margin-top: 20px;
	margin-left: auto;
   margin-right: auto;
	background: url(../images/slogan.png);
	width: 943px;
	height: 67px;
}
.sloganTxt
{
	padding-top:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #ffffff;
	text-align: center;
}
#tejp
{
	margin-top: 30px;
	margin-left: auto;
   margin-right: auto;
	background: url(../images/tejpbg.png);
	height:56px;
	width: 943px;
}

#contentbox
{
	margin-left: auto;
   margin-right: auto;
	background: url(../images/needlebg.png);
	height:601px;
	width: 943px;
}

#rightsidebar 
{
	position:absolute;
	float:left;
	width:469px;
}
#rightsidebar2
{
	position:absolute;
	float:left;
	width:943px;
	height:623px;
}

.topImg
{
	margin-top:30px;
	margin-left:45px;
	height:202px;
	width:380px;
}

.bottomImg
{
	margin-top:20px;
	margin-left:100px;
	height:349px;
	width:267px;
}

#leftsidebar 
{
	float:right;
	width:469px;
}

.elisefoto
{
	margin-left: 45px;
	margin-top:20px;
	background: url(../images/elise.png);
	height: 217px;
	width: 372px;
}

.presentation
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-left: 50px;
	margin-top:20px;
	width: 380px;
}

#mainnav 
{
	background: url(../images/navbar.png);
	background-repeat: no-repeat;
	width:943px;
	height:62px;
	margin-top:-93px;
	margin-left: auto;
   margin-right: auto;
	
}
	
#links 
{
	height:62px;
	width:943px;
	outline: none;
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;

	padding-top: 18px;
	padding-left: 10px;
	margin-left: auto;
   margin-right: auto;



}

#links a
{
	color: #ffffff;
	padding-left:20px;
}

#mainnav a:hover 
{
	color: #F2E0CE;
}


#contentbox
{
	margin-left: auto;
   margin-right: auto;
	background: url(../images/needlebg.png);
	height:601px;
	width: 943px;
}

.wrapper {
	
	min-height: 100%;
	height: auto !important;
	background-position: center;
	margin: 0 auto -397px;
	} 

#footerAddon {

	background: url(../images/footer_top.png);
	height:355px;
	width:475px;
	background-repeat: no-repeat;
	margin-left: auto;
   margin-right: auto;

}

#footerAddon p
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding-top: 295px;
	padding-left:30px;
	font-weight: bold;
	
}
#footerAddon a
{
	color: #FFDEAD;
}

 #footer
 {
	background: url(../images/footerbg.png) repeat-x bottom;
   height: 356px;
	background-position: center bottom;
	margin-top:236px;
 }
 

 
 #slideshow {
	position:relative;
	height: 340px;
	
}

#slideshow DIV {
	 position: absolute;
	 top: 0px;
    left: 50%;
	 margin-left: -471px;
    z-index:8;
    opacity:0.0;
    height: 340px;
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    height: 340px;
    display: block;
    border: 0;
    margin-bottom: 10px;
}
.portfolio
{
	background-color: #000000;
	position:relative;
	margin:0 auto;
	width: 943px;
}

.demo
{
	width:943px;
	margin-left:20px;
}

.demo a img:hover
{
	border: 1px solid #000000;
}
.photos
{
	background: url(../images/portfoliobg.png);
	width:943px;
	min-height:623px;
	margin-left: auto;
   margin-right: auto;
	margin-top: 0px;
}
#kontakt
{
	background: url(../images/kontaktbg.png);
	width:943px;
	height:623px;
	margin-left: auto;
   margin-right: auto;
	margin-top:-20px;
}

.demo a{ float:left; margin:0; padding:0; margin:3px 3px 3px 3px!important; display:block; background:url(bg_tms.jpg) no-repeat; width:90px; height:90px;}
.demo a img{ float:left; margin:0; padding:0; margin:5px 0 0 5px; background:url(bg_tms.jpg) no-repeat; width:70px; height:70px; border: 2px solid #fff; }

.tack
{
	font-size: 16px;
	color: Blue;
	font-weight: bold;
	margin-left: 30px;
}
.errormsg
{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	color: #CE0000;
	font-weight: bold;
	margin-left:30px;
}