/* Basisvorlage CSS
Modernes Webdesign
www.more-hohensinn.com
Start: 08.03.2009
Letzte Aenderung: 29.03.2009
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Hintergrund, helles grau): #cccccc; #b4b4b4
Farbton (Footer, dunkles grau): #707070
Farbton (menu, News, mittleres Blau): #2b69ab
Farbton (Schrift, dunkles blau): #304373
Farbton (mittleres grau): #817f87
Farbton (helles blau): #8ab1cf
Farbton (ganz dunkles grau): #303030
Farbton (online-shop, orange): #b8531e

*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(img/grid.png) top left no-repeat;
*/
	background: #cccccc;
	font-family: Helvetica, Arial, Tahoma, Verdana, sans-serif;
		text-indent:0px;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(img/line-height.gif) top left;
	*/	
	background: #cccccc;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

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

a:visited {
	color: #8ab1cf;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.4em Helvetica, Arial, Tahoma, Verdana, sans-serif;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}

p.news {
	border-bottom: 1px solid #fff;
}

h1 {
	font: 1.67em/0.9em;/*1 Georgia, "Times New Roman", Times, serif;*/
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1.5em/1em;/* Georgia, "Times New Roman", Times, serif;*/
	margin-top: 1em;
	margin-bottom: 1em;
}

h3 {
	font: 1.33em/1.13em/* Georgia, "Times New Roman", Times, serif;*/
	margin-top: 1.13em;
	margin-bottom: 1.13em;
}

h4 {
	font: 1.17em/1.29em/* Georgia, "Times New Roman", Times, serif;*/
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}


/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
}

.rechts {
	float: right;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Floats aufzulösen.
--------------------------------------------------------------------------------------- */
#site {
	margin: 0 auto;	

	padding-left: 14px;
	padding-top: 0px;
	padding-right: 14px;
	padding-bottom: 0px;
	background-image: url("../img/site_bg_rep.jpg");
	background-repeat: repeat-y;
		clear: both;
	width: 861px; /*for IE */
}

html>body #site {
width: 833px;  /*only for non IE */
} 

#header {
	margin: 0 auto;	

	padding-left: 14px;
	padding-top: 24px;
	padding-right: 14px;
	padding-bottom: 0px;

	clear: both;
/*	padding-top: 8px;
	padding-left: 10px;
	padding-right: 10px;*/
	width: 861px; /*for IE */
	background-image: url("../img/header_bg.jpg");
}

html>body #header  {
width: 833px;  /*only for non IE */
} 

#header img{
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#menu_1{


}


#logo {
	padding: 0;
	margin: 0;
}

#menu {
	background-image: url("../img/nav-background.jpg");
	background-repeat: no-repeat;
	width: 692px;
	height: 52px;
	margin: 0;
	list-style-type: none;

	padding-top: 1px;
	padding-right: 100px;
	padding-bottom: 1px;
	padding-left: 10px;
} 
html>body #menu   {
width: 692px;  /*only for non IE */
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 10px;
} 

#menu li {
	height: 53px; 
	background: #2b69ab;
	float: left;
	font-size: 14px;

	border-left: 2px solid #FFFFFF;
}


#menu li a {
	height: 53px;/*for IE only*/
	padding: 19px 20px;
	color: #FFFFFF;	
	float: left;

}
html>body #menu li a {
	height: 13px; /*for non-IE only*/
	padding: 20px 20px;
}

#menu li a:hover {
	background: #cccccc;
	color: #fff;
}

#menu li a.active {
	background: #304373;
	color: #fff;
	text-decoration: underline;	
}

#menu .act {
	background:  #707070;
	color: #fff;
}

#wrapper2 {

	padding: 10px 10px;
	margin: 0;
}



#wrapper2 img {
	padding: 0px;
	margin:0px;
}

#ads {
	width: 336px;

}

#shop a img{
	/*padding-top: 8px;*/
	padding: 0;
}

#wrapper4 {
	padding: 15px 10px;
}

#content {
	clear: both;
	float: left;
	display: inline;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px 10px;
	width: 451px;
	color: #304373;
}

#sidebar {
	float: right;
	margin-right: 10px;
	margin-top: 10px;
	padding: 0px;
	margin-bottom:0px;
	display: inline;
	width: 336px;


	background-repeat: no-repeat;
	color: #fff;

	background-image: url("../img/news_bg.jpg");
	background-repeat: repeat-y;
}

#logos {
	/*margin-bottom: 15px;*/
	margin:0px;
	padding:0px;
	border:0px;
	
}

#logos img{
	border:0px;
	padding:0px;
	margin:0px;
}

#news {

	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin:0px;
	width: 296px;
}
#news_top {
	height: 10px;
	padding: 0px;
	background-image: url("../img/news_top.jpg");
	background-repeat: no-repeat;
	margin:0px;
}
#news_bottom {
	height: 10px;
	padding: 0px;
	background-image: url("../img/news_bottom.jpg");
	background-repeat: no-repeat;
	/*margin-bottom: 10px;*/
}

.blank{
	background-image: url("../img/blank.jpg");
	background-repeat: repeat;
	margin:0px;
	padding:0px;
	border:0px;
	width: 336px;
	height:8px;
}


#footer {
	clear: both;
	color: #fff;
	text-align: right;
	
	margin: 0 auto;	
	
	width: 833px;
	/*height: 965px;*/
	padding-left: 14px;
	padding-top: 22px;
	padding-right: 14px;
	padding-bottom: 0px;

	height: 70px;

	background-image: url("../img/footer_bg.jpg");
	background-repeat: no-repeat;
}

#footer ul {
	list-style-type: none;
}

#footer li {
	float: right;
}

#footer a {
	padding: 0 10px;
	color: #fff;
	/*border-left: 1px solid #fff;*/
}

/* slideshow */

.jdGallery .slideElement {
background:none transparent;

}

.myGallery {
	border: none;
	display:none;
	height:345px;
	width:460px;
	z-index:5;
	background: url("slide_bg.jpg");
}