@charset "utf-8";
/**
 * Main stylesheet
 * 
 * Website: fryundpartner.ch
 * Autor: Fabian Manetsch
 * Datum: 27.04.2009
 */

*
{
	margin: 0;
	padding: 0;
}
html

{
	height: 100%;
	width:: 100%;
}

body 
{ 
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 62.5%; 
	line-height: 62.5%;
	color: #969696;
	background-color: #FFFFFF; 
	margin-top: 0px; 
	margin-left: 0px; 
	margin-right: 0px; 
	margin-bottom: 0px; 
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: 100%;
	min-height: 100%;
}

*{
	font-size: 1em;
	line-height: 1em;
}
						
div
{
	font-size:1.0em;
}

p 
{
	line-height: 1.4em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 13px;
	color: #1f1d20; 
	margin: o;
	padding-bottom: 1.5em;
	padding-top: 0em;
}

strong
{
	line-height: 1.4em;	
}

h1 
{
	color: #1f1d20;
	font-weight: normal;
	line-height: 1.2em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12.5pt;
	margin: 0;
	padding-bottom: 0em;
	padding-top: 0em;
}

h2 
{
	color: #8d8271;
	line-height: 1.2em;
	font-weight: normal;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 13px;
	margin: 0;
	margin-bottom: 1em;
	padding-bottom: 0em;
	padding-top: 0em;
}

h3
{
	color: #1f1d20;
	font-weight: normal;
	line-height: 1.2em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12.5pt;
	margin: 0;
	margin-bottom: 1em;
	padding-top: 0em;
}

h4 
{
	line-height: 1.4em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 13px;
	color: #8d8271; 
	margin: o;
	padding-bottom: 1.5em;
	padding-top: 0em;
}

h5
{
	color: #8d8271;
	font-weight: normal;
	line-height: 1.2em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 12.5pt;
	margin: 0;
	padding-bottom: 0em;
	padding-top: 0em;
}

hr 
{
	background-color: #CCCCCC; 	/* Mozilla 1.4 */
	color: #CCCCCC; 			/* IE 6 */
	border: #CCCCCC; 			/* Opera 7.11 */
	height: 1px; 				/* in Opera fuer die Anzeige noetig, in Mozilla fuer die einheitliche Hoehe */
	margin: 0px;
	padding: 0px;
}

pre 
{
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	line-height: 1.4em;
}


/* AUFLISTUNG (im Content) ------------------------------------------ */
ul
{
	margin: 0px;
	padding: 0px;
	list-style-type: armenian;
	list-style-position: inside;
}

/*Referenzliste*/
ul.referenzen
{
	margin: 0px;
	padding: 0px;
	width: 350px;
	list-style-type: none;
	list-style-position: outside;
}

li
{
	line-height: 1.4em;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
	font-size: 13px;
	color: #1f1d20; 
	margin-top: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
}

/* BILDER ---------------------------------------------------------- */
img
{
	border: none;	
}

/* LINKS ---------------------------------------------------------- */
a			{text-decoration: none; color: #969696; font-size: 12px;}
a:link 		{text-decoration: none; color: #969696; font-size: 12px;}
a:visited 	{text-decoration: none; color: #969696; font-size: 12px;}
a:hover 	{text-decoration: underline; color: #8d8271; font-weight: normal; font-size: 12px;}
a:active	{text-decoration: underline; color: #8d8271; font-weight: normal; font-size: 12px;}
a:focus 	{text-decoration: underline; color: #8d8271; font-weight: normal; font-size: 12px;}

/*Dummy-Links auf Referenzliste */
ul.referenzen a			{text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}
ul.referenzen a:link 	{text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}
ul.referenzen a:visited {text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}
ul.referenzen a:hover 	{text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}
ul.referenzen a:active	{text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}
ul.referenzen a:focus 	{text-decoration: none; color: #1f1d20; font-size: 12px; line-height: 1.4em;}

/* BODY ---------------------------------------------------------- */
#body
{
	width: 100%;	
	height: 100%;	
}

#rahmen
{
	width: 960px;
	height: 800px;
	margin: auto;
}

* html #rahmen
{
	height: 80%;
}

#bodyheader
{
	height: 30px; /*50px*/
	width: 100%;
	margin: auto;
	overflow: hidden;
}

* html #bodyheader
{
	height: 15px;
}


#header
{
	height: 120px;
	width: 960px;
	margin: auto;
	overflow: hidden;
	background-image: url(../images/logo.jpg);
	background-repeat: no-repeat;
	background-position: center;	
}

#container
{
	height: 358px;
	width: 960px;
	margin: auto;
	margin-top: 40px; /*60px*/
}

#content_left, #content_right
{
	width: 465px;
	height: 100%;
	float: left;
	margin: 0;
	overflow-x: hidden;
	overflow-y: auto;
	font-size: 13px;
}

#content_middle
{
	width: 30px;
	height: 100%;
	float: left;
}

/*Bilder für Kundenliste*/
#content_img
{
	width: 456px;
	height: 342px;
	float: left;
	margin: 0;
	margin-top: 4px;
	overflow: hidden;
	border: 2px solid #8d8271; /*Wird aus Extension (ism_referenzen) gesteuert*/
	padding: 2px;
}

/*Umrandung Bilder*/
.csc-textpic-image, .tx-zwgmap-pi1, .csc-frame, .tx-mgrandom-pi1
{
	border: 2px solid #8d8271;
	padding: 2px;
}

#image dl /* Definition List für Bilder ausblenden (Typo3) */
{
	margin: 0;
	padding: 0;
}

#clearfooter
{
	clear: both;
	height: 13px;
}

#footer
{
	width: 50px;
	height: 66px;
	margin: auto;
	background-image: url(../images/logo_copyright.png);
	background-position: top center;
	background-repeat: no-repeat;
}

/* HEADER NAVIGATION (horizontal) ------------------------------------- */
/*HAUPTNAVIGATION*/
#nav
{
	width: 960px;
	height: 55px;
	margin: auto;
	margin-top: 45px; /*60px*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 12.5pt;
	color: #1f1d20;
	text-align: center;
	text-transform: uppercase;
}

/*IE6 Bug*/
* html #nav
{
	/*margin: 27px 5px 0 0;*/
}

/* Abstand zwischen Nav-Buttons */
#nav img
{
	margin-left: 4px;
	margin-right: 4px;
}

#nav_ebene1
{
	height: 18px;
	margin: auto;
	text-align: center;
}

#nav_ebene2
{
	height: 20px;
	margin: auto;
	margin-top: 10px;
	text-align: center;
}


#nav a								{text-decoration: none; color: #1f1d20; margin-left: 4px; margin-right: 4px; font-size: 12.5pt;}
#nav a:link, #subnav a:link  		{text-decoration: none; color: #1f1d20; margin-left: 4px; margin-right: 4px;}
#nav a:visited, #subnav a:visited 	{text-decoration: none; color: #1f1d20; margin-left: 4px; margin-right: 4px;}
#nav a:hover, #subnav a:hover		{text-decoration: none; color: #8d8271; margin-left: 4px; margin-right: 4px;}
#nav a:active, #subnav a:active		{text-decoration: none; color: #8d8271; margin-left: 4px; margin-right: 4px;}
#nav a:focus, #subnav a:focus  		{text-decoration: none; color: #8d8271; margin-left: 4px; margin-right: 4px;}

#nav a.active, #subnav a.active		{text-decoration: none; color: #8d8271; margin-left: 4px; margin-right: 4px;}

/* SUB NAVIGATION (vertical) ------------------------------------- */
/*UNTERNAVIGATION*/
#subnav
{
	width: 960px;
	height: 40px;
	margin: auto;
	margin-top: 50px; /*70px*/
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-size: 11pt;
	color: #1f1d20;
	text-align: center;
	text-transform: uppercase;
}

#nav_ebene1.line
{
	background-image: url(../images/linie.gif);
	background-position: top center;
	background-repeat: no-repeat;
}

/*IE6 Bug*/
* html #subnav
{
	/*margin: 35px 0 0 40px;*/
}

#nav_ebene2.sub
{
	margin-top: 3px;
}

#subnav a	{text-decoration: none; color: #1f1d20; margin-left: 3px; margin-right: 3px; font-size: 11pt;}