/* *************** Farben **************
#003474 = blau für Links
#A8A9AD = grau
#E0E3F2 = hellblau
**************************************** */

html, body, div, img { margin:0px; padding:0px; border:none; }

/* html, body { height:100%; } */
		
body {
	color:#000;
	background-color:#fff;
	text-align:center; /* horizontal centering for IE Win quirks */
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-style: normal;
	}

#containerAll {
	margin:0 auto;
	position:relative;
	text-align:left;
	clear:left;
	width:1100px;
	min-height: 100%; height: 100%;
	}		
 
#head { height:134px; background-image:url(../img/collage_musikinstrumente.jpg);background-repeat:no-repeat;background-color:grey;}
#head-blau { height:134px; background-image:url(../img/blauescollage_musikinstrumente.jpg);background-repeat:no-repeat;background-color:grey;}
.claim { 
	position:absolute;
	left:30px;top:6px;
	/*width:36%; height:20%;*/
	z-index:1;
}
.fahne {
	width:80px;
	height:26px;
	position:absolute;
	top:145px;
	right:0;
	z-index:100;
}
.leistemenu { border:0px solid green;
	height:60px;
	background-color:#A8A9AD;
	}
 
p a  { text-decoration:none; color:#003474; background-color:transparent; font-weight:bold; } 
p a:link { text-decoration:none; color:#003474; background-color:transparent; font-weight:bold; } 
p a:visited { text-decoration:none; color:#003474; background-color:transparent; font-weight:bold; } 
p a:hover { text-decoration:none; color:#fff; background-color:transparent; font-weight:bold; } 

/* *********************************************
Hauptmenue
************************************************ */

#menu {
	/*width:542px;*/
	margin:0px;
	padding:0px 0px 0px 30px;
	color:#fff;
	background-color:transparent;
	}
	
div.menulist { float:left; }
 
div a.menulinks1 {
	text-decoration:none;
	color:#fff;
	background-color:transparent;
	font-size: 20px;
	line-height: 150%;
	font-weight:bold;
	}
div a.menulinks1:hover {
	text-decoration:none;
	color:#003474;
	background-color:transparent;
	font-size: 20px;
	line-height: 150%;
	font-weight:bold;
	}
div a.menulinks1_active {
	text-decoration:none;
	color:#003474;
	background-color:transparent;
	font-size: 20px;
	line-height: 150%;
	font-weight:bold;
	}
.linie { 
	color:#003474;
	margin-left:10px;
	margin-right:10px;
	font-weight:bold;
	}

/* *********************************************
Untermenue
************************************************ */
#unternavi {
	margin:0px;
	height:30px;
	background-color:#DDDCEC;
	color:#fff;
	padding:0px 0px 0px 30px;
	}
	
div a.menulinks2 {
	text-decoration:none;
	color:#000;
	background-color:#DDDCEC;
	font-size:17px;
	line-height: 190%;
	}
div a.menulinks2:hover {
	text-decoration:none;
	color:#003474;
	background-color:#DDDCEC;
	font-size:17px;
	line-height: 190%;
	font-weight:bold;
	}
div a.menulinks2_active { 
	text-decoration:none;
	color:#003474;
	background-color:#DDDCEC;
	font-size:17px;
	line-height: 190%;
	font-weight:bold;
	}

div .blacklinie { 
	font-size:17px;
	line-height: 180%;
	color:#000;
	margin-left:5px;
	float: left;
	margin-right:5px;
	}

/* *********************************************
Content
************************************************ */	
h1 { margin:0;padding:0; color:#000; font-size:32px;  } 
h2 { color:#003474; font-size:18px; line-height: 170%; } 
h3 { color:#000; font-size:24px; line-height: 150%; }
h4 { color:#003474; font-size:20px; } /* 21 */
h5 { color:#003474; font-size:20px; }
h6 { color:#003474; font-size:17px; line-height: 190%; }
h1, h2, h3, h4, h6 { margin:0px; padding:0px; }
h5 { margin-top:0px; padding-top:0px; }

span.kuenstler { color:#003474; font-weight:bold; }

#content {
	padding: 34.02px 0 0 0; /* 12 mm */
	margin: 0px;
	width:1100px;
	height:100%;
	}

#bilder { 
	padding: 0px;
	margin: 0px;
	width: 230px;
	float: right;
	}

#inhalt { 
	margin: 0px;
	padding: 0px 30px 0px 30px;
	width: 810px; /*870-30-30*/
	float: left;
	}

/* *******************************************************
zwei Spalte Vorlage
********************************************************* */
#left { position:relative;width:388px; margin-top:34.02px; /*32*/ margin-right:15px; float:left; }
#right { position:relative;width:388px; margin-top:34.02px; margin-left:15px; float:right; clear:right; }

/* *******************************************************
drei Spalte Vorlage
********************************************************* */
#colsleft { width:250px; margin-top:84px; margin-right:15px; float:left; border:1px solid black; }
#colsmiddle { width:250px; margin-top:32px; margin-left:15px; margin-right:15px; float:left; border:1px solid black; }
#colsright { width:250px; margin-top:32px; margin-left:15px; float:right; clear:right; border:1px solid black; }

/* *******************************************************
drei Spalte Vorlage
********************************************************** */
#dreispalten { margin-top:22.68px;padding:0; } /* 32px */

/* *******************************************************
Seite Über Blue Lines
********************************************************** */
#colspanleft { width:250px; /*margin-top:84px;*/ margin-right:15px; float:left; }
#colspanmiddle { font-size:14px; line-height: 120%; width:250px;/*margin-top:60px;*/ margin-left:15px; margin-right:15px; float:left; }
#colspanright { font-size:14px; line-height: 120%; width:250px;/*margin-top:60px;*/ margin-left:15px; float:right; clear:right; }

/* *******************************************************
drei Spalten Vorlage: Verleihsortiment
********************************************************** */
#verleih_left { width:250px; margin-top:22.68px; margin-right:15px; float:left; }
#verleih_middle { width:250px; margin-top:22.68px; margin-left:15px; margin-right:15px; float:left; }
#verleih_right { width:250px; margin-top:22.68px; margin-left:15px; float:right; clear:right; }

/* *******************************************************
drei Spalten Vorlage: Verleihsortiment Logos
********************************************************** */
#logos_left { width:280px; height:76px; padding:0;margin-top:0; margin-right:0px; float:left; }
#logos_middle { width:250px; height:76px; padding:0;margin-top:0; margin-left:0px; margin-right:15px; float:left; }
#logos_right { width:250px; height:76px; padding:0;margin-top:0; margin-left:15px; float:right; clear:right; }

/* *******************************************************
drei Spalten Vorlage: Percussion Logos
********************************************************** */
#logos_left-2 { width:250px; height:76px; margin-right:0px; float:left; }
#logos_middle-2 { width:280px; height:76px; margin-left:0px; margin-right:15px; float:left; }

/* *******************************************************
drei Spalten Vorlage: Teils Kontakt, Impressum
********************************************************* */
#kontakt_left { width:250px; margin-top:22.68px; margin-right:15px; float:left; }
#kontakt_mitte { width:250px; margin-top:22.68px; margin-left:15px; margin-right:15px; float:left; }
#kontakt_right { width:250px; margin-top:22.68px; margin-left:15px; float:right; }
#kontakt_mitteright { margin-top:22.68px;}

ul { 
	font-size:16px;
	line-height: 120%;
	}
	
ul.service {
	list-style-type:none;
	list-style-position:outside;
	margin-left:0;
	padding-left:0;
}
/*
#text p { 
	font-size:21px;
	line-height: 120%;
	} */
div#logonach { margin-bottom:32px;clear:both; }	
p.null { margin-top:0px; padding-top:0px; }
p.abstand { margin-top:30px; }

p.kontakt { color:#003474; font-size:20px; }

p.bass { font-size:16px;line-height: 120%; }

img.schlagzeug { margin-top:5px; }
img.logo-home { position:absolute;bottom:0; }

.clear { clear:both; }

/* *******************************************************
Liste AGB
********************************************************** */
ol.agb, ol.agb-ohne {
list-style:decimal;
list-style-position:inside;
padding-left:0px;
margin-left:0px;
}

ol.agb-ohne {
list-style:none;
}

ol.agb li {
padding-left:0px;
margin-left:0px;
margin-top:3px;
margin-bottom:5px;
}

ol.agb li.ohne {
list-style:none;
}

.first {
font-weight:bold;
}

/* **********************************
Layout für die Druckausgabe
************************************* */
@media print {
	#head { display:none; }
	#head-blau { display:none; }
	#bilder { display:none; }
	#inhalt { width: 100%; }
}