/* tags -----------------------------------------*/

body{
margin:0px;
background-color:black;
font: 8pt Verdana;
color:white;
}

/* general ids ------------------------------------*/
#mainframe{
margin:0px;
text-align:center;
width:100%;
border:0px solid white;
}

#navi{
text-align:center;
margin:0px;
color:white;
width:100px;
height:200px;
position:relative;
left:-90px;
top:0px;
color:white;
border:0px solid gray;
font:9pt Verdana;
z-index:100;
}

#navi-top{
height:51px;
width:96px;
background:url('../images/navibox-top.gif') no-repeat;
}
#navi-middle{
width:96px;
background:url('../images/navibox-middle.gif') repeat-y;
}
#navi-bottom{
width:96px;
height:98px;
background:url('../images/navibox-bottom.gif') no-repeat ;
}

.navilink-div{
width:96px;
border-right:0px solid white;
text-align:center;
}

.navilink{

margin:0px;
width:96px;
border-left:0px solid white;
border-right:0px solid white;
font:9pt Verdana;
z-index:100;
display:block;
}

a:hover.navilink{
background-color:black;
color:yellow;
}

#container{
margin:auto;
text-align:left;
color:white;
width:740px;

border:0px solid gray;

}

#head{
margin:0px;
width:740px;
height:372px;
background-image:url(../images/head-background.gif);
background-repeat:no-repeat;
position:absolute;
top:0px;
}

#logo{
height:126px;
width:478px;
position:relative;
top:110px;
left:220px;
background-image:url(../images/logo.gif);
background-repeat:no-repeat;
border:0px solid gray;
}

#body{
position:absolute;
top:274px;
margin:0px;
width:740px;
height:1128px;
background-image:url(../images/body-background.gif);
background-repeat:repeat-y;
border:0px solid white;
}
.bodyhead{
z-index:100;
position: absolute;
left:46px;
font:15pt verdana;
width:647px;
height:25px;
border-style:solid;
border-color:gray;
border-top-width:0px;
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
}

#amazon-text{
margin:0px;
width:100px;
background-color:black;
font:8pt Verdana;
color:white;
border:0px solid white;
position:relative;
top:85px;
left:740px;
}

#amazon-div{
margin:0px;
width:150px;
height:80px;
border:0px solid white;
position:relative;
top:-52px;
left:740px;
}

/* default-ids -----------------------------------------*/

#default-body{
margin:0px;
width:500px;
height:420px;
position:absolute;
top:80px;
left:120px;
color:white;
font:8pt Verdana;
border:1px solid #555555;
background-color:black;
z-index:100;
}

#default-content{
margin:0px;
color:white;
font:10pt Verdana;
top:50px;
left:200px;
border:0px solid white;
}

/* filme-ids ----------------------------------------------*/

#quicktime{
font-weight:bold;

}

#quicktime-link:link{

color:yellow;
}

#filme-body{
margin:0px;
width:600px;
min-height:700px;
position:absolute;
top:40px;
left:70px;
color:white;
font:8pt Verdana;
border:0px solid gray;

}

#quicktime-movie{
width:320px;
height:188px;
border:0px solid gray;
}

#filme-links{
margin:0px;
position:absolute;
width:500px;
position:absolute;
top:50px;
left:0px;
color:white;
font:15pt Verdana;
text-align:left;
border:0px solid gray;

}

/* emotionen ids --------------------------------------*/

#emotion-container{
margin:0px;
width:600px;
height:570px;
position:absolute;
top:40px;
left:70px;
font: 8pt Verdana;
border:1px solid gray;
}

#emotion-image{
margin:0px;
width:236px;
min-height:150px;
position:absolute;
bottom:160px;
left:260px;
font: 8pt Verdana;
border:0px solid gray;
text-align:center;
background-image:url(../images/randloch4emotion.gif);
background-repeat:repeat-y;
}

#emo-image-img{

}

#emotion-select{
margin:0px;
width:520px;
height:130px;
position:absolute;
top:430px;
left:35px;
overflow:auto;
border:1px solid gray;
position:absolute;
z-index:100;
cursor:default;
}

#emo-update{
margin:0px;
border:0px solid gray;
position:absolute;
top:400px;
left:35px;
}

#emotion-requestlink{
margin:0px;
position:absolute;
top:50px;
left:35px;
}

#requestlink-text{
margin:0px;
position:absolute;
top:65px;
left:35px;
}

#emorequest-list{
margin:0px;
width:520px;
height:400px;
position:absolute;
bottom:10px;
left:35px;
overflow:auto;
border:1px solid gray;
position:absolute;
}

#request-instruction{
width:350px;
height:30px;
border:0px solid gray;
position:absolute;
top:30px;
left:10px;
}

#requester-name{
margin:0px;
position:absolute;
top:65px;
left:10px;
}

#requester-emotion{
margin:0px;
position:absolute;
top:95px;
left:24px;
}

#emo-submit{
position:absolute;
top:125px;
left:74px;
}

#backToEmotions{
position:absolute;
top:50px;
left:380px;
}

/* blabla ids -----------------------------------------------*/
#blabla-container{
margin:0px;
width:600px;
position:absolute;
height:700px;
top:40px;
left:70px;
font: 8pt Verdana;
border:0px solid gray;
}

#blabla-textarea{
font: 8pt Verdana;
margin:0px;
width:540px;
height:400px;
position:absolute;
top:230px;
left:30px;
overflow:auto;
border:1px solid gray;
position:absolute;
z-index:50;
}

#blabla-form{
font: 8pt Verdana;
margin:0px;
width:540px;
height:200px;
position:absolute;
top:10px;
left:30px;
border:1px solid gray;
}

#blabla-title{

}

#blabla-name{
position:absolute;
top:10px;
left:106px;
}

#blabla-textarea-new{
position:absolute;
bottom:11px;
left:106px;
}

#blabla-submit{
position:absolute;
top:10px;
left:457px;

}

/* panoramase ids ---------------------------------------------*/

#panorama-container{
margin:0px;
width:600px;
height:600px;
position:absolute;
top:30px;
left:70px;
font: 8pt Verdana;
border:0px solid gray;
}

#panorama-wrap{
position:absolute;
top:70px;
left:50px;
border:0px solid white;
width:510px;
height:260px;
}

#panorama-div{
margin:0px;
width:520px;


}

#panoframe-top{
width:500px;
height:18px;
border:0px solid gray;

background:url(../images/randloch4panorama.gif) no-repeat;
}

#panoframe-bottom{
width:500px;
height:18px;
border:0px solid gray;

background:url(../images/randloch4panorama.gif) no-repeat;
}

#bildKlicken{
margin:0px;
position:relative;
left:370px;
top:5px;
}

#panoramase-select{
margin:0px;
width:520px;
height:130px;
position:absolute;
top:340px;
left:35px;
overflow:auto;
border:1px solid gray;
position:absolute;
z-index:100;
cursor:default;
}

#panorama-satz{
position:absolute;
bottom:110px;
left:220px;
}

#panolink{
text-decoration:none;
border:0px;
}

#panoimg{
border:0px;
}

/* welt ids ---------------------------------------------*/

#welt-container{
margin:0px;
width:600px;
height:630px;
position:absolute;
top:30px;
left:70px;
font: 8pt Verdana;
border:0px solid gray;
}

#weltimage-div{
margin:0px;
width:410px;
height:410px;
position:absolute;
top:25px;
left:90px;
border:1px solid gray;
text-align:center;
vertical-align:middle;
background-color:black;
}

#weltimage-table{
vertical-align:middle;
text-align:center;
width:410px;
height:410px;
border:0px;
}

#weltimage-tr{
vertical-align:middle;
text-align:center;
width:410px;
height:410px;
}

#weltimage-td{
vertical-align:middle;
text-align:center;
width:410px;
height:410px;
}

#weltimage-img{

}

#welt-fape{
position:absolute;
top:5px;
left:90px;
}

#welt-select{
margin:0px;
width:330px;
height:130px;
position:absolute;
top:450px;
left:130px;
overflow:auto;
border:1px solid gray;
position:absolute;
z-index:100;
cursor:default;
}

#welt-instruction{
position:absolute;
top:590px;
left:60px;
}

/* neu ids --------------------------------------------*/

#neu-container{
margin:0px;
width:600px;
height:600px;
border:0px solid gray;
position:absolute;
top:40px;
left:70px;
}

/*-------- neu newsletter ids--------*/
#neu-newsletter{
margin:0px;
position:absolute;
width:280px;
height:250px;
top:5px;
left:10px;
border-right:1px solid orange;
border-left:1px solid orange;
text-align:left;
}
#newsletter-title-div{
text-align:center;
background-color:black;
}

#newsletter-title-span{
font:15pt Verdana;
font-weight:;
}

#neu-newsletter-name-div{
position:relative;
top:10px;
left:16px;
}

#neu-newsletter-name-span{}

#neu-newsletter-email-div{
position:relative;
top:15px;
}

#neu-newsletter-email-span{}

#neu-newsletter-submit{
position:relative;
top:22px;
left:80px;
}

#neu-newsletter-confirm{
position:absolute;
bottom:50px;
}

/*-------- neu mitglied ids--------*/


#neu-mitglied{
margin:0px;
position:absolute;
width:280px;
height:500px;
top:5px;
right:10px;
border-left:1px solid orange;
border-right:1px solid orange;
text-align:right;
}

#mitglied-title-div{
text-align:center;
background-color:black;
}

#mitglied-title-span{
font:15pt Verdana;
font-weight:;
}

#neu-mitglied-description{
position:relative;
top:10px;
text-align:center;
}

#neu-mitglied-vorname-div{
position:relative;
top:20px;
}

#neu-mitglied-vorname-span{}

#neu-mitglied-nachname-div{
position:relative;
top:22px;
}

#neu-mitglied-nachname-span{}

#neu-mitglied-street-div{
position:relative;
top:24px;
}

#neu-mitglied-street-span{}

#neu-mitglied-city-div{
position:relative;
top:26px;
}

#neu-mitglied-city-span{}

#neu-mitglied-email-div{
position:relative;
top:28px;
}

#neu-mitglied-email-span{}

#neu-mitglied-phone-div{
position:relative;
top:30px;
}

#neu-mitglied-phone-span{}

#neu-mitglied-birthdate-div{
position:relative;
top:32px;
}

#neu-mitglied-birthdate-span{}

#neu-mitglied-submit{
position:relative;
top:34px;
right:62px;
}

#neu-mitglied-versicherung{
text-align:center;
position:relative;
top:38px;
}

#neu-mitglied-confirm{
text-align:center;
position:absolute;
bottom:50px;
}


/*verein ids and classes-------------------------------------------------*/

#verein-container{
position:absolute;
top:30px;
left:70px;
width:600px;
border:0px solid white;
}

.verein-title{
margin-top:20px;
margin-bottom:-5px;
font-size:9pt;
font-weight:bold;
color:yellow;
}

.verein-paragraph{

}

/*presse ids----------------------------------------------------------*/

#presse-container{
width:600px;
height:300px;
position:absolute;
top:40px;
left:70px;
font-size:10pt;
}

.press-release{
margin:2px;
border:1px solid gray;
padding:2px;
font-size:9pt;
}

/*impressum ids and classes------------------------------------------------------*/

#impressum-container{
width:600px;
position:absolute;
top:40px;
left:70px;
text-align:center;
}

.impressum-title{
font-weight:bold;

}

#impressum-post{
margin-bottom:20px;
}

.impressum-vortandsmitglied{
margin-bottom:10px;
}
#impressum-disclaimer{}

/* kaufen ids & classes----------------------------------------------------------*/

#kaufen-container{
width:600px;

position:absolute;
top:40px;
left:70px;
text-align:center;
border-style:solid;
border-color:white;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
margin:0px;
}

#unsereAuswahl{
margin-top:2px;
margin-bottom:10px;
font-weight:bold;
font-size:11pt;
background-color:black;
border:1px solid white;
}

#artikel-wrap{
height:480px;
border-style:solid;
border-color:gray;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
margin:0px;
overflow:auto;
}

.artikel{
position:relative;
border-style:solid;
border-color:gray;
border-top-width:1px;
border-bottom-width:1px;
border-left-width:0px;
border-right-width:0px;
text-align:left;
height:160px;
overflow:hidden;
}
.artikel-img-div{
position:relative;
text-align:center;
width:150px;
background-color:black;
border-style:solid;
border-color:gray;
border-top-width:0px;
border-bottom-width:1px;
border-left-width:1px;
border-right-width:1px;
float:left;
}

.artikel-img{
position:relative;
border:0px solid yellow;
}

.artikel-desc{
float:left;
width:600px;
border-style:solid;
border-color:gray;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
position:absolute;
left:160px;
}

.artikel-sizes{
margin:0px;
border-style:solid;
border-color:white;
border-top-width:0px;
border-bottom-width:0px;
border-left-width:0px;
border-right-width:0px;
position:absolute;
left:160px;
top:30px;
}
.submit-description{
position: relative;
top: 60px;
left:10px;
}

#warenkorb-link{
border:0px solid green;
position: absolute;
right:0px;
top:2px;
z-index:90;
}

#warenkorb-img{
border:1px solid gray;
}

#zurück-zum-warenkorb-link{
border:0px solid green;
position: absolute;
left:3px;
top:5px;
z-index:90;
}
.kaufen-submit{}

.kaufen-anzahl-select{
font: 8pt Verdana;
border:1px solid gray;
margin:2px;
}

.kaufen-sizes-select{
font: 8pt Verdana;
border:1px solid gray;
margin:2px;
}

.kaufen-submit-description{
margin-top:20px;
margin-bottom:10px;
}
.kaufen-submit-email{
margin-bottom:10px;
}

.kaufen-final-submit{
font:8pt Verdana;

}

#kaufen_danke{
margin:5px;
border:0px solid yellow;
font-size:9pt;
font-weight:bold;
}

#kaufen_details_1{
margin-top:15px;
border:0px solid red;
}

#kaufen_details_2{
text-align:left;
height:600px;
overflow:auto;
padding:10px;
margin:5px;
border:1px solid gray;
}
.kaufen_details_3{

margin-bottom:10px;
width:300px;
border:0px solid white;
text-align:left;
}

.kaufen_artikel_einzeln{
width:200px;
margin-bottom:10px;
border:solid #777777;
border-top-width:1px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
text-align:left;
}

.kaufen_artikel_einzeln_titel{
background-color:#999999;
color:black;
text-align:center;
margin-bottom:3px;
margin-right:0px;
margin-left:0px;
margin-top:0px;
font:9pt verdana;
font-weight:bold;
}
.bold{
font-weight:bold;
}
/* PanoramaBig ids --------------------------------------------------*/

#panoramaBig-img{
margin:auto;

vertical-align:middle;
}

/* airguitar ids & classes ------------------------------------------*/

#airguitar-container{
position:absolute;
top:40px;
left:70px;
width:600px;
border:0px solid red;
}
#airguitar-jahr-nav{
border:solid #777777;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
border-bottom-width:1px;
text-align:center;
color:#777777;
}

#sub_airguitar_title{
text-align:center;
margin-top:3px;
margin-bottom:5px;
font-size:16pt;
}

#airguitar-image-01{

}

#airguitar-text-01{
text-align:center;
position:relative;
top:10px;
}
#airguitar-content-wrap{
width:580px;
height:160px;
background-color:#000000;
position:absolute;
top:390px;
left:7px;
border:0px solid red;
}
#airguitar-schmankerl-01{
background-color:#000000;
border:1px solid #666666;
width:580px;
position:absolute;
top:0px;
}
#airguitar-schmankerl-02{
background-color:#000000;
border:1px solid #666666;
width:580px;
position:relative;
top:40px;
}
#airguitar-schmankerl-03{
background-color:#000000;
border:1px solid #666666;
width:580px;
position:relative;
top:50px;
}
#airguitar-schmankerl-04{
background-color:#000000;
border:1px solid #666666;
width:580px;
position:relative;
top:10px;
}

.airguitar-content-title{
font-size:12pt;
font-weight:bold;
}

/* general classes --------------------------------------------------*/

.link{
color:yellow;
font-weight:bold;
}

input.submit{
background-color:black;
color:white;
font:8pt Verdana;
border:1px solid gray;
}

/* filme-classes -------------------------------------------------*/

.film-link{
color:white;
}

.film-play{
border:1px solid gray;
background-color:black;
color:yellow;
font-size:8pt;
margin-right:0px;
}

.film-download{
border:1px solid gray;
background-color:black;
color:yellow;
font-size:8pt;
}

.movie-frame{
background-color:black;
background:url(../images/randloch4movie.gif) repeat-x;
height:20px;
width:100%;
margin-top:6px;
margin-bottom:3px;
}

.download-link{
position:relative;
top:0px;
left:1px;
display:inline;
margin:0px;
border:0px solid white;
height:10px;
}

a span.download-tooltip{
position:absolut;
display:block;
display:none;
}
a:hover{
background-color:transparent;
}

a:hover span.download-tooltip{
position:absolute;
left: 55px;
top:13px;
display:block;
font-size:8pt;
color:black;
background-color:yellow;
border:1px solid black;
width:225px;
z-index:100;
}

/* blabla-classes --------------------------------------------*/

.blabla-eintrag{
margin-left:5px;
margin-top:10px;
border:1px solid gray;
border-bottom-width:1px;
border-top-width:0px;
border-left-width:0px;
border-right-width:0px;
z-index:100;
}

.textarea-neuebla{
font:8pt Verdana;
color:white;
background-color:transparent;
border: 1px solid gray;
}

.textfield{
font:8pt Verdana;
color:white;
background-color:black;
background-color:transparent;
border: 1px solid gray;
}

/*panoramase classes ---------------------------------------*/



/* links ------------------------------------------------------*/

a:link{
text-decoration:none;
color:white;
}
a:visited{
text-decoration:none;
color:white;
}
a:hover{
text-decoration:none;
color:yellow;
}
a:active{
text-decoration:none;
color:yellow;
}
a:focus{
text-decoration:none;
color:yellow;
}