/*
	pm.css | promusica
	21.04.2012
*/
html,body{font-family:Verdana,Arial,sans-serif;font-size:13px;}
body{background:url(bilder/hg1.jpg) center center no-repeat fixed;}

/* Seitenlayout ************************************************************* */
#header{padding:5px;border:1px solid transparent;height:115px;
background:url(pics/logo.png)left center no-repeat;overflow:hidden;}
#oben{display:inline-block;margin:0 0 0 350px;float:left;}
#oez{display:inline-block;float:left;width:290px;margin-left:15px;}

#left{display:inline-block;width:200px;float:left;}
#navi{padding:3px;}
#links{padding:5px;}

#middle{position:absolute;display:inline-block;top:160px;right:320px;left:220px;}
#rechts{display:inline-block;float:right;width:300px;}

/* Elemente ***************************************************************** */
a.navi,a.navi-sel{display:inline-block;background:#ddd;border-radius:7px;
width:180px;height:20px;line-height:20px;color:gray;font-weight:bold;
border:1px solid silver;margin:2px 3px 2px 3px;text-align:center;
text-decoration:none;box-shadow: 5px 5px 5px #667;}
a.navi:hover{background:#aaf;color:white;}
a.navi-sel{background:white;color:black;}
#msg{color:blue;}

/* Start **********************************************************************/
h1{font-size:36px;color:maroon;}
.small{font-size:34px;}
.portrait{border-radius:4px;box-shadow:5px 5px 5px #667;margin-bottom:0px;}
.ptxt{padding-left:5px;vertical-align:top;}
.htxt{font-family:Georgia;color:blue;font-weight:heavy;font-size:18px;margin-top:-15px;}
.btxt,.vtxt{color:maroon;font-size:14px;line-height:18px;margin-top:-5px;
background:white;padding:5px;opacity:0.8;}
.vtxt{margin-bottom:10px;}
.ktxt{background:maroon;color:white;font-size:13px;font-weight:bold;padding:2px;
opacity:0.3;}
.kul{background:maroon;color:white;font-size:13px;margin-top:0;
padding:2px 2px 2px 18px;opacity:0.3;}
.clear{color:transparent;clear:both;}

/* Instrumentenseiten *********************************************************/
#sort-div{display:inline-block;}
.sort-btn{padding-bottom:5px;margin-left:-2px;}
.itable{border-collapse:collapse;}
.itd{vertical-align:top;padding:2px;border:1px solid silver;cursor:pointer;}
.ipic{width:200px;vertical-align:top;}
.itxt{min-width:350px;vertical-align:top;padding:2px;
border:2px solid silver;}
.itxt p{margin:2px 0 1px 0;}
#big-pic{position:absolute;z-index:10;max-width:900px;cursor:pointer;
background:silver;box-shadow: 5px 5px 5px #667;}

/* Formulare **************************************************************** */
#upload-form,#vw-pd-form,#vw-form{display:inline-block;}
.vwa,.vwa-sel{color:gray;background:#bbf;border:1px solid black;padding:2px;
text-decoration:none;margin:2px 2px 0px 5px;}
.vwa-sel{border-bottom:1px solid #eef;color:black;background:#eef;}
#vw-margin{border:1px solid black;padding:5px;margin-top:2px;}
label{display:inline-block;margin:5px 5px 0 10px;color:gray;font-weight:bold;
width:95px;}
.ip-s{width:80px;}
.ip-b{width:250px;}
select{width:250px;}
#i-sel{margin-right:25px;}
fieldset{display:inline-block;color:blue;border-color:blue;}
#view-img{position:absolute;display:inline-block;border:1px solid blue;
width:200px;max-height:125px;left:400px;top:40px;overflow:hidden;}
#beschreibung{height:60px;width:565px;}
#ilf,#blf{position:absolute;left:620px;top:40px;max-width:230px;}
#blf{left:880px;}
#inli,#beli{max-height:460px;overflow:auto;}
#txtli{position:absolute;left:500px;top:40px;width:250px;border:1px solid blue;}
.inli-item,.inli-item-sel,.beli-item,.beli-item-sel{cursor:pointer;padding:2px;
display:block;}
.inli-item:hover,.beli-item:hover{background:#9cf;}
.inli-item-sel,.beli-item-sel{background:#ffa;}
#msg,#fmsg,#tmsg{padding:5px;}

/* Texte **********************************************************************/
.hinweis{display:inline-block;color:#119;padding-top:3px;}

/* Zubehör ********************************************************************/
.zh{font-size:20px;font-weight:bold;color:maroon;background:white;opacity:0.8;
padding:2px;margin-bottom:0px;}
.bogen{display:inline-block;margin-bottom:10px;border-bottom:2px solid gray;}
.z-img{width:200px;border:1px solid silver;margin-right:2px;cursor:pointer;
background:white;opacity:1.0;float:left;}
.z-txt{display:inline-block;padding:5px;vertical-align:top;float:left;
width:350px;font-size:13px;line-height:15px;}

/* Vermietung *****************************************************************/
#v-middle{position:absolute;display:inline-block;top:140px;left:220px;width:1000px;
height:525px;background:url(bilder/vermietung_1.jpg) left 55px no-repeat;}
.v-txt-a{color:maroon;font-size:16px;}
#v-bu{display:inline-block;margin-left:25px;padding:2px;background:white;
opacity:0.3;border-top:2px solid maroon;border-left:2px solid maroon;
border-right:3px solid silver;border-bottom:3px solid silver;
border-radius:4px;}

/* Kontakt ********************************************************************/
#map{position:absolute;top:0px;left:280px;}
#map-canvas{width:600px;height:400px;border:2px solid gray;
box-shadow:5px 5px 5px #667;}
#route{margin-top:5px;color:white;background:maroon;padding:5px;opacity:0.6;}
#route-from{width:230px;}
#lupe{display:inline-block;cursor:pointer;width:20px;height:20px;
background:url(pics/lupe.png) center center no-repeat white;border:1px solid
transparent;margin-left:5px;vertical-align:bottom;}
#wpane{position:absolute;top:0px;left:-200px;max-width:465px;max-height:440px;
overflow:auto;}
#weg{max-width:452px;}
#wegweg{display:inline-block;cursor:pointer;border:1px solid transparent;
width:135px;background:url(pics/del.png) right bottom no-repeat white;
margin-left:5px;padding:1px;text-align:left;visibility:hidden;}