/* Stylesheet für STARTTRONIK save view */

/* braucht man immer __________________________________________*/

html { 
	overflow : hidden;
	width : 100%;
	height : 99%;
}

body { 
	top : 0;
	left : 0;
	width : 100%;
	height : 99%;
	margin : 0;
	padding : 0; 
	background-color: #010000;
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-style : normal;
	text-decoration : none;
	font-variant : normal;
	text-align : left;
	position : absolute;
	vertical-align : top;
	overflow : hidden;
}

acronym { 
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	text-decoration : none;
	font-variant : normal;
}



abbr { 
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	text-decoration : none;
	font-variant : normal;
	word-spacing : 3px;
	letter-spacing : 3px;
}



span.caps { 
	cursor : help;
}

/* Schrifteinstellung   ___________________________________________*/

a, a:link, a:visited {
	text-decoration: none;
	font-family: Verdana, Arial, Sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 8pt;	
	color: #ffffff;
}

a:hover {
	text-decoration: underline;
}

a.cornelius {
	color: #b2b3b5;
	font-size: 10px;	
}

p {
	text-decoration: none;
	font-family: Verdana, Arial, Sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 10px;
	color: #ffffff;
	vertical-align: text-top;
	padding-left: 5px;
	padding-right: 5px;
}

p.farbe {
	color: red;
}

h1 {
	padding-left: 5px;
	font-family:Verdana, Arial, Sans-serif;
	font-style:normal;
	color: #cc0000;
	font-size:16pt;
	font-weight: bold;
}

h2 {
	padding-left: 5px;
	font-family:Verdana, Arial, Sans-serif;
	font-style:normal;
	color:#ffffff;
	font-size:14pt;
	line-height: 16pt;
	font-weight: normal;
}

h3 {
	left: 5px;
	font-family:Verdana, Arial, Sans-serif;
	font-style:normal;
	color:#000000;
	font-size:24pt;
	font-weight:bold;
}

h4 {
	left: 5px;
	font-family:Verdana, Arial, Sans-serif;
	font-style:normal;
	color:#000000;
	font-size:12pt;
	font-weight:bold;
}

h5 {
	left: 5px;
	font-family:Verdana, Arial, Sans-serif;
	font-style:normal;
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;
}

/* Menue Mouseover   links __________________________________________*/

ul {
	padding-left: 5px;
}

#menu {
	position: absolute;
	height: 20px;
	width: 560px;
	top: 0px;
	left: 0px;
	margin: 0px;
	list-style: none;  
	list-style-position: outside; 
}

#menu li {
	float: left;
	display: inline;
	height: 20px;
}

#menu a {
	display:  inline;
	height: 20px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 20px;
	text-align: left;
	color: #ffffff; 
}

#menu a:link, #menu a:visited {
	color: #ffffff;
}

#menu a:hover, #menu a:active {
	color: #525355; 
}

#menuselected	{
	display:  inline;
	height: 20px;   
	text-decoration: none;
	line-height: 20px;
	color: #010000;
	text-align: left;
}

a #onlineshop {
	width:220px;
	height:40px;
	display:block;
	background:url(bilder/onlineshop.jpg);
	position:absolute;
	margin-top:1px;
	cursor:pointer;
}

/* Menue Mouseover   2 __________________________________________*/

#menu2 {
	position: absolute;
	height: 20px;
	width: 250px;
	top: 0px;
	left: 0px;
	margin: 0px;
	list-style: none;  
	list-style-position: outside; 
}


#menu2 li {
	float: left;
	display:  inline;
	height: 20px;
}

#menu2 a {
	display:  inline;
	height: 20px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 20px;
	text-align: left;
	color: #ffffff; 
}

#menu2 a:link, #menu2 a:visited {
	color: #ffffff;
}

#menu2 a:hover, #menu2 a:active {
	color: #525355; 
}

#menu2selected	{
	display:  inline;
	height: 20px;   
	text-decoration: none;
	line-height: 20px;
	color: #010000;
	text-align: left;
}


/* Menue Mouseover   rechts __________________________________________*/

#menu-r {
	position: absolute;
	height: 20px;
	width: 250px;
	top: 0px;
	right: 0px;
	margin: 0px;
	list-style: none;
}

#menu-r li {
	float: right;
	display: inline;
	height: 20px;
}

#menu-r a {
	display: inline;
	height: 20px;  
	background-color: inherit;
	text-decoration: none;
	line-height: 20px;
	text-align: right;
	color: #ffffff; 
}

#menu-r a:link, #menu-r a:visited {
	color: #ffffff;
}

#menu-r a:hover, #menu-r a:active {
	color: #525355; 
}

/*Kontainer zentrieren __________________________________________*/

#breite {
	margin-left: auto;
	margin-top: 0;
	margin-right: auto; 
	margin-bottom: 0;
	display: table; 	
	position: relative; 
	overflow: hidden; 
	width: 100%;
	height: 99%;  
}

#centrieren {
	position: absolute; 
	top: 50%;
	left: 0px;
	vertical-align: middle;
	width: 100%; 
	height: 2px;
}

#stage {
	margin-left: auto;
	margin-right: auto;
	position: relative; 
	top: -250px; 
	width: 770px;
	height: 500px;
	overflow: hidden;
}

/*Kontainer               __________________________________________*/


#line1 {
	position: absolute;
	top: -170px;
	left: 0px;
	vertical-align: top;
	height: 20px; 
	width: 50%;
	background-color:#cc0000;
	overflow: hidden;
}


#line2 {
	position: absolute;
	top: 210px;
	right: 0px;
	vertical-align: top;
	height: 20px; 
	width: 50%;
	background-color:#cc0000;
	overflow: hidden;
}


#text {
	position: relative;
	top: 102px;
	left: 0px;
	float: left;
	vertical-align: top;
	text-align: left;
	line-height: 13px;
	height:356px; 
	width: 370px;
	background-color:#525355;
	overflow: hidden;
}

#text-r {
	position: relative;
	top: 102px;
	right: 0px;
	float: right;
	vertical-align: top;
	text-align: left;
	line-height: 13px;
	height:356px; 
	width: 370px;
	background-color:#525355;
	overflow: hidden;
}

#text-lk {
	position: relative;
	top: 102px;
	left: 0px;
	float: left;
	vertical-align: top;
	text-align: left;
	line-height: 13px;
	height:356px; 
	width: 210px;
	background-color:#525355;
	overflow: hidden;
}

#text-rk {
	position: relative;
	top: 102px;
	right: 0px;
	float: right;
	vertical-align: top;
	text-align: left;
	line-height: 13px;
	height:356px; 
	width: 210px;
	background-color:#525355;
	overflow: hidden;
}


#mid {
	position: relative;
	top: 102px;
	float: left;
	height:356px; 
	width: 30px;
	background-color:#b2b3b5;
	overflow: hidden;
}


#picture {
	position: absolute;
	top: 102px;
    right: 0px;
	float: right;
	height:356px; 
	width: 370px;
}

#picture-l {
	position: relative;
	top: 102px;
    left: 0px;
	float: left;
	vertical-align: top;
	text-align: left;
	height:356px; 
	width: 370px;
	overflow: hidden;

}

#picture-bl {
	position: absolute;
	top: 102px;
    left: 0px;
	float: left;
	height:356px; 
	width: 560px;
}


#picture-m {
	position: relative;
	top: 102px;
	float: left;
	height:356px; 
	width: 350px;
}



#film {
	position: absolute;
	vertical-align: top;
	top: 15px;
	right: 0px;
	height:220px; 
	width: 360px;
	overflow: hidden;
}

#beschriftung {
	position: absolute;
	vertical-align: top;
	text-align: left;
	line-height: 13px;
	top: 233px;
	right: 0px;
	height:130px; 
	width: 363px;
	overflow: hidden;
}


#head {
	position: absolute;
	top: 0px;
	left: 0px;
	vertical-align: top;
	height: 80px; 
	width: 770px;
	background-color:#010000;
	background-image: url('bilder/head.jpg');
}

#leftmenu {
	position: absolute;
	top: 80px;
	left: 0px;
	float: left;
	vertical-align: top;
	height: 20px; 
	width: 770px;
	background-color:#cc0000;
}

#submenu {
	position: absolute;
	top: 460px; 
	right: 0px;
	float: right;
	vertical-align: top;
	height: 20px; 
	width: 770px;
	background-color:#cc0000;
}

#submenu-r {
	position: absolute;
	top: 460px; 
	right: 0px;
	float: right;
	vertical-align: top;
	height: 20px; 
	width: 250px;
}



#sub{
	position: absolute;
	top: 485px;
	left: 0px;
	float:right;
	vertical-align: top;
	text-align: right;
	height: 20px; 
	width: 770px;
	background-color:#010000;
	background-image: url('bilder/bg0.jpg');
}