﻿/* ---------------------- */
/* styled by jr-design.ch */
/* ---------------------- */



/* Eingebettete Schriften */

	@font-face
	{
		font-family: FrutigerNext;
		src: url('frutiger-next.eot');
		font-weight: 100;
		font-style: normal;
	}

	@font-face
	{
		font-family: FrutigerNext;
		src: url('frutiger-next.ttf');
		font-weight: 100;
		font-style: normal;
	}





/* Body-Style */


		html{	
			margin:0px;
			width:100%;
			height:100%;
		}


		body
		{	
			font-size:12px; 
			Color:#303030;
			background-color:#ffffff; 
			margin:0px;
			overflow:scroll;
			width:100%;
			height:100%;		
		}


/* Schriften über alle Objekte */
		
		body,p,h1,h2,h3,h4,table,td,th,ul,ol,textarea,input
		{
			font-family:Arial, Helvetica;
		}

/* jquery datepicker schriftgrösse */
div.ui-datepicker{  font-size:11px; }
	


	
		
/* h1-h6 Tags */
		
			h1,h2,h3,h4,h5,h6
		{
			background-color:#transparent;
			
			
		}
		
		
		h1 {font-size:300%;margin-top:0px;margin-bottom:0px;font-weight:normal;font-family:FrutigerNext;color:#dc0000;}
		h2 {font-size:120%;margin-top:0px;margin-bottom:0px;font-weight:normal;color:#dc0000;}
		h3 {font-size:100%;margin-top:0px;margin-bottom:2px;font-weight: bold;}
		h4 {font-size:100%;}
		h5 {font-size:90%;}
		h6 {font-size:80%;}

	

				
/* A Tags */

	 	A:link {color: #303030;text-decoration: none;}
		A:visited {color: #303030;text-decoration: none;}
		A:active {color: #303030;text-decoration: none;}
		A:hover	{color: #dc0000;text-decoration: none;}

		
		
/* Tabellen */	
	
		table,tr,td,th
		{
			border-style: none;
			border-color: inherit;
			border-width: 0px;
			padding: 0px;
			background-color:transparent;
			border-collapse: collapse;
			text-align: left;
}
		
		table.box
		{
			color:#transparent;
			background-color:#ffffff;
			border:1px solid #949494;
			border-collapse: collapse;
		}
		table.boxClear
		{
			color:#transparent;
			background-color:#ffffff;
			border:1px solid #DEDEDE;
			border-collapse: collapse;
		}



.boxTitle {
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	border-top-width: 1px;
	border-bottom-width: 1px;
	padding-top: 2px;
	padding-bottom: 2px;
	}



/* Hintergründe */

		.bg1
		{			
		background: 	#dedede;
		color:	    	#303030;
		padding:5px;	
		}
		
		
		.bg2
		{		
		background: 	#efefef;
		color:	    	#dc0000;
		padding:5px;		
		}

		.bg3
		{			
		background: 	#efefef;
		color:	    	#303030;
		padding:5px;	
		}




		.btnMoreOff		{
		display:block;
		color:#dcdcdc;
		background-image:url('../images/btnMehrOff.gif');
		background-repeat:no-repeat;
		text-align:left;
		padding-left:15px;
		padding-top:2px;
		
		text-decoration:none;
		margin-left:1px;
		 
		}




		.btnMore,a.btnMore,a.btnMore:link,a.btnMore:visited
		{
		display:block;
		color:#303030;
		background-image:url('../images/btnMehr.gif');
		background-repeat:no-repeat;
		text-align:left;
		padding-left:15px;
		padding-top:2px;
		
		text-decoration:none;
		margin-left:1px;
		 
		}

		.btnMore,a.btnMore:hover,a.btnMore:active
		{
		background-image:url('../images/btnMehrRed.gif');
			color:#dc0000;
		}






/* Navigation Small*/
				
		.NavSmall
		{	
			Font-Size :  10px;
			Color:       #505050;
			text-decoration: none; 
		}		


		a.NavSmall:link,a.NavSmall:activ,a.NavSmall:visited 
		{
		}
		
		a.NavSmall:hover
		{
			color: #dc0000;
		}


/* Navigation Main*/

		.NavMain
		{	
			Font-Size :  13px;
			Color:       #555555;
			text-decoration: none;
		}		

		a.NavMain:link,a.NavMain:activ,a.NavMain:visited  
		{
		text-decoration: none;
		}
		
		a.NavMain:hover 
		{
			color: #dc0000;
		}
		
		
		
/* Navigation*/
		
		a.navMainTop,a.navMainTop:link,a.navMainTop:visited
		{
		display:block;
		color:#808080;
		/* background-image:url('../images/navBack.gif');*/
		padding-top:6px;
		width:120px;
		height:20px;
		font-size:13px;
		text-align:center;
		text-decoration:none;
		}
		
		a.navMainTop:hover,a.navMainTop:active
		{
		/* background-image:url('../images/navHover.gif');*/
		color:#dc0000;
		}
		
		
		a.navMainTopOn,a.NavbtnBeigeOn:link,a.NavbtnBeigeOn:visited
		{
		display:block;
		color:#dc0000;
		/* background-image:url('../images/navHover.gif');*/
		padding-top:6px;		
		width:120px;
		height:20px;
		font-size:13px;
		text-align:center;
		text-decoration:none;
		
		
		}
		a.navMainTopOn:hover,a.navMainTopOn:active,		{
		/* background-image:url('../images/navHover.gif');*/
		}



				



/* Photobank Navigation */
		

		
		td.navPhotobank,a.navPhotobank,a.navPhotobank:link,a.navPhotobank:visited		{
		display:block;
		color:#333333;
		width:25px;
		height:25px;
		font-size:12px;
		text-align:center;
		text-decoration:none;
		float: left;
		
			
		}
		
		a.navPhotobank:hover,a.navPhotobank:active
				{
		color:#dc0000;
		}
		
		
		
		td.navPhotobankOn,a.navPhotobankOn,a.navPhotobankOn:link,a.navPhotobankOn:visited		{
		display:block;
		color:#dc0000;
		width:25px;
		height:25px;
		font-size:12px;
		text-align:center;
		text-decoration:none;
		float: left;
		
			
		}
		
		a.navPhotobankOn:hover,a.navPhotobankOn:active
				{
		color:#dc0000;
				}

		
		
		
		.inputPhotobank
		{
		display:block;
		color:#333333;
		background-image:url('../images/btnPhotobankNav.gif');
		background-repeat: repeat-x;
		width:30px;
		height:25px;
		font-weight:bold;
		font-size:12px;
		text-align:center;
		padding:0;
		padding-top:4px;
		text-decoration:none;
		float:left;
		}


/* Send input */

		.inputSendBlue
		{
		display:block;
		color:#ffffff;
		background-image:url('../images/bgNextBlue.gif');
		background-repeat:repeat-x;
		font-weight:bold;
		font-size:12px;
		height:25px;
		text-align:left;
		padding-left:10px;
		text-decoration:none;
		margin-left:1px;
		border:0px;
		border-style:none;
		}


	/* Send input */

		.inputSendGreySmall
		{
		display:block;
		color:#ffffff;
		background-image:url('../images/bgNextGrey.gif');
		background-repeat:repeat-x;
		font-weight:bold;
		font-size:12px;
		height:19px;
		text-align:left;
		padding-left:10px;
		text-decoration:none;
		margin-left:1px;
		border:0px;
		border-style:none;
		}



/* Formulare */

		.formSmall
		{
			font-family: Arial, Helvetica, verdana;
			Font-Size :  10px;
			Color:       #707070; 
			background: 	#efefef;
			border: 1px solid #dedede;
		}
					
		.form
		{
			font-family: Arial, Helvetica, verdana;
			Font-Size :  12px;
			Color:       #707070; 
			background: 	#efefef;
			border: 1px solid #cccccc;
		}

		.form1
		{
			font-family: Arial, Helvetica, verdana;
			Font-Size :  12px;
			Color:       #707070; 
			background: 	#efefef;
			border: 1px solid #dc0000;
		}
		
		.formRed
		{
		font-family: Arial, Helvetica, verdana;
		Font-Size :  12px;
		Color:       #dc0000; 
		background: 	#ffffff;
		border: 1px solid #cccccc;
		text-align:left;

		}

		
		
		
		
/* Content Text */		
		.ContentSmall
		{	
				Font-Size :  10px;			
		}
		.ContentSmallRed
		{	
				Font-Size :  10px;
				Color:       #dc0000;			
		}


		
	


/* tooltip styling */
.tooltip {
	display:none;
	background-color:#FAFAFA;
	/*background:url(http://static.flowplayer.org/tools/img/tooltip/black_arrow_big.png);*/
	height:220px;
	padding:20px 20px 20px 20px;
	width:470px;
	font-size:11px;
	color:#303030;
	border:thin;
	border-style:solid;
	border-color:#808080;
}
