/*	Author: Sascha Milivojevic (website: www.hey-sascha.de / email: info@hey-sascha.de):

   
		------------------------------------------------------
   
		Susanne Stegmann		v1 stylesheet		02.02.2012		
  
		----------------------------------------------------*/

/*	Browser CSS reset
  
		----------------------------------------------------*/

		html, body, div, span, applet, object, iframe,
		h1, h2, h3, h4, h5, h6, p, blockquote, pre,
		a, abbr, acronym, address, big, cite, code,
		del, dfn, em, font, ins, kbd, q, s, samp,
		small, strike, sub, sup, tt, var,
		dl, dt, dd, ol, ul, li,
		fieldset, form, label, legend, input,
		table, caption, tbody, tfoot, thead, tr, th, td {
				margin: 0;
				padding: 0;
				border: 0;
				outline: 0;
				font-weight: inherit;
				font-style: inherit;
				font-size: 100%;
				font-family: inherit;
				vertical-align: baseline;}
		
		img {
				vertical-align: bottom;}
		
		:focus {
				outline: 0;}
		
		ol, ul {
				list-style: none;}
		
		table {
				border-collapse: collapse;
				border-spacing: 0;
				font-size: 1em;}
		
		caption, th, td {
				text-align: left;
				font-weight: normal;}
		
		blockquote:before, blockquote:after, q:before, q:after {
				content: "";}
		
		blockquote, q {
				quotes: "" "";}
				
/*	Allgemeines
  
		----------------------------------------------------*/
		
		html, body {
				margin: 0;
				padding: 0; }
		
		body {
				font-family: Arial, Helvetica, Geneva, sans-serif;
				font-size: 12px;
				color: #000;
				background-color: #cccccc;}
				
		a img { 
				border:none;}
				
		a {
				text-decoration: none;}
				
		h1 {
				font-family: Arial, Helvetica, Geneva, sans-serif;
				position: absolute;
				font-size: 17px;
				line-height: 21px;
				font-weight:bold;
				color: #fff;
				padding-left: 60px;
				width: 240px;
				margin: 180px 0 25px 20px;
				background-image: url(../img/header_icon.png);
				background-repeat: no-repeat;
				background-position: left center;}
				
		h2, h3, h4, h5 {
				font-size: 14px;
				line-height: 21px;
				font-weight:bold;
				color: #000;
				margin: 0 0 21px 0;}
				
		p {
				font-family: Arial, Helvetica, Geneva, sans-serif;
				font-size: 14px;
				color: #000;
				line-height: 21px;
				margin-bottom: 21px;}
        
    .invisible {
      display: none;}
      
      #header figure { margin: 0; padding: 0;}

/*	Layout styles
  
		----------------------------------------------------*/
		
		#container {
				
				width: 960px;
				margin: 30px auto;
				background-color: #fff;}
				
		#header {
				float: left;
				width: 960px;
				height: 252px;
				background-image: url(../img/header_bg.png);
				background-position: 0px 0px;
				background-color: #cccccc;}
				
		#header #logo{
				position: absolute;
				margin-top: 20px;}
				
   .ce_image {
				 position: absolute;
				 margin: 20px 0 0 318px;}
				
		#headerContent {
				float: right;
				margin: 0 20px 0 0;
				width: 730px;}
				
		#content {
				clear: left;
				float:left;
				margin-left:2px;
				width: 958px;
				background-color: #fff;}
				
		#right ul, #main ul {
				margin-bottom: 21px;}
				
		#right ul li, #main ul li{
				font-size: 14px;
				list-style-type: disc;
				list-style-position: outside;
				margin-left: 15px;
				line-height: 21px;}
				
		#main a, #right a{
				color: #CC0033;}
				
				
		#main a:hover, #right a:hover{
				text-decoration: underline;}
				
		.left {
				float: left;
				width: 175px;
				padding: 15px 0 15px 13px;}
				
		.left .mod_navigation {
				padding: 0px 0 0 0px; }
				
		.left .mod_navigation ul li{
				color: #000;
				line-height: 24px;
				font-size: 14px;}
				
		.left .mod_navigation ul li a{
				line-height: 24px;
				font-size: 14px;
				color: #000;
				font-weight: bold;}
				
		.left .mod_navigation ul li.active,  .left .mod_navigation ul li a:hover{
				color: #CC0033;
				font-weight: bold;}
				
		.left .mod_navigation ul.level_2 {
				margin-left: 20px;}
				
		#main {
				float: left;
				width: 460px;
				padding: 15px 30px 30px 30px;}
				
		#right {
				padding: 15px 15px 15px 0;
				float: left;
				width: 235px;}
				
		#right p {
				font-size: 11px;
				text-shadow: #c0c0c0 3px 3px 5px;
				letter-spacing: 0.1em;
				font-style: italic;
				color: #333;
				line-height: 21px;
				margin-bottom: 18px;}
				
		#footer {
				clear: left;
				float: left;
				width: 930px;
				margin-top: 15px;
				padding: 5px 15px;
				color: #fff;
				font-size: 14px;
				background-color: #CC0033;}
				
		#content .mod_form {
				clear:left;
				float:left;
				margin-top:20px;}

		#content .mod_form input{
				width: 200px;
				font-family: Arial, Helvetica, Geneva, sans-serif;
				color: #000;
				height: 20px;
				border: 1px solid #000;
				margin-bottom: 10px;}
				
		#content .mod_form select{
				width: 200px;
				font-family: Arial, Helvetica, Geneva, sans-serif;
				color: #000;
				height: 20px;
				border: 1px solid #000;
				margin-bottom: 10px;}
		
		#content .mod_form label{
				display: block;
				font-family: Arial, Helvetica, Geneva, sans-serif;
				color: #000;
				width: 340px;
				font-size:12px;
				line-height: 18px;
				margin-bottom:3px;}
				
		#content .mod_form textarea{
				width: 400px;
				height: 200px;
				font-family: Arial, Helvetica, Geneva, sans-serif;
				color: #000;
				border: 1px solid #000;
				margin-bottom: 10px;}				
				
		#content .mod_form .button {
				width: auto;
				height: auto;
				cursor: pointer;
				padding: 5px;
				background-color: #000;
				color: #fff;}
				
		p.error {
				color: red;
				font-size: 9px;
				margin-bottom: 0px;}
				
		#content table{
				width: 100%;}
				
		#content table td{
				font-size:14px;
				padding: 0px 0px 12px 0;}
				
		#content table td.col_first	{
				width: 150px;}