/***********************************************
**
** KUNDE: 			endocon medical, heidelberg
** DESIGN:			EINSPLUS GMBH
** REALISIERUNG:	fourcom gmbh
** AUTOR:			Stefan Scheidegger
** COPY-RIGHT		endocon medical, fourcom gmbh
**
*************************************************/

body, html{
	margin:0;
	padding:0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	height:100%;
}

html{
	width:100%;
	background:URL('../../../media/bg.gif');
	background-repeat:repeat-y;
	background-position:left;
}

body{
	margin-left:200px;
	margin-right:271px;
	background-color:#FFFFFF;
}

#header {
	position:absolute;
	width:100%;
	left:0px;
	top:0px;
	Height:235px;
	Background:#F19520;
	border-bottom:#FFFFFF 8px solid;
	z-index:4;
}


div#menu_spacer {
	float:right;
	margin-top:0px;
	margin-left:30px;
	margin-bottom:20px;
	width:430px;
	height:180px;
	background:none;
}

#imgtop {
/* Kategorienbild */
	position:absolute;
	right:30px;
	top:21px;
	height:246px;
	width:279px;
	z-index:12;
}

#std {
/* Standardbild */
	position:absolute;
	right:30px;
	top:21px;
	height:246px;
	width:279px;
	z-index:2;
}

#logo {
	position:absolute;
	right:55px;
	top:60px;
}


#headerrechts {
	position:absolute;
	width:685px;
	height:410px;
	right:0px;
	top:-20px;
	Background-image:URL('../../../media/menu_kleiner.png');
	z-index:20;
}



#links{
	position:absolute;
	top:0px;
	left:0px;
	width:180;
	color:#FFFFFF;
	background-color:transparent;
	padding-top:250px;
}



#rechts{
	position:absolute;
	padding-top:326px;
	top:0px;
	right:0px;
	width:265px;
	color:#FFFFFF;
	background-color:transparent;
}

ul {
	list-style-position:inside;
	padding-left:50px;
	line-height:150%;
	padding-top:0px;
	margin-top:0px;
}

ul.menu {
		list-style-position:outside;
		padding-left:10px;
		width:190px;
		left:15px;
		line-height:150%;
}

ul.menu li {
	margin-bottom:10px;
	padding-top:5px;
	padding-bottom:5px;

}


#mitte{
		position:relative;
		color:#5F5F5F;
		padding-top:250px;
		padding-bottom:20px;
		margin-left:20px;
		margin-right:20px;
		text-align:justify;
		z-index:5;
		overflow:visible;
		
		min-height: 100%; /* Mindesthöhe in modernen Browsern */
		height: auto !important; /* !important-Regel für moderne Browser */
		height: 100%; /* Mindesthöhe in IE (<7) */

}

#links >h2 {
	font-size:12px;
	width:160px;
	color:#333333;
	margin-left:10px;
	font-weight:bold;
}

#links >p {
	font-size:12px;
	color:#333333;
	margin-left:10px;
	width:160px;
	line-height:150%;
	

}

/************ MENU *******************/
#MENU_CONTAINER {
	position:relative;
	top:60px;
	width:200px;
	margin-left:0px;
	list-style:none;
	text-indent:0px;
	font-size:14px;
	color:#FFFFFF;
	padding-left:0px;
	z-index:20;
	line-height:110%;
}

#MENU_CONTAINER > LI {
	margin-bottom:25px;
}

#LI1 {
	padding-left:43px;
	color:#666666;
	list-style:none;
}

#LI2 {
	padding-left:18px;
		list-style:none;
}

#LI3 {
	padding-left:12px;
	list-style:none;
}

#LI4 {
	padding-left:12px;
	list-style:none;
}

#LI5 {
	padding-left:23px;
	list-style:none;
}

#LI6 {
	padding-left:44px;
	list-style:none;
}

#LI7 {
	padding-left:70px;
	list-style:none;
}

#LI8 {
	padding-left:115px;
	list-style:none;
}


A.Main_Menu_Item:link, A.Main_Menu_Item:active, A.Main_Menu_Item:visited  {
	color:#FFFFFF;
	text-decoration:none;
	z-index:80;
} 


A.Main_Menu_Item:hover{
	color:#333333;
	z-index:8;
} 

#Teaser1 {
	position:absolute;
	right:660px;
	top:70px;
	width:139px;
	height:102px;
	background-image:url('../../../media/teaser1.png');
	z-index:4;

}

#Teaser2 {
	position:absolute;
	right:640px;
	top:212px;
	width:159px;
	height:61px;
	background-image:url('../../../media/teaser2.png');
	z-index:5;
}

#Teaser3 {
	position:absolute;
	right:589px;
	top:270px;
	width:149px;
	height:102px;
	background-image:url('../../../media/teaser3.png');
	z-index:4;
}

#Hover1, #Hover2, #Hover3, #Hover4, #Hover5 {
	position:absolute;
	background-image:url('../../../media/hover1.jpg');
	width:40px;
	height:40px;
	z-index:4;
}

#Hover6, #Hover7, #Hover8 {
	position:absolute;
	background-image:url('../../../media/hover2.jpg');
	width:40px;
	height:40px;
	z-index:4;
}

#Hover1 {
	right:638px; 
	top:28px;
 }

#Hover2 {
	right:656px;
	top:69px;	
}

#Hover3 {
	right:662px; 
	top:110px;
}

#Hover4 {
	right:662px; 
	top:154px;
}


#Hover5 {
	right:653px; 
	top:193px;
}

#Hover6 {
	right:637px; 
	top:239px;
}

#Hover7 {
	right:610px; 
	top:280px; 
}

#Hover8 {
	right:565px; 
	top:322px;
}

.h_visible {
	visibility:visible;
}

.h_hidden {
	visibility:hidden;
}


/********** SPECIAL RECHTS *****************/
/*    bspw. Suche, Sprache, Eshop          */

#lang {

	position:absolute;
	font-size:11px;
	right:175px;
	top:265px;
	z-index:100;
}
#suche {
	Position:absolute;
	right:0px;
	top: 248px;
	Width:150px;
	height:30px;
	Background:#FBD299;
	z-index:100;
	background-color: #FBD299;
}

#shop {
	Position:absolute;
	right:0px;
	top: 210px;
	Width:150px;
	height:30px;
	Background:#FBD299;
	z-index:100;
}

input.suche {

	color:#000000;
	background-color:#FFFFFF;
	border:none;
	width:100px;
	font-size:10px;
	height:15px;
	margin-top:7px;
	margin-left:4px;
	
	}

#suche_button {
	background:#FBD299;
	color:000000;
	
	width:40px;
	height:15px;
	font-size:10px;

	border:none;
	
	z-index:100;
}


/*ESHOP */


.eshop {
	position:relative;
	top:8px;
	margin-left:4px;
	font-size:12px;
}
a.eshop:link, a.eshop:active, a.eshop:visited {
	text-decoration:none;
	color:#333333;
}

a.eshop:hover {
	color:#EF9320;
}

/************ Spalte Rechts ****************/


/* NEWS */

.news_heading {
	position:relative;
	margin-top:20px;
	margin-left:20px;
	font-size:16px;
	text-transform:uppercase;
	color:#333333;
	z-index:100;
}

/* News-Überschrift */
h4.newstitle {
	position:relative;
	margin-left:20px;
	margin-bottom:10px;
	color:#333333;
	z-index:100;
}

.article-tools {
	position:relative;
	width:240px;
	z-index:100;
}

/* News-Abstract */
.newstext {
	position:relative;
	padding-left:20px;
	width:230px;
	margin-bottom:25px;
	color:#333333;
	z-index:100;
}

.readmore {
	position:relative;
	width:240px;
	padding-right:20px;
	text-align:right;
	right:20px;
	z-index:100;
}

/* News-Link-Klassen */

a.readon:link, a.readon:active, a.readon:visited  {
	color:#333333;
	font-weight:bold !important;
	font-style:italic;
	text-decoration:none;
}


a.readon:hover {
	color:#EF9320;
	text-decoration:none;
}

/*********** Titel-Schriften **************/

.claim_front {
	position:absolute;
	top:0px;
	left:10px;
	
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	z-index:10;
}

.claim_main {
	position:absolute;
	top:190px;
	left:10px;

	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	visibility:visible;
	z-index:10;
}

.contentheading, .componentheading, h2 {
	font-size:14px;
	font-weight:bold;
	color:#666666;


/*
	position:relative;
	
	top:0px;
	left:0px;
	width:200px;
	font-size:12px;
	color:#FF0000;
	font-weight:bold;
	z-index:100;
*/
}


.buttonheading {
	visibility:hidden;

}
/****************** Layout ****************/

h1 {
	font-size:16px;
	font-weight:bold;
	color:#F19520;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#666666;
}

h3 {
	font-size:12px;
	font-weight:bold;
	letter-spacing:150%;
	color:#333333;
	margin-top:20px;
}

div.moduletable > h3
{
	margin-top:10px;
	margin-left:15px;
}

a:link, a:active, a:visited {
	color:#333333;
	text-decoration:none;
}

a:hover {
	color:#F19520;
	text-decoration:none;
}


ol {
	margin-left:-20px;
}

ul {
	margin-left:-20px;
	list-style:disc;
}

li {
	list-style:disc;
}

p {
	line-height:150%;
	margin-top:-5px;
	margin-bottom:10px;
	text-align:left;
}

.login {
	width:100px;
	height:12px;
	font-size:11px;
	margin-left:5px;
}
#Login {
	color:000000;
	width:40px;
	height:20px;
	font-size:10px;
	border:none;
	z-index:100;
	margin-left:10px;
	border:#ffffff 1px solid;
}