/*svstyle.css   15.04.2009  */

body{
color: #000;
font: 12px Arial, Helvetica, sans-serif, Verdana;
background-color: #000;
margin: 0px;
padding: 0px  }

h1  { color: #fecb98; font-size: 24px; font-family: Verdana, Arial, Helvetica,
sans-serif; background-color: transparent }
h2  { color: #fecb98; font-size: 18px; font-family: Verdana, Arial, Helvetica,
sans-serif; background-color: transparent }
h3  { color: #fecb98; font-size: 14px; font-family: Verdana, Arial, Helvetica,
sans-serif; background-color: transparent;}
h4  { color: #fecb98; font-size: 12px;font-family: Verdana, Arial, Helvetica,
sans-serif; background-color: transparent;}
h5  { color: #fecb98; font-size: 10px;font-family: Verdana, Arial, Helvetica,
sans-serif; background-color: transparent;}

p {margin-top:0px;}
pre {color: #fecb98;
/*	font-size:10pt;
         font-family:Verdana, Arial, Helvetica, sans-serif;
*/
	text-decoration:none;
	background-color:transparent;
}
.einr {
      margin-left: 100px;
      padding-left: 100px;
      color: #fecb98;}


/* Die Hyperlinks im Text*/
a:link, a:visited
    { color: #ff3300; font-size: 14px; font-weight: normal; /*text-decoration: underline overline;*/
    background-color: transparent; }
a:hover
      { color: #fecb98;  font-size: 14px; font-weight: normal; /*text-decoration:  underline overline;*/
      background-color: transparent; }


/* Die Titelzeile */
#title {
background-color: transparent;
margin-left:10px;
padding: 2px 2px 2px 80px }

/* Das Menü */
#menu{
	width: 100px;
	height: 400px;
	border-right: solid 1px;
	border-color: #ff3300;
	background-color: #000000;
	text-align: right;
	margin: 8px 8px;
	padding: 15px;
	float:left;
}

#menu a {
color: #ff3300;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
background-color:transparent;
display:block;
}

#menu a:link
    { color: #ff3300; font-size: 14px; font-weight: normal; /*text-decoration: underline overline;*/
    background-color: transparent; text-decoration:none; }
#menu a:visited
    { color: #ff3300; font-size: 14px; font-weight: normal; /*text-decoration: underline overline;*/
    background-color: transparent; text-decoration:none; }
#menu a:hover
      { color: #fecb98;  font-size: 14px; font-weight: bold; /*text-decoration:  underline overline;*/
      background-color: transparent; text-decoration:none; }

#impresscontainer {
border-left:1px solid #ff3300;
background-color: transparent;
width:80px;
float:right;
padding:10px;
margin:5px;
line-height:12px;
}

#textcontainer {
background-color: transparent;
width:280px;
padding:10px;
margin:5px;
line-height:12px;
}

#infozeile{
background-color: transparent;
width:780px; padding:10px; padding-left:180px;
margin:5px;
line-height:16px;
color: #ff3300;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
display:block;

}

/* Der Inhalt der Startseite */
#content-index {
height: 350px; width: 660px;
/*height: 310px; width: 370px;*/
margin : 0px; margin-left: 170px;
color: #fff;
background-color: transparent;
/*background-image: url("../grafics/strvoic-alle-farbe.jpg"); */
/*background-image: url("../grafics/stv88g.jpg");*/
/*background-image: url("../grafics/stv88ghs2010.jpg");*/
/*background-image: url("../grafics/plakat 2010 web danke.jpg");*/
/*background-image: url("../grafics/stv08-10g2.jpg"); */
background-image: url("../grafics/stage.jpg");
background-repeat: no-repeat;
background-position:  center;
padding: 10px; z-index: 4;
border: solid 0 transparent }

/* Der Inhalt der company-Seite */
#content-company {
margin : 50px; margin-left: 300px;
color: #fff;
background-color: transparent;
border: solid 0 transparent
}

#content-contact {
margin-left: 10px;
color: #fff;
background-color: transparent;
background-image: url("../images/klinkenkabel-neon.jpg"); height:400px;
background-repeat: no-repeat;
background-position:  center;
padding: 10px; z-index: 4;
border: solid 0 transparent;
}

.svred { color: #ff3300}
.orange { color: #FFAE5E}
.mycol { color: #fecb98;}
.weiss { color: #fff}
.grauschrift { color: #555}


/*
#pict  { color: #fff; background: #000 url(../photo/poweron-web-grau.gif) no-repeat fixed center; z-index: 3; top: 200px; left: 100px; width: 400px; height: 384px; float: left; clear: both; filter: Alpha(Opacity=65) }
*/
#zentriert  { margin-top: -300px; margin-left: -300px; position: absolute; z-index: 1; top: 50%; left: 50%; width: 600px; height: 282px }
#kalender  { margin-top: -240px; margin-left: -260px; position: absolute; z-index: 1; top: 50%; left: 50%; width: 480px; height: 400px }
.rimg {
  background-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 10px;
  width: 200px; }

#box {
background-color:transparent;
display:block;
position:absolute;
top:160px;
left:200px;
padding:15px;
 }

#box a {
background-color:transparent;
border:1px solid #000;
}

#box a:visited {
background-color:transparent;
border:1px solid #000;
 }

#box a:hover {
background-color:transparent;
border:1px solid #fecb98;
 }

#box a .info {
display:none;}

#box a:hover .info {
color: #fecb98;
background:transparent;
text-decoration: none;
font-size:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:block;
position:absolute;
top:-40px;
left:40px;
padding:5px;
width:120px;
/*height:200px; */
text-align: left;
}

/*----------------------------------------*/
/*         neu für company-seite		 */
/*----------------------------------------*/

#content-staff {
margin-left : 20px;
color: #fff;
background-color: transparent;
padding: 10px; z-index: 4;
border: dotted  0 transparent;
 }

.infotext { }

/* Die Hyperlinks der Info-Texte*/
a.infotext:link, a.infotext:visited
    { color: #fff; font-size: 10pt; font-weight: bold; text-decoration: underline;
    background-color: transparent; }
a.infotext:hover
      { color:  #99FF99;    /*#CCFF99; text-decoration:  overline;*/
      background-color: transparent; }