/******************************************************************
  generated by H2G Internetagentur, CH-Aarau, www.h2g.ch, August 08
*******************************************************************/


* { margin: 0; padding: 0; }

body { background: #fff; font: 11px Verdana, sans-serif; color: #595550; }



/* headlines */

h1, h2, h3 { color: #d10040; font-family: Tahoma, Arial, Helvetica, sans-serif; }

h1 { margin-bottom: 20px; font-size: 14px; font-weight: bold; }

h2 { font-size: 13px; color: #595550; letter-spacing: 1px; }

	.right h2 { margin-bottom: 7px; font-size: 13px; font-weight: normal; letter-spacing: 0px; color: #d10040; }
	
h3 { font-size: 12px; color: #595651; }



/* global elements*/

a { text-decoration: none; color: #848381; }

a:hover { color: #595550; }

a.on { color: #d10040; }

.content a, #content .right a { border-bottom: 1px dotted #d10040; color: #d10040 }

	.content a:hover, #content .right a:hover { border-bottom: 1px solid #d10040; }

p { margin-bottom: 12px; }

	.right p { margin-bottom: 6px; }
	
ul { list-style-type: square; margin-bottom: 12px; }

	ul li { margin-left: 15px; }
		
		ul li ul { margin-bottom: 0; }
	
ol { margin-bottom: 12px; }

	ol li { margin-left: 22px; }
	
		ol li ol { margin-bottom: 0; }
		
table td { padding: 0 10px 5px 0; }

.left { float: left; }

.right { float: right; }

.clear { clear: left; }

.accessibility { display: none; }

.border { border: 1px solid #595550; }

.logoright { float: right; border: 0; margin: 0 0 0 5px; }

.portrait { float:left; width: 120px; margin-right: 10px; }

.portraitText { float:right; width:476px; }

.portraitClear { clear: both; height: 10px; }


/* core layout elements */

#container { position: relative; width: 814px; margin: 14px auto; padding-bottom: 14px; border-top: 1px solid #f1b2c5; }

	#header { position: relative; height: 100px; }
	
		#logo { position: absolute; left: 16px; top: 23px; }
		
		#languages { position: absolute; right: 5px; top: 12px; text-align: right; font: 8px Arial; text-transform: uppercase; letter-spacing: 1px; color: #848381; }
	
	#illustration { position: relative; height: 156px; background-image: url(/img/illustration1.jpg); background-repeat: no-repeat; border-top: 1px solid #f1b2c5; border-bottom: 1px solid #f1b2c5; }
	
	#navigation { position: relative; height: 28px; border-bottom: 1px solid #f1b2c5; font: 12px Tahoma; }
	
	#content { position: relative; padding: 16px 10px 53px 11px; border-bottom: 1px solid #f1b2c5; }
		


/* content layout */

#content .left { width: 187px; }

#content .content { float: left; width: 402px; line-height: 16px; }

#content .full { width: 606px; }

#content .all { width: 804px; }

#content .right { width: 142px; font-size: 10px; line-height: 14px; }



/* top navi */

#navigation ul { margin: 7px 0 0 0; list-style-type: none; }

	#navigation ul li { display: inline; margin: 0; padding: 0 13px 0 11px; background: url(/img/bullet_navi.gif) no-repeat right 3px; }
	
		#navigation ul li.nobullet { background: none; }
		


/* sub navi */

#content .left ul { list-style-type: none; margin: 0; font: 12px Tahoma; }
	
	#content .left ul li { margin: 0 0 7px 0; font-weight: bold; }
		
		#content .left ul li a {  }
			
			#content .left ul li ul { margin-top: 7px; }
				
				#content .left ul li ul li { margin-left: 11px; font-weight: normal; }
					
					#content .left ul li ul a {  }