/*div,span {
	border: 1px dotted #000000;
}
#artikelliste {
	position:relative; left:-25px;
}*/

html,body {
	margin: 0;
	padding: 0;
	font-family : arial,helvetica,sans-serif;
	font-size : 13px;
	color: #003399;
	overflow: hidden;
}

p, div, font, span, table, td {
	font-family : arial,helvetica,sans-serif;
	font-size : 13px;
	line-height : 14px;
	letter-spacing: 1px;
	color: #003399
}

h5 {
	font-family : arial,helvetica,sans-serif;
	font-size : 13px;
	font-weight: bold;
}

ul  {
	list-style-image:url(images/pfeil_ul.gif)
}

.ulbullet {
	list-style-image:url();
	/*list-style-type:square;*/
}


#rahmentabelle {		/*Sorgt für den Block in der Mitte*/
	width: 100%;
	height: 100%;
}

#rahmenzelle {			/*Sorgt für den Block in der Mitte*/
	vertical-align: middle;
	text-align: center;

	background-image:url('images/hg_main.gif');
	background-attachment:fixed;
	background-position: 50% 50%;
	background-repeat:no-repeat;
}


div.container {			/*Sorgt für den Block in der Mitte*/
	position: relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 755px;
	height: 410px;
}

div.maintext {			/*Haupt-Textblock*/
	position: absolute;
	top: 101px;
	left: 307px;
	width: 355px;
	height: 196px;
	padding-right: 4px;
	overflow: auto; 
	overflow: auto; 
	/*layer-background-color: #c8d7ea; 
	scrollbar-base-color:#c8d7ea;*/
}


div.maintext h5 {
	margin-top:5px;
	margin-bottom:-3px;
	font-size:14px;
}

div.maintext p {
	margin-bottom:-3px;
	margin-top:13px;
}

div.logo  {			/*Logo-Link*/
position: absolute; 
top: 12px; 
left: 12px; 
width: 170px; 
height: 50px; 
visibility: visible;
}

div.imghg  {			/*Bildhintergrund (weiß)*/
position: absolute; 
top: 123px; 
left: 50px; 
width: 144px; 
height: 144px; 
visibility: visible;
}

div.img1   {			/*Bild*/
position: absolute; 
top: 123px; 
left: 50px; 
width: 144px; 
height: 144px; 
visibility: visible;
}

div.welle    {			/*Wellenanimation*/
position: absolute; 
top: 324px; 
left: 0px; 
width: 741px; 
height: 137px; 
visibility: visible;
}

div.topmovie {			/*Zufallsbild on Top*/
position: absolute;
top: 5px;
left: 233px;
width: 505px;
height: 19px;
visibility: visible;
}

	
.kleiner {
	font-size: 11px;
	}


div.fuss {
	position: absolute;
	top: 410px;
	left: -1px;
	width: 755px;
	height: 30px;
	text-align: center;
	z-index:1;
}


a { 
font-size: 13px; 
text-decoration: none; 
	color: #003399;
text-decoration: underline; 
}
a:link { 
}
a:visited { 
}
a:hover { 
color: #ff3399
}
a:active { 
color: #bfbfbf; 
}
.nav {
}

.navaktiv, .navaktiv:link, .navaktiv:visited, .navaktiv:hover, .navaktiv:active {
	/*color: #FF9300;*/
	text-decoration: line-through;
}
/*
.nav {
	font-size:13px;
	padding : 3px;
	padding-top : 1px;
	padding-bottom : 1px;
	color :#003399;
	}
	
.nav:link {
border : 1px solid #F3F3F3;
text-decoration: none; }

.nav:visited {
border : 1px solid #F3F3F3;
text-decoration: none; }

.nav:hover {
background-color : #DEDEDE; 
border : 1px solid #666666;
text-decoration: none;
	color :#003399 }

.nav:active {
background-color : #E6E6E6; 
border : 1px solid #666666;
text-decoration: none; }

.navaktiv, .navaktiv:link, .navaktiv:visited, .navaktiv:hover, .navaktiv:active {
	font-size:13px;
	padding : 3px;
	padding-top : 1px;
	padding-bottom : 1px;
	border : 1px solid #F3F3F3;
	color: #FF9300;
	text-decoration: none;}
*/
.fuss { 
font-size: 13px; 
text-decoration: none; 
	color: #003399;
}
.fuss:link { 
	color: #003399;
font-size: 13px; 
text-decoration: none; 
}
.fuss:visited { 
	color: #003399;
}
.fuss:hover { 
	color: #f39;
font-size: 13px; 
text-decoration: underline; 
}
.fuss:active { 
color: #bfbfbf; 
font-size: 13px; 
text-decoration: underline; 
}


/*div.logo {
	position: absolute;
	top: 4px;
	left: 8px;
	width: 155px;
	height: 44px;
}

div.titel {
	position: absolute;
	top: 60px;
	left: 10px;
	width: 155px;
	height: 30px;
	text-align: center;
	font-size:14px;
	color: #FF9300;
	font-style : italic;
}

div.nav_left {
	position: absolute;
	top: 64px;
	left: 8px;
	width: 125px;
	height: 200px;
	text-align: left;
	z-index: 1;
	line-height: 21px;
}

ul.nav_left  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003399;
	list-style-image:url('../images/pfeil.gif');
	font-weight : bold;
}

div.img {
	position: absolute;
	top: 245px;
	left: 102px;
	width: 64px;
	height: 64px;
	z-index: 5
}
*/

/*div.mainleft i {
	font-size:9pt;
}

div.mainright {
	position: absolute;
	top: 72px;
	left: 540px;
	width: 180px;
	height: 313px;
	padding-right: 5px;
	overflow: auto; 
	overflow: auto; 
	layer-background-color: #c8d7ea; 
	scrollbar-base-color:#c8d7ea;
               
}
*/


div.nav_top {
	position: absolute;
	top: 32px;
	left: 230px;
	height: 46px;
	width: 1024px;
	text-align: left;
	/*background-color:black;*/
	z-index:20;
}
/* HORIZONTAL FREESTYLE MENU LAYOUT */
/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 visibility: hidden;
 position: absolute;
 top: 26px; /* I'm using ems rather than px to allow people to zoom their font */
 left: 0px;
 width: 170px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: 0px;
 left: 173px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
 float: left;
 position: relative;
 background: white;
 border: 1px solid #E0E7EF;
 -moz-border-radius:5px;
 margin-right: -1px;
}

/* Items in submenus - override float/border/margin from above, 
restoring default vertical style. 
Formatiert Felder ohne Link*/
.menulist ul li {
 float: none;
 margin-right: 0;
 margin-bottom: -1px;
 background-color: #F4F9FF;
}

.menulist ul li a {
 background-color: #F4F9FF;
}

.menulist ul>li:last-child {
 margin-bottom: 1px;
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding-bottom: 4px;
 padding-top: 2px;
 padding-left: 4px;
 padding-right: 4px;
 color: #039;
 text-decoration:  none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #f39;
 background-color: #E0E7EF;
}
.menulist  a.highlighted {
 color: #FF9300;
 background-color: #F4F9FF;
     background-image: url(images/button_over.gif);
}

    /*.menulist a {
      background-image: url(images/button_hg.gif);
    }*/
    .menulist a:hover, .menulist a:focus, .menulist  a.highlighted {
     background-image: url(images/button_over.gif);
    }
/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(button_up.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(button_over.gif);
    }
*/


/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display:  none;
}
.menulist ul a .subind {
 display:  block;
 float: right;
}

/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}
/* */


/* This semi-commented section exists to fix bugs in IE/Windows (the 'Holly Hack'). \*/
* html .menulist  ul li {
 float: left;
 height: 1%;
}
* html .menulist  ul a {
 height: 1%;
}
/* End Hack */

/*Trennstrich unter einem Submenü-Eintrag*/
#trenn {
border-bottom: 2px solid #666666;
}

/* END HORIZONTAL FREESTYLE MENU LAYOUT */