@charset "UTF-8";
/*-------------------------------------------
    CSS Document
	Musikschule Karlsruhe
-------------------------------------------*/


/*-------------------------------------------
    Browser Reset
-------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body {
	line-height: 1;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*-------------------------------------------
    Global Style
-------------------------------------------*/
body {
	color:#000;
	background:#b0beda;
	text-align:center;
	overflow-y:scroll;
}

* html body {
	overflow:auto;
}

body, h1, h2, h3, h4, h5, h6 p, span, input, select, option, a, textarea, ul, ol {
	font-family:"Times New Roman", Times, serif;
	font-weight:normal;
}

.skip {
	left:-9999px;
	position:absolute;
	z-index:10;
}

.displaynone {
	left:-9999px;
	position:absolute;
	z-index:11;
}

h1 {
	font-size:19px;
	color:#737373;
	line-height:20px;
	padding-bottom:10px;
	text-transform:uppercase;
}

p {
	font-size:13px;
	color:#737373;
	line-height:16px;
	padding-bottom:10px;
}

ul {
	font-size: 13px;
	color:#737373;
	line-height:18px;
	padding-left:15px;
	list-style:disc;
	padding-bottom:15px;
}

a{
	text-decoration:none;
	color:#00428d;
}

a:hover {
	color:#737373;
}

strong { 
	font-weight:bold; 
}

em {
	font-style:italic;
}


/*-------------------------------------------
    Page Layout / Stucture
-------------------------------------------*/
#wrapper {
	position:relative;
	width:960px;
	margin:0 auto;
	text-align:left;
}
	#wrapper-inner {
		float:left;
		height:768px;
		width:960px;
		background:#b0beda url(../images/background.jpg) top center no-repeat;
	}

	.header {
		float:left;
		width:100%;
		height:193px;
	}
	
	.body {
		float:left;
		width:100%;
		height:490px;
		overflow:hidden;
	}
	
		.colleft {
			float:left;
			width:160px;
			padding-right:15px;
		}
		
		.colcenter {
			float:left;
			width:430px;
			padding: 15px 5px 0 15px;
			
			height: 470px;
			margin-top: 3px;
			overflow: auto;
			padding: 15px 5px 0 15px;
			width: 443px;
		}
		
		.colright {
			float:right;
			width:321px;
		}
	
	.footer {
		float:left;
		width:100%;
	}

/*-------------------------------------------
    colleft
-------------------------------------------*/
.header img {
	padding: 15px 0 0 10px;
}

/*-------------------------------------------
    colleft
-------------------------------------------*/
/*lvl1*/
ul.mainnav {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: none;
	line-height: 1;
}

ul.mainnav li {
	float:left;
	width:100%;
}

ul.mainnav li a {
	display:block;
	color:#00428d;
	font-size:19px;
	line-height:34px;
}

ul.mainnav li a:hover {
	color:#767676;
}

ul.mainnav li.selected a {
	color:#00428d;
	font-style:italic;
	font-weight:bold;
}

/*lvl2*/
ul.mainnav ul {
	padding: 0;
	margin: 0 0 0 15px;
	list-style: none;
	line-height: 1;
}

ul.mainnav ul li a {
	display:block;
	color:#00428d;
	font-size:12px;
	font-style:normal;
	line-height:20px;
}

ul.mainnav li.selected ul li a {
	display:block;
	color:#00428d;
	font-size:12px;
	font-style:normal;
	line-height:20px;
	font-weight:normal;
}

ul.mainnav ul li a:hover {
	color:#767676;
}

ul.mainnav li.selected ul li.selected a {
	color:#00428d;
	font-style:italic;
	font-weight:bold;
}


/*-------------------------------------------
    colcenter
-------------------------------------------*/
p span.ferien {
	display:block;
	float:left;
	width:100px;
}
p.title {
	color:#00428d;
	font-size:19px;
	padding-top:50px;
}

/*galerie*/
#galnav {
	margin:0;
	padding:0px;
	list-style:none;
	float:left;
}
#galnav li {
	float:left;
	margin:0 10px 10px 0;
}
#galnav img {
	border:2px solid #fff;
}
#galnav a.activeSlide img {
	border:2px solid #00428d;
}
#slideshow {
	left:0px;
}
.pics {
	width:324px; 
	height:490px;
	margin:0;
	overflow:hidden;
	padding:0;
}
.preisliste p {
	padding-bottom:5px;	
}
#lbgal img {
	float:left;
	margin:0 10px 10px 0;
}

/*-------------------------------------------
    colright
-------------------------------------------*/

/*-------------------------------------------
    footer
-------------------------------------------*/
.footer p {
	color:#00428d;
	padding-left:175px;
	font-size:13px;
}
.footer span {
	display:block;
	float:left;
	padding-right:30px;
}