* { font-weight: normal; }

html { font-size: 62.5%; }

body {
	font-size: 1.2em;
	font-family: verdana,arial,helvetica,sans-serif;
	margin: 0;
	color: #000000;
	line-height: 1.6em;
	/*background: #F3F3F3;*/
	background: #DDDDDD;
}

.error{
	color: red;	
}

pre {
	font-size: 1.5em;
}
h2{
	font-size: 1.5em;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}

h3{
	font-weight: bold;
	margin-bottom: 0.1em;
}

h2.first{
	margin-top: 1.5em;
}

h4{
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0em;	
	
}

p{
	margin-top: 0.4em;
}

#header{
	color: #555555;
	text-align: right;
}

#footer{
	color: #555555;
	text-align: right;
	font-size: x-small;
}


a { text-decoration: none; color: blue; }
a:visited { text-decoration: none; color: blue; }
a:hover { text-decoration: underline; color: blue; }

img { padding: 2px; border: 1px solid #CCCCCC; }

h1 {
	color: #555555;
	font-size: 2em;
}

strong, b { font-weight: bold; }

#menu ul { margin: 20px 0 15px 0; padding: 0; position:fixed;}

#menu ul li { list-style: none; }

#menu ul li a { list-style: none; padding-left: 10px;  border-left: 3px solid #AAAAAA; }

#menu ul li a:hover { 
	/*border-left: 10px solid #BBBBBB;*/ 
	font-weight: bold;
	text-decoration: none;
}


#menu  ul li { list-style: none; }

#menu ul li.impressum{
	margin-top: 1em;
	font-size: 0.9em;	
}

#menu li a span { visibility: hidden; }

#menu li:hover a span { visibility: visible; }

#menu li a { 
	border-left: 5px solid #DDDDDD;
	color: black;
}


#current a{
	font-weight: bold;
}

	
#content-wrap{


}
#menu {
	float: left;
	width: 6em;
	margin-top: 15em;
	}
#main { 
	margin: 0 auto; 
	width: 28em; 
	margin-right: auto;
	margin-top: 3em; 
	margin-bottom: 5em; 
	padding: 3em; 
	background: #FFFFFF; 
}



input, textarea { 
	width: 100%; 
	background: #FFFFFF; 
	font-family: verdana,arial,helvetica,sans-serif; 
	border: 1px solid #CCCCCC; 
}

 .magazin{
	height: 6em;
}



.magazinl{
	float: left;
	width: 5em;
	margin-right: 1em;
}

.book{
	margin-bottom: 2em;	
}

img.imgfullsize{
	width: 100%;
}

li{
	list-style: bullet #555555;
}

.carousel-component { 
	padding:8px 16px 4px 0px;
	margin:0px;
}

.carousel-component .carousel-list li { 
	
	width:33em; /* img width is 75 px from flickr + a.border-left (1) + a.border-right(1) + 
	               img.border-left (1) + img.border-right (1)*/
	height:auto; /* image + row of text (87) + border-top (1) + border-bottom(1) + margin-bottom(4) */
	/*	margin-left: auto;*/ /* for testing IE auto issue */
}

.carousel-component .carousel-list li .more  { 
	outline:none;
	font-size: 1em;
}

.carousel-component .carousel-list li a { 
	outline:none;
	font-size: 1.1em;
}

.carousel-component .carousel-list li img { 
	border:1px solid #999;
	display:block; 
}
								
.carousel-component .carousel-prev { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	left:5px; 
}

.carousel-component .carousel-next { 
	position:absolute;
	top:40px;
	z-index:3;
	cursor:pointer; 
	right:5px; 
}

.carousel-componentNoJS h4{
	color: 	#777777;
	font-size: 0.9em;
}