/* STYLESHEET for xcross.design.v2 */



/* - DEFAULTS - */
*{margin: 0px; padding: 0px;}
html		{background: #fff; background-image: url(img/bg_pat.jpg); background-attachment: fixed; width: 100%; height: 100%;}
body	{margin: 0px auto; font-size: 10px; line-height: 14px; width: 920px; height: 100%; font-family:  "Verdana";}
div,img,table,td,form,button,select,fieldset,
input	{border: none; color: #000000; vertical-align: top;}
input, button, select,
textarea	{border: 1px solid #fff; font-size: 12px; line-height: 1.5em; margin: 5px; background: #d8d8d3; color: #000;}
ul		{margin-left: 40px;}
input,
textarea	{padding: 3px 3px 2px 3px; font-family: "Verdana"; font-size: 12px; min-height: 20px;}
input[type=checkbox]	{color:#d8d8d3; width: auto; min-height: 5px!important; background: transparent;}
textarea	{overflow: auto;}


/* - IE6 - */
#ie6	{position: absolute; top: 3px; left: 10%; width: 400px; height: 22px; margin: 0px auto; padding:2px 5px; background: red; color: white; font: white; font-weight: bold; line-height: 1em; border:2px solid darkred;}

/* - LINKSTYLE - */
a:link,
a:visited,
a:active	{color: #8c1414; text-decoration: none;}
a:hover 		{color: #dc1414; text-decoration: underline;}


/* - ÜBERSCHRIFTEN - */
hr	{border: solid 1px #d8d8d3; margin-bottom: 10px;}
h1	{font-size: 14px; line-height:25px; color: #8c1414;font-weight: bold; padding-top: 20px;}
h2	{font-size: 12px; line-height:20px; color: #000;font-weight: bold;}
h3	{font-size: 12px; line-height:20px; color: #8c1414;font-weight: bold;}
h4	{font-size: 10px; line-height:16px; color: #000;font-weight: bold;}
h5	{font-size: 11px; line-height:15px; color: #000; font-weight: normal; margin-bottom: 10px;}
h6	{font-size: 24px; line-height:34px; color: #8c1414;font-weight: bold; padding-top: 20px;}

/* - SEITENAUFBAU -*/
#main		{width: 852px; height: 100%; margin: 0px auto; background: transparent;}
#background	{width: 100%; height: 100%; background: url(img/bg_content.png);}
#header		{width: 100%; height: 172px; background: url(img/bg_header.jpg);}
#t_menu		{width: 95%; height: 30px; margin: 0px auto; padding-top: 5px; background: white; text-align:right;}
#l_menu		{width: 200px;  float: left; padding: 0px 15px;}
#content	{width: 600px; height:auto; float: left; padding: 0px 22px 22px 0px;}
#full		{width: 800px; height:auto; float: left; padding: 0px 22px 22px 22px;}
#footer		{text-align:right; color: #898986; font-size: 9px; padding: 0px 34px 10px 34px;}


/* - STYLE STANDARDS - */
.b			{font-weight: bold;}
.bigger		{font-size: 11px;}
.biggerb	{font-size: 11px; font-weight: bold;}
.floatleft	{float: left;}
.center		{text-align: center;}
.right		{text-align: right;}
.jump		{padding-left: 30px;}

/* - SPECIALS - */
.lei_web_l		{height: 330px; width:478px; float:left;}
.lei_web_r		{height: 255px; width:278px; float:left; margin-top:75px; padding-left: 15px;}
.lei_logo_l		{height: 330px; width:478px; float:left;}
.lei_logo_r		{height: 255px; width:278px; float:left; margin-top:75px; padding-left: 15px;}
.lei_print_l	{height: 330px; width:478px; float:left;}
.lei_print_r	{height: 255px; width:278px; float:left; margin-top:75px; padding-left: 15px;}
.subname		{font-size: 1em;}
.ref_webpic		{width: 400px; height: 180px; float:left;}
.ref_webtxt		{width: 380px; height: 130px; float:left; padding: 10px 0px 0px 15px;}
.ref_weblink	{width: 380px; height: 40px;  float:left; padding-left:15px;}

/* - CONTACT - */
.contactform				{border: none; border-collapse: collapse; margin-top: 25px; width:790px;}
.contactform tr				{border-top: 2px solid #d8d8d3!important;}
.contactform tr:first-child	{border-top: none!important;}
.contactform td				{padding: 5px 0px 5px 0px;}
.cms_submit.fbsubmit		{float:right; padding: 5px 7px; background: #8c1414; color: #ffffff; border: none; width: auto; white-space: nowrap; overflow: visible;}
.cms_submit.fbsubmit:hover	{color: #d8d8d3;}
.error_message {text-align:left;}

/* - MENU_IMG - */
ul#primary-nav {
width: 569px;
height: 30px;
margin:0;
padding:0;
background: url('img/menuitems.jpg');
position:relative;
} 


ul#primary-nav li {
display:block;
height:30px;
margin: 0; 
padding: 0; 
list-style: none; 
position: absolute; 
top: 0;
} 


ul#primary-nav li a {
display:block;
height:30px;
text-indent:-9000px;
background-color:transparent;
}

li#i15 {
left: 0px; 
width: 99px;
}

li#i58 {
left: 99px; 
width: 95px;
} 

li#i56 {
left: 194px; 
width: 130px;
} 

li#i59 {
left: 324px; 
width: 140px;
}

li#i60 {
left: 464px; 
width: 105px;
}


li#i15:hover {
background: transparent url(img/menuitems.jpg) 0 -30px no-repeat;
}

li#i58:hover {
background: transparent url(img/menuitems.jpg) -99px -30px no-repeat;
} 

li#i56:hover {
background: transparent url(img/menuitems.jpg) -194px -30px no-repeat;
} 

li#i59:hover {
background: transparent url(img/menuitems.jpg) -324px -30px no-repeat;
}

li#i60:hover {
background: transparent url(img/menuitems.jpg) -464px -30px no-repeat;
}


/* - MENU - */

#menu_vert {
	margin: 0;
	padding: 0;
}
.clearb {
	clear: both;
}
#menuwrapper {
/* set the background color for the menu here */
	background-color: transparent;
/* IE6 Hack */
	height: 1%;
	width: auto;
/* one border at the top */
	border-top: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav, ul#primary-nav ul {
/* remove any default bullets */
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul#primary-nav {
/* pushes the menu div up to give room above for background color to show */
	padding-top: 0px;
/* keeps the first menu item off the left side */
	padding-left: 10px;
}
ul#primary-nav ul {
/* make the ul stay in place so when we hover it lets the drops go over the content below else it will push everything below out of the way */
	position: absolute;
/* top being the bottom of the li it comes out of */
	top: auto;
/* keeps it hidden till hover event */
	display: none;
/* same size but different color for each border */
	border: none;
}
ul#primary-nav ul ul {
/* now we move the next level ul down from the top a little for distinction */
	margin-top: 1px;
/* pull it in on the left, helps us not lose the hover effect when going to next level */
	margin-left: -1px;
/* keeps the left side of this ul on the right side of the one it came out of */
	left: 100%;
/* sets the top of it inline with the li it came out of */
	top: 0px;
}
ul#primary-nav li {
/* floating left will set menu items to line up left to right else they will stack top to bottom */
	float: left;
/* no margin/padding keeps them next to each other, the padding will be in the "a" */
	margin: 0px;
	padding: 0px;
}
#primary-nav li li {
/* Set the width of the menu elements at second level. Leaving first level flexible. */
	width: 140px;
/* removes any left margin it may have picked up from the first li */
	margin-left: 0px;
/* keeps them tight to the one above, no missed hovers */
	margin-top: -1px;
/* removes the left float set in first li so these will stack from top down */
	float: none;
/* relative to the ul they are in */
	position: relative;
	background: transparent;
}
/* set the "a" link look here */
ul#primary-nav li a {
/* specific font size, this could be larger or smaller than default font size */
	font-size: 1em;
/* make sure we keep the font normal */
	font-weight: normal;
/* set default link colors */
	color: #fff;
/* pushes out from the text, sort of like making links a certain size, if you give them a set width and/or height you may limit you ability to have as much text as you need */
	padding: 0px 15px 15px;
	display: block;
/* sets no underline on links */
	text-decoration: none;
}
ul#primary-nav li a:hover {
	background-color: transparent;
}
ul#primary-nav li li a:hover {
	color: #fff;
}
ul#primary-nav li a.menuactive {
	color: #fff;
/* bold to set it off from non active */
	font-weight: normal;
/* set your image here */
}
ul#primary-nav li a.menuactive:hover {
	color: #fff;
/* keep it the same */
	font-weight: normal;
	background: transparent;
}
#primary-nav li li a.menuparent span {
/* makes it hold a shape */
	display: block;
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
}
/* gif for IE6, as it can't handle transparent png */
* html #primary-nav li li a.menuparent span {
/* set your image here, right arrow, 98% over from the left, 100% or 'right' puts it to far */
}

/*submenu*/
ul#primary-nav li ul a {
	text-align: left;
	margin: 0px;
	border-top: none;
	position: relative;
	padding: 5px 0px 0px 0px;
	font-weight: normal;
	font-size: 12px;
	color: #fff;
	height: 25px;
	text-indent: 35px;
}

/* letzter menueintrag mit abschlusslinie */
li#i62{
	border-bottom: none;
}


ul#primary-nav li ul {
/* very lite grey color, by now you should know what the rest mean */
	position: absolute;
	width: auto;
	z-index: 999;
	border: none;
	font-size: 12px;
	background:  transparent;
	
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 0.95;
/* CSS 3 */
}
ul#primary-nav li ul ul {
/*Info: The opacity property is  CSS3, however, will be valid just in CSS 3.1) http://jigsaw.w3.org/css-validator2) More Options chose CSS3 3) is full validate;)*/
	opacity: 95;
/* CSS 3 */
}
/* Styling the appearance of menu items on hover */
#primary-nav li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: #fff;
}

#primary-nav li li:hover,
#primary-nav li.menuh,
#primary-nav li.menuparenth,
#primary-nav li.menuactiveh {
/* set your image here, dark grey image */
	color: white;
	background:  transparent url(img/menusubbg.png);
}

/* The magic - set to work for up to a 3 level menu, but can be increased unlimited, for fourth level add
#primary-nav li:hover ul ul ul,
#primary-nav li.menuparenth ul ul ul,
*/
#primary-nav ul,
#primary-nav li:hover ul,
#primary-nav li:hover ul ul,
#primary-nav li.menuparenth ul,
#primary-nav li.menuparenth ul ul {
	display: none;
}
/* for fourth level add
#primary-nav ul ul ul li:hover ul,
#primary-nav ul ul ul li.menuparenth ul,
*/
#primary-nav li:hover ul,
#primary-nav ul li:hover ul,
#primary-nav ul ul li:hover ul,
#primary-nav li.menuparenth ul,
#primary-nav ul li.menuparenth ul,
#primary-nav ul ul li.menuparenth ul {
	display: block;
}
/* IE6 Hacks */
#primary-nav li li {
	float: left;
	clear: both;
}
#primary-nav li li a {
	height: 1%;
}