﻿* 
{
	margin: 				0;
	padding: 				0;
	font-family: 			Verdana, Arial, Helvetica, sans-serif;
	font-size:				12px;
	border:					none;			
}

body 
{
	background: 			#F5F5F5 url('../images/bodybg.gif') repeat-x;
	color: 					#474848;
}

#body 
{
	background: 			#F5F5F5;
}

a, h1, h2, h3, caption, .coloredText
{
	color:					#FF7900;	
}

h1, caption 
{
	font-size: 				1.5em;
	font-weight: 				bold;
	margin-bottom: 				15px;
}

caption
{
	font-size: 				1.0em;	
}

h2
{
	margin-bottom: 				15px;
	font-size: 				1.2em;
	margin-top:				10px;
}

h3 
{
	font-size: 				1em;
}

caption
{
	text-align:				left;
}

caption font
{
	font-size: 				1.0em;
	font-weight:			bold;	
}

ul
{
	margin-bottom: 			5px;
}

p
{	
	margin-bottom:			10px;
}

a
{	
	text-decoration:		none;
}

a:hover 
{
	color: 					#E43C15;
}

hr 
{
	 border:				1px silver dotted;
}

.linkIcon
{
	background-image:		url('../images/linkicon.gif');
	background-repeat:		no-repeat;
	background-position:	left 8px;
	
}

iframe
{
		border:					0px;
}

#ContentAdds iframe
{				
	width: 728px;	
	margin-left: -14px;		
}

/* Wrapper */

#wrapper 
{
	background: 			url('../images/wrapperbg.gif') repeat-x left bottom;
}

/* Menu */

#menubox
{
	height:					50px;
	margin:					0px;
}

/* Base Menu settings */
#menu ul
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

#menu
{
	list-style-type:		none;
	margin:					0;
	padding:				0;
}

#menu li
{
	float:					left;
	padding:				2px;
	padding-left:			10px;
	padding-right:			10px;
	cursor:					default;
}

#menu li:hover
{
	background: 			url('../images/highlightmenu.gif') repeat-x;
}

#menu *
{
	font-size:				13px;	
}

/* Toplevel Menu */
#menu
{
	width:					auto;
	padding:				13px 10px 10px 10px;
	height:					50px;
}

#menu a
{
	font-weight: 			bold;
	color: 					#FF7900;
}

#menu li:hover a
{
	color:					black;
}

/* Submenus */
#menu ul
{
	display:				none;
	position:				absolute;
	margin-top:				2px;
	margin-left:			20px;
	background-color:		white;
	min-width: 				150px;
	background:				url('../images/wrapperbg.gif') repeat-x;
	border:					1px silver outset;
}

#menu ul a
{
	color:					black;
	font-weight:			normal;
}

#menu li ul li
{
	float:					none;
}

/* Display the submenus on hover */
#menu li:hover > ul
{
	display:				block;
}

/* Header */

#header 
{
	height: 				101px;
}

/* Logo */

#logo 
{
	float: 					left;
	height:					60px;
	width:					200px;
	margin: 				10px 0px 0px 0px;	
	background-image:		url('../images/Logos/triomis.jpg')
}

#partnerlogo 
{
	float:					right;
	margin: 				10px 10px 0px 0px;
	height:					70px;
	width:					130px;
	background-image:		url('../images/Logos/mspartnerlogo.jpg');
	z-index:				1;
}

/* Quicklinks*/

#quicklinks 
{
	float: 					right;
	width: 					200px;
	padding: 				40px 10px 6px 10px;
	background: 			url('../images/quicklinks.gif') no-repeat left bottom;
}

#quicklinks * 
{
	font-size:				xx-small;
	color:					black;
	background-image:		none;
}

#quicklinks *:hover 
{
	color:					#FF7900	
}

/* Page */

#page 
{
	width: 					960px;
	margin: 				0 auto;
	background: 			#FFFFFF url('../images/pagebg.gif');
}

#bgtop 
{
	height: 				20px;
	background: 			url('../images/bordertop.gif');
}

#bgbottom 
{
	padding-bottom: 		20px;
	background: 			url('../images/borderbottom.gif') no-repeat left bottom;
}

#page ul 
{
	list-style: 			none;
}

/* Content */

#contentsmall
{
	float: 					left;
	height: 				auto;
	min-height: 			800px;
	padding: 				0 0 0 20px;
	width: 					430px;
}

#content
{
	float: 					left;
	height: 				auto;
	min-height: 				800px;
	padding: 				0 0 0 20px;
	width: 					430px;
	line-height:				150%;
}


#content
{
	width: 					700px
}

#content .list
{
	width:					600px;
	left:					50px;
	right:					50px;
}

#contentsmall .list
{
	width:					400px;
}

#content ul li, #contentsmall ul li  
{
	padding-left: 			15px;
	margin-left: 			15px;
	background-image:		url('../images/pointicon.gif');
	background-position:	left 8px;
	background-repeat:		no-repeat;
}

/* Post */

.post 
{
	text-align:				left;
}

.post div
{
	margin-top:				10px;
	margin-bottom:			20px;
}

.post .thumbnail
{
	height:					40px;
	width:					83px;
	margin-bottom:			8px;
}

.post .thumbnailLarge
{
	height:					170px;
	width:					200px;
	border:					none;
	display:				block;
	margin:					0px auto;
}

.post .imageSmall
{
	margin-bottom: 			-5px;
}

.post .imageLarge
{
	margin-bottom: 			-5px;
}

.post .imageSmall img
{
	width:					430px;
	height:					210px;
}

.post .imageLarge img
{
	width:					700px;
	height:					250px;
}

.post .imageCenter
{
	text-align:				center;
}

/* Forms */

#content input
{
  	padding:  				2px;
  	background:  			#fff;
}

#content select, #content input, #content textarea
{
  	position:   			relative;
  	top:   	  				-1.4em;
  	display:  				block;
  	border:  				1px solid #a5acb2;
  	width:					450px;
  	left:					205px;
}

#content select
{
	width:					456px;
}

#content .button, #content input[type = "submit"], #content input[type = "reset"]
{
  	top:  	  				10px;
  	width:  				150px;  /* einheitliche Breite */
  	border:					2px #FF7900 solid;
  	margin:					10px 0px 10px 10px;
  	left:					0px;
  	float:					right;
	background:				#F0F0F0;
}

#content .button:hover, #content input[type = "submit"]:hover, #content input[type = "reset"]:hover
{
	color:					#E43C15;
}

#content .button:active, #content input[type = "submit"]:active, #content input[type = "reset"]:active
{
	color:					white;
	background-color:			#FF7900;
	border:					1px black dotted;
}

#content .checkbox, input[type = "checkbox"], #content input[type = "radio"]
{
	border:					none;
	background:				none;
	left:					-14px;
}

#content textarea
{
  	padding:  				2px;
  	height:  				15.7em;
  	width:					655px;
  	float:					left;
  	left:					0px;
}

#content textarea.firstRow
{
  	margin-top:  			30px;  /* Abstand */
}

#content label
{
  	float:   				left;
  	display:   				block;
  	clear:   				left;  /* Zeilenumbruch */
  	margin-top:   			-1em;
  	width:					660px;
}

#content label.firstRow
{
  	margin-top:  			12px;  /* Abstand */
}

#content legend
{
	color:					gray;
  	border:  				none;
}

#content fieldset
{
	margin-top:				3px;
  	display:  				block;
  	clear:  				both;
  	width:  				660px; /* wichtig */
  	padding-left:			20px;
  	padding-right:			20px;
  	border:  				1px  silver solid;
}

#content .required
{
	border:					1px #FF7900 solid;
}

#content input[type='hidden']
{
	display:				none;
	border:					none;
}
/* Search */

.search
{
	border:					1px silver solid;
	border-top:				none;
	outline-style:			none;
	height:					700px;
}

/* Sidebar Common Style */
.sidebar
{
}

.sidebar p, .sidebar a, .sidebar p a, .sidebar li
{
	font-size:				11px;
}

.sidebar h1, .sidebar h2, .sidebar h3, .sidebar h4, .sidebar caption, .sidebar h1 a, .sidebar h2 a, .sidebar h3 a, .sidebar h4 a, #footer p a,
{
	color:					#E86F00;
	
}
.sidebar h2, .sidebar caption
{
	border:					1px #DBDBDB solid;
	background-image:		url('../images/gradientltrgrayshort.gif');
	background-repeat:		no-repeat;
}

#page .sidebar ul 
{
	line-height: 			normal;
	padding-bottom:			15px;
}

#page .sidebar li 
{
	border:					1px;
	border-color:			silver;
}

#page .sidebar li 
{
	padding: 				0;
	list-style-image:		none;
}

#page .sidebar li ul 
{
	line-height: 			normal;
}

#page .sidebar li li 
{
	padding: 				0px 5px 5px 15px;
	margin-left:			2px;
	border-bottom: 			1px solid #E6E6E6;
	background-image:		url('../images/pointicon.gif');
	background-position:	left 6px;
	background-repeat:		no-repeat;
}

#SidebarAdds iframe
{				
	margin-left: 30px;		
}

#sidebar .button
{
  	width:  				80px;  /* einheitliche Breite */
  	border:					2px #FF7900 solid;
  	float:					right;
  	margin:					10px -10px 0px 0px;
	background:				#E6E6E6;
}

#sidebar .button:hover
{
	color:					#E43C15;
}

#sidebar .button:active
{
	color:					white;
	background-color:		#FF7900;
	border:					1px black dotted;
}

/* Sidebar One */

#sidebar1 
{
	float: 					left;
	width: 					250px;
	padding: 				0 0 0 20px;
}

#sidebar1 h2, #sidebar1 caption
{
	width:					257px;
}

#sidebar1 .survey
{
  	display:  				block;
  	clear:  				both;
  	width:  				207px; /* wichtig */
  	padding-left:			30px;
  	padding-right:			20px;
  	padding-bottom:			10px;
  	padding-top:			10px;
  	border:  				1px  silver solid;
}

#sidebar1 .survey h4
{
	margin:					0px 0px 10px -20px;
}

#sidebar1 .survey p
{
	font-size:				0.6em;
}
#sidebar1 .survey label
{
  	float:   				left;
  	display:   				block;
  	clear:   				left;  /* Zeilenumbruch */
  	width:					180px;
  	margin-top:   			-1em;
}

#sidebar1 .survey .checkbox
{
  	position:   			relative;
  	display:  				block;
  	border:  				none;
  	width:					15px;
  	margin-left:			-20px;
  	top:   	  				1.4em;
}

#sidebar1 .survey .button
{
  	width:  				80px;  /* einheitliche Breite */
  	border:					2px #FF7900 solid;
  	float:					right;
  	margin:					10px -10px 0px 0px;
	background:				#F0F0F0;
}

#sidebar1 .survey .button:hover
{
	color:					#E43C15;
}

#sidebar1 .survey .button:active
{
	color:					white;
	background-color:		#FF7900;
	border:					1px black dotted;
}

#sidebar1 li
{
	width:					235px;
}

#sidebar1 .subline 
{
	margin-left:			50px;
	margin-right:			50px;
}

#sidebar1 img 
{
	margin-left:			50px;
	margin-right:			50px;
}

#sidebar1 img 
{
	margin-top:				10px;
	margin-bottom:			10px;
}

#sidebar1 .subline a
{
	font-size:				1.2em;
	line-height:			normal;
}

#sidebar1 .subline
{
	font-size:				1.2em;
	line-height:			normal;
}

/* Sidebar Two */

#sidebar2 
{
	float: 					right;
	width: 					180px;
	padding: 				0 20px 0 0;
}

/* Sidebar three */

#sidebar3 
{
	float: 					right;
	width: 					180px;
	padding: 				0 20px 0 0;
	margin-top: 			50px;
}

#sidebar3 img 
{
	margin-bottom: 			10px;
}

/* Common Margin */

.sidebar
{
	margin-top:				-10px;	
}


#content
{
	margin-top:				-10px;	
}


#contentsmall
{
	margin-top:				-10px;	
}


/* Footer */

#footer 
{
	width: 					960px;
	height: 				83px;
	margin: 				0 auto;
	background: 			url('../images/footer.gif') no-repeat;
}

#footer p 
{
	padding-top: 			20px;
	text-align: 			center;
	font-size: 				10px;
}

#footer p a
{
	font-size: 				0.96em;
}

#footer p a:hover
{
	color:					black;
}

/* Table formats */

#products
{
	width:					700px;
	border:					none;
}

#products hr
{
	display:				block;
	margin:					10px 0px 10px 0px;
	color:					silver;
	height:					1px;					
}

.list
{
	position:				relative;
	border-bottom:				3px silver inset;
	border-right:				2px silver inset;
	line-height:				100%;
}

.list table
{
	border:					1px;
	border-style:				outset;			
	border-color:				gray;
	width:					100%;
}

.list td
{
	border:					0px;
	border-top:				1px silver solid;
	padding:				10px 5px 10px 5px;
	vertical-align: 			top;
	font-size: 				0.8em;
}

.list thead td
{
	background-image:		url('../images/gradientltrgray.gif');
	font-weight:			bold;
	border:					0px;
	font-size: 				0.8em;
}


