/* CSS Document */

html,body
{
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
}

body
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0px;
}

#form1
{
	display:block;
	height:100%;
	width:100%;
	min-height:100%;
}

#backgroundImage
{
	background-image:url('/Voss/media/vossmedia/layout/background.jpg');
	background-repeat:no-repeat;
	background-position:10px 0px;
	position:absolute;
	height:900px;
	width:1300px;
	left:-750px;
	top:0px;
}

#site
{
	width:920px;
	min-height:100%;
	margin:0px auto;
	position:relative;
	background-attachment:;
	overflow:;
}

#content
{
	background-image:url('/Voss/media/vossmedia/layout/contentBack.png');
}

#left
{
	width:250px;
	float:left;
	position:relative;
}

#right
{
	width:660px;
	float:right;
	position:relative;
	
	
}

#footer
{
	width:920px;
	height: 20px;
	position:absolute;
	bottom:0px;
}

	#footer div
	{
		float:left;
	}

#headline
{
	background-color:rgb(255,255,255);
	padding-left:10px;
	padding-top:30px;
	z-index:99;
	position:relative;
}
	.startpage
	{
		padding:10px 0px 0px 10px;
	}
		.startpage h1
		{
			
		}

#gradientLine
{
	height:189px;
	width:10px;
	position:absolute;
	right:0px;
	top:435px;
	background-image:url('/Voss/media/vossmedia/layout/gradientStart.png');
}

#rightGradient
{
	height:289px;
	width:10px;
	position:absolute;
	right:0px;
	top:327px;
	background-image:url('/Voss/media/vossmedia/layout/rightGradient.png');
	z-index:999;
}

#fullGradient
{
	height:413px;
	width:10px;
	position:absolute;
	right:0px;
	top:193px;
	background-image:url('/Voss/media/vossmedia/layout/gradientFullWidth.png');
	z-index:999;
}

	
#logo
{
	text-align:right;
	height:150px;
}

	#logo img
	{
		margin:30px 50px 0px 0px;
	}


#text
{
	line-height:1.5em;
	background-color:white;
	padding-top:20px;
	display:block;
}
	.startText
	{
		padding-top:0px!important;
	}

	#textLeft
	{
		width:420px;
		float:left;
		padding:10px;
	}
		#textLeft p
		{
			margin-bottom:20px;
		}
	
	#textRight
	{
		width:180px;
		float:right;
		padding:10px 20px 0px 0px;
		z-index:100;
		position:relative;
	}
	
		.startRight
		{
			padding-top:25px!important;
		}
	#textWide
	{
		padding-left:10px;
	}
		#textWide h1
		{
			margin-top:6px;		
		}

/* LINKS */

a, a:visited, a:active
{
	color:rgb(202,1,69);
	text-decoration:none;
}
a:hover
{
	text-decoration:underline;
}

/* MENU */

#menu
{
	background-image:url(/Voss/media/vossmedia/layout/menuBack.png);
	background-repeat:no-repeat;
	padding:8px;
	margin-top:140px;
}

table.CMSTreeMenuTable
{
	border-collapse:separate;
	border-spacing:1px;
}

	td.lastItem
	{
		padding-top:10px;
	}
	
	td.lastItemSpace
	{
		padding-bottom:5px;
	}
	
	td.subMenuItem
	{
		background-image:url('/Voss/media/vossmedia/layout/menuTrans.png');
		background-repeat:no-repeat;
		height:29px;
		line-height:29px;
		vertical-align:middle;
	}
		.subMenuItem a
		{
			color:rgb(202,1,69);
			opacity:1;
			margin-left:15px;
		}
		.subMenuItem a:hover
		{
			text-decoration:none!important;
		}
		.active
		{
			font-weight:bold;
		}
/* NEWS */

#news,
#kontakt
{
	background-color:white;
	position:relative;
	padding: 30px 10px 30px 0px;
}

div.newsDate
{
	color:rgb(202,1,69);
	position:absolute;
	left:-170px;
	width:120px;
	font-style:italic;
	text-align:right;
	width:150px;
}

div.newsBody
{
	width:400px;
	margin-left:250px;
	line-height:1.3em;
	position:relative;
}

div.newsItem
{
	position:relative;
	padding-bottom:20px;
	margin-bottom:20px;
}

	p.newsHead
	{
		color:rgb(202,1,69);
		margin-bottom:3px!important;
	}
	
	p.newsHeadBold
	{
		color:rgb(202,1,69);
		margin-bottom:3px!important;
		font-weight:bold;
		font-size:14px;
		font-style:italic;
	}	
	
	div.moreButton
	{
		position:absolute;
		bottom:0px;
		right:0px;
		width:68px;
		height:17px;
	}
	
	div.backButton
	{
		position:absolute;
		bottom:0px;
		width:151px;
		height:16px;
		left:85px;
	}
	
	p.newsText
	{
		margin-bottom:0px!important;
	}
		
/* KONTAKT FORM */

#kontakt
{
}

#kontakt h1
{
	margin-top:38px!important;
	margin-bottom:3px;
}

#kontakt p
{
	margin-bottom:20px;
}

#kontakt h1,
#kontakt p,
#kontakt h2

{
	margin-left:10px;
}


table.contactTable td p
{
	margin-bottom:3px!important;
}

table.contactTable a
{
	font-size:12px!important;
	letter-spacing:-1px;
}

/*
	unfortunately not working in ie below 8
table.contactTable a:before 
{ 
	content: "» "; 
}
*/

table.contactTable td
{
	padding-bottom:10px;
}

table.contactForm td
{
	vertical-align:middle;
	padding:2px 0px;
}


div.contactForm
{
	background-color:#E5E5E5;
	width:460px;
	padding-bottom:10px;
}

	div.contactForm input,
	div.contactForm select
	{
		border: 1px solid #A5ACB2;
		width:200px;
	}
	
	div.contactForm textarea
	{
		border: 1px solid #A5ACB2;
		width:300px;
		height:150px;
		overflow:auto;
	}
#debugr
{
	background-color:red;
	color:white;
	height:200px;
	width:200px;
	position:absolute;
	z-index:9;
	left:10px;
	top:10px;
}

.validate
{
	padding-left:10px;
	font-weight:bold;
}

#header
{
	height:174px;
	width:660px;
	position:relative;
	overflow:hidden;
	margin-top:3px;
}
#imageOverlayMask,
#startMask
{
	width:660px;
	height:186px;
	position:absolute;
	top:0px;
	left:0px;
}

#startMask
{
	height:283px!important;
}

ul
{
	margin: 1em;
}

ul li
{
	margin: 0px 0px 0.4em 10px;
	list-style-type:disc;	
	line-height:1.3em;
}

.fullWidth
{
	width: 630px !important;
}