* { margin: 0; padding: 0; outline: 0; }
img { border:none}

body {
	background-color:#9DCDF1;
	padding:0;
	margin: 15px 0;
	text-align:center;
	color:#909090;
	color:#909090;
	font-family:'Trebuchet MS', Arial, Tahoma, sans-serif;
    font-size:12pt;
}


#wrapper {
    background:#9DCDF1 url(bg.jpg?z=83574) repeat-y scroll center top;
    width:820px;
    margin:auto;
    padding:0pt;
    text-align:left;
}



#header {
    background:url(header.jpg?z=83574) repeat scroll 0px;
    height:218px;
    margin-left:auto;
    margin-right:auto;
    width:820px;
}



#content-wrapper {
	width: 780px;
	margin: 0px auto;
	padding: 0;
}

#sidebar {width:183px; font-size:14px; border-bottom:#F087AF 2px dotted; padding:3px; margin-top:15px}


#main {
	float: left;
	width: 520px;
	margin: 20px 0 0 10px;
	padding: 10px; 
	padding-right: 20px; 
	display: inline;
	border-right: 2px #9DCDF1 dotted;
}

#shop #main { 
margin:20px 0 0;
padding:10px 10px 10px 0;
width:555px;
}
#main p, #main h1, #main h2, #main h3, #main ol, #main ul, #main form {
	margin:10px 0pt 0pt 0pt ;
}

#main p, #sidebar p {
	text-align:justify;
}


h1 {
	font-family:Trebuchet MS;
	font-size:20pt;	
	color:#9DCDF1;
	letter-spacing:3px;
}


h2 {
	font-family:Trebuchet MS;
	font-size:16pt;	
	color:#9DCDF1;
	letter-spacing:2px;
}

h3 {
	font-family:Trebuchet MS;
	font-size:14pt;	
    color:#D6245E;
	text-align:right;
	border-bottom:#F087AF 2px dotted;
}

#main img {
	border:1px solid #CCC;
	padding:5px ;
}

#shop #main img {
	border:0px solid #CCC;
	padding:0px;
}

a, a:visited {
	color:#00BAFF;
	text-decoration:none;
}

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



#footer {
    background:#9DCDF1 url(footer.jpg) no-repeat scroll 50% top;
    clear:both;
    font-size:90%;
    height:122px;
    padding:10px 0px 0px;
    text-align:center;

}

#footerborder {border-top: 2px #9DCDF1 dotted !important; width:90%; height:3px; margin-bottom:5px; margin-left:40px}
ul {
    list-style-type:none;
    margin:0px;
    padding:0px;
}

li {
    color:$fontColor;
    margin:0px 0px 2px;
    padding:0px;
}

p {
	color:$fontColor;
	font-family:'Trebuchet MS' 12 ;
	font-size:${fontSize}px;
    margin:0px 0px 5px;
    padding:0px;
}


div {
	color:$fontColor;
	font-family:'Trebuchet MS' 12 ;
	font-size:${fontSize}px;
    color:$fontColor;
    font-size:${fontSize}px;
}

a {
    color:#00BAFF;
    text-decoration:none;
}

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


#rightside {
	float: right;
	width: 210px;
	padding: 0px;
	margin: 10px 0 0 0;	
	font-family:'Trebuchet MS', sans-serif;
    font-size:12pt;
	color: #909090;

}


#rightside *  {
	/*margin: 15px;*/
}


#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 7px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}


#sidebar ul.sidemenu li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}

* html body #sidebar ul.sidemenu li {
	height: 1%;
}

#sidebar ul.sidemenu li a {
	text-decoration: none;	
	color: #7AB1DA;				
}

#sidebar ul.sidemenu li a:hover {	
	color: #F087AF ;
}

#sidebar ul.sidemenu ul { margin: 0 0 0 5px; padding: 0; }
#sidebar ul.sidemenu ul li { border: none; }

#sidebar p {
	text-align:justify;
}

#nav1 {
	font-family:$sidebarFont.Family, sans-serif;
    font-size:${sidebarFont.Size}pt;
	color: $sidebarFont.Color;
}


#nav1 h3 {
	font-family:$sidebarTitleFont.Family, sans-serif;
    font-size:${sidebarTitleFont.Size}pt;
	color: $sidebarTitleFont.Color;
}


#nav1 ul {
	list-style: none;
	text-align: left;
	margin: 15px 10px 8px 10px; 
	padding: 0;
	text-decoration: none;	
	border-top: 1px solid #f0f0f0;	
}

#nav1 ul li {
	list-style: none;
	padding: 4px 0 4px 0px;
	margin: 0 2px;	
	color: #777;	
	border-bottom: 1px solid #f0f0f0 ;
}


* html body #nav1 ul li {
	height: 1%;
}

#nav1 ul li a {
	font-size:16px;
	text-decoration: none;	
	color: #7AB1DA;
	/*letter-spacing:1px;*/
	}

#home #nav1 a.home,
#produkten #nav1 a.produkten,
#bilder #nav1 a.bilder,
#ueber #nav1 a.ueber,
#links #nav1 a.links
 {color: #F087AF;}


#nav1 ul li a:hover {	
	color: #F087AF ;
}

#nav1 ul ul { margin: 0 0 0 5px; padding: 0; }
#nav1 ul ul li { border: none; }

.small { font-size:10px}

#flags {width:auto; margin:0px auto; padding:10px 20px 0px 20px; text-align:center}
.shoplink { font-size:14px; text-align:center; font-weight:bold; border: #9DCDF1 2px dotted !important}