@charset 'utf-8';
@import url(reset.css);
@import url(defaults.css);

/* ----------------------------------------------------- Page layout */

body		{ 	margin: 0; padding: 0;  }

#header		{ 	}
#header h1,
#header p.info	{ 	display: none; }


#wrapper 	{ 	width: 970px; margin: 0 auto; }

#top		{ 	width: 970px; height: 20px; background: url(img/top.jpg); margin-top: 10px;}
#bottom		{ 	width: 970px; height: 20px; background: url(img/bottom.jpg); margin-bottom: 20px; }

#nav 		{ 	margin: 0; background: #bce4ec; padding: 20px 0; height: 100px; }
#navul		{ 	margin: 0 auto; }

#images 	{ 	padding: 0 25px 0 25px; background: #bce4ec; height: 180px;  }
#images img	{ 	float: left; margin: 0 25px 0 25px; }

#main 		{ 	 }

#subnav 	{ 	width: 300px; float: left; padding-top: 15px; }
#subnav ul	{ 	margin-left: 50px; }

#content 	{ 	margin-left: 300px; padding-top: 10px; padding-left: 25px; }

#footer		{ 	text-align: right; margin-top: 20px; border-top: 1px dotted gray; }

/* fontz and stylez: the vanity part of the css file */

body		{ 	font-family: "Arial", "Helvetica", sans-serif; 
			font-size: 17px;
			line-height: 1.4; }

h2		{ 	font-size: 21px;
			margin-bottom: 1em; 
			font-weight: bold; 
			letter-spacing: 1px;}

h3		{ 	font-size: 18px;
			margin-bottom: 1em; 
			font-weight: bold; }

table, ul	{ 	margin-bottom: 1em; }
td		{ 	padding: 2px 10px 2px 5px; }

p		{ 	margin-bottom: 1em; }

.color-orange		{ 	color: #f59e00; }
.color-red 		{ 	color: #e31738; }			
.color-blue 		{ 	color: #0080c7; }			
.color-green		{ 	color: #a3c437; }	
.color-lightblue	{ 	color: #58c5c7; }
.color-dirtygreen	{ 	color: #d6df23; }
.color-cherryred	{ 	color: #ee3042; }
.color-freshblue 	{ 	color: #0089ef; }

a.amazon		{ 	color: #ee3042; 
				letter-spacing: 1px; }
				

ul.truelist	{ 	}

#footer a 	{ 	color: #0080c7; }
#footer a:hover	{ 	text-decoration: underline; }

blockquote		{ 	font-weight: bold; font-size: 16px; font-style: italic; color: a0a0a0;}
blockquote:before	{ 	content: '„' }
blockquote:after	{ 	content: '“' }
p.caption		{ 	text-indent: 10px; }

p, h2, h3, ul, blockquote	{ 	cursor: text; }


/* build the nav menu */

#nav a		{ 	float: left; 
			margin: 0 10px 0 10px; 
			display: block;
			width: 86px;
			height: 90px; }

#nav a.home		{ 	background: url(img/nav/home.gif) center center no-repeat; }
#nav a.muenchen 	{ 	background: url(img/nav/muenchen.gif) center center no-repeat; }
#nav a.hamburg  	{ 	background: url(img/nav/hamburg.gif) center center no-repeat; }
#nav a.nuernberg 	{ 	background: url(img/nav/nuernberg.gif) center center no-repeat; }
#nav a.buch 		{ 	background: url(img/nav/buch.gif) center center no-repeat; }
#nav a.susanne-klug 	{ 	background: url(img/nav/klug.gif) center center no-repeat; }
#nav a.presse 		{ 	background: url(img/nav/presse.gif) center center no-repeat; }
#nav a.bilder 		{ 	background: url(img/nav/bilder.gif) center center no-repeat; }
#nav a.partner 		{ 	background: url(img/nav/partner.gif) center center no-repeat; }

/* build the subnav menu */

#subnav			{ 	font-size: 17px;  }

#subnav.bilder		{ 	background: url(img/kringel/bilder.jpg) 20px 22px no-repeat; }
#subnav.buch		{ 	background: url(img/kringel/buch.jpg) 20px 22px no-repeat;}
#subnav.susanne-klug	{ 	background: url(img/kringel/susanne-klug.jpg) 20px 22px no-repeat;}
#subnav.presse		{ 	background: url(img/kringel/presse.jpg) 20px 22px no-repeat;}
#subnav.partner		{ 	background: url(img/kringel/partner.jpg) 20px 22px no-repeat;}
#subnav.index		{ 	background: url(img/kringel/index.jpg) 20px 22px no-repeat;}


#subnav ul li	{ 	 }
 
#subnav ul li a	{ 	padding-left: 15px; 
			color: black;
			font-weight: bold;
			text-decoration: none; }

#subnav a:hover.team		{ 	color: #e31738; text-decoration: none; }			
#subnav a:hover.programme	{ 	color: #0080c7; text-decoration: none; }			
#subnav a:hover.offer		{ 	color: #f59e00; text-decoration: none; }			
#subnav a:hover.location	{ 	color: #a3c437; text-decoration: none; }			
		
#subnav .team 		{ 	background: url(img/dot-red.jpg) center left no-repeat; }
#subnav .programme 	{ 	background: url(img/dot-blue.jpg) center left no-repeat; }
#subnav .offer 		{ 	background: url(img/dot-orange.jpg) center left no-repeat; }
#subnav .location 	{ 	background: url(img/dot-green.jpg) center left no-repeat; }



/* partner section */

div.partner		{ 	width: 210px; 
				float: left; 
				margin-bottom: 20px; }

div.partner p.caption 	{ 	font-size: 11px; 
				text-align: center; }

div.partner img		{ 	border: 1px solid white; }
div.partner img.frame	{ 	border: 1px solid  #0089ef; }