/* CSS for site www.contowa.de */

	* {
	  margin:0;
	  padding:0;
	}
	
	html, body {
	  font: 100.01% Tahoma, Helvetica, sans-serif;
	  background-color:white;
	  color:black;
	  margin: 0;
	  padding: 0;
	  height: 100.01%;
	}

	/* element is used to keep the footer sticked on the bottom of the page */
	#wrap {
	  min-height: 100.01%;
		height: auto !important;
		height: 100.01%;
	}
	
	#header {
	  /* background:url(../images/ist2_9457388-contemporary-design-compass.png) no-repeat left top; */
	  /* background-color:#7A95AF; Jan's color */
	  /* background-color:#2A5DB0; Google color */
	  /* background-color:#2200CC; Google color */
	  /* background-color:#0044CC; MS color */
	  background-color:black;
	  height:200px;
	}
	#header img#picture {
	  width:272px;
	  height:200px;
	  float:left;
	}
	#header img#logo {
	  padding:0 0 0 0;
	  width:0px;
		float:right;
		margin-top:0px;
		visibility:hidden;
	}
	#header img#logo_print {
	  padding:.8em .8em 0 0;
	  width:402px;	  
		float:right;
		margin-top:60px;
	}
	
	#control {
	  background-color:#bbbbbb;
	  padding-left:0em;
	  padding-right:1em;
	  font-size:1em;
	  color:white;
	}
	#control table {
	  width:100%
	}
	#control h1{
	  font-size:1em;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-top: 0px;      
	}
	  
	#shadow {
	  background-color:#bbbbbb;
	  background:url(../images/schattenwurf-grau-v.png) repeat-x;
	  height:12px;
	}
	
	#content {
	  background-color:white;
		margin: 0 auto -1em; 
	  padding:0.5em;
	  padding-bottom: 17px;
	}
	#content .linebreak {
	  padding-bottom:1em;
	}
	#content h1 {
	  font-size: 1.1em;
	  margin: 0 0 1em;
	  padding-bottom:0.1em;	  
	}
	#content h2 {
	  font-size: 0.9em;
	  margin: 0 0 0em;
	  padding-bottom:0.1em;	  
	}
	#content h3 {
	  font-size: 0.9em;
	  margin: 0 0 0em;
	  padding-bottom:0.1em;	  
	}	
	#content p {
	  font-size:0.9em;
	  margin: 0em 0;
	  padding-bottom:0.1em;	  
	}
	#content p.text_header {
	  font-size:0.9em;
	  font-weight: bold;
	  padding-bottom: 1em;
	}
	#content p.text {
	  font-size:0.8em;
	  padding-bottom: 1em;	   
	}
	#content p.small {
	  font-size:0.8em;
	  margin: 0em 0;
	  padding-bottom:0.1em;	  
	}
	#content p.error {
		color:#ff0000; /* red */
	}
	#content p.success {
		color:#00aa00; /* green */
	}
	#content ul {
	  padding-left:2em;
	  padding-bottom:0.1em;
	}
	#content ul.small {
	  font-size:1em;
	}
	#content p.popup_link a span {
		display: none;
	}
	#content p.popup_link a:hover span {
		display: block;
		color: #00aa00; /* green */
	}
	
	#push {
	  height: 1em;
	}
	
	#footer {
	  background-color:silver;
	  padding-left:1em;
	  font-size:0.85em;
	  color:white;
	  margin-left: 0px;
	  margin-right: 0px;
	  margin-bottom: 0px;
	  margin-top: -17px;
	}
	#footer img{
	  width:55px;
	  height:17px; 
	  float:right;
	}
	#footer a:link { text-decoration:none; color:white; font-size:0.8em;}
	#footer a:visited { text-decoration:none; color:white; font-size:0.8em;}
	#footer a:hover { text-decoration:underline; color:grey; font-size:0.8em;}
	#footer a:active { text-decoration:none; color:grey; font-size:0.8em;}
	#footer a:focus { text-decoration:none; color:grey; font-size:0.8em;}



	/* main navigation menue on top */

  ul#navigation {
    margin: 0; padding: 0;
    text-align: left;
  }

  ul#navigation li {
    list-style: none;
    float: left;  /* without width - after CSS 2.1 allowed */
    position: relative;
    margin: 0em; padding: 0;
  }
  * html ul#navigation li {  /* correction for IE 5 and 6 */
    margin-bottom: 0em;
  }
  *:first-child+html ul#navigation li {  /* correction for IE 7 */
    margin-bottom: -0.1em;
  }

  ul#navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 1.12em; left: 0em;  /* offset to main menu */
    display: none;  /* don't show sub-menus */
  }
  * html ul#navigation li ul {  /* correction for IE 5.x */
    left: -1.5em;
    lef\t: 0em;
  }
  *:first-child+html ul#navigation ul {  /* workaround for IE 7 */
    background-color:lightgrey; padding-bottom:0.4em;
  }
  ul#navigation li:hover ul {
    display: block;  /* show sub-menus in modern browsers */
  }
  ul#navigation li ul li {
    float: none;
    display: block;
    margin-bottom: 0em;
  }


  * html ul#navigation a {
    width: 0em;   /* width in old box-modell for IE 5.x */
    w\idth: 0em;  /* correct width for IE 6 in standard compatible mode */
  }
  li a.main {  /* main-menu */
    text-decoration:none; 
    color:white; 
    font-size:0.8em; 
    display: block;
    /*width: 6.8em; */   /* set witdth to elements in li */
    padding: 0.1em 1em;
    /*border: 1px solid black; */
    border-left-color: white; border-top-color: white;
    background-color: #bbbbbb;    
  } 
  li a.main:hover { /* layout for hover-effect */   
    color: white; background-color: #aaaaaa; 
  }    
  li a.sub {  /* sub-menu */
    text-decoration:none; 
    color:white; 
    font-size:0.8em; 
    display: block;
    /*width: 6.8em; */   /* set witdth to elements in li */
    padding: 0.1em 1em;
    background-color: silver;   
  }
  li a.sub:hover { /* layout for hover-effect */     
    color: white; background-color: #aaaaaa;
  }       
  li a#current_main {  /* mark current menu */
    color: grey; 
  } 
  li a#current_sub {  /* mark current sub-menu */
    color: grey; 
  }



  /* language settings on right side of top menu */
  
  div#language a {  /* language-menu */
    text-decoration:none; 
    color:white; 
    font-size:0.8em; 
    background-color: #bbbbbb;    
  }  
  div#language a:hover { /* layout for hover-effect */
    color: white; background-color: #aaaaaa;
  } 



  /* navigation on left side and content on right side */
  
  ul#navigation_left {
	  font-size: 0.8em;
	  float: left; width: 11em;
	  margin: 0; padding: 0;
	  border: 1px dashed silver;
	}
	ul#navigation_left li {
	  list-style: none;
	  margin: 0; padding: 0.1em;
	}
	ul#navigation_left a {
	  display: block;
	  padding: 0.2em;
	  font-weight: bold;
	}
  ul#navigation_left a#current_sub {  /* mark current sub-menu */
    color: black; 
  } 	
	ul#navigation_left a:link {
	  color: #666; background-color: #eee;
	}
	ul#navigation_left a:visited {
	  color: #666; background-color: #eee;
	}
	ul#navigation_left a:hover {
	  color: black; background-color: white;
	}
	ul#navigation_left a:active {
	  color: white; background-color: gray;
	}
	ul#navigation_left a:focus { 
	  color: black; background-color: white;
	}

	div#start_page {
	  margin-top:1em;
	  margin-left:2em;
	  margin-right:2em;
	}
	div#content_right {
	  margin-left: 10em;
	  padding: 0 1em;
	  border: 0px dashed silver;
	  min-width: 16em; /* Minimum width (of heading) avoids dsiplay-errors in modern browsers */
	}
	div#content_right .linebreak {
	  padding-bottom:1em;
	}
	div#content_right li {
	  font-size:0.8em;
	  margin: 0em 0;
	}
	div#content_right a#profile_photo img {
	  width: 193px;
	  height: 127px;
	  border: none;
		/* display:none; IN PRINT-VIEW IMG SHALL BE SHOWED */
	}
	div#content_right a#profile_photo:link, div#content_right a#profile_photo:visited, .div#content_right a#profile_photo:active, div#content_right a#profile_photo:focus {
	  float: left;
	  margin-right: 10px;
	  padding: 0;
	  border: 0px dashed silver;
	  width: 193px;
	  height: 127px;
		background: url('../images/Torsten_grey.jpg'); 
	}
	div#content_right a#profile_photo:hover {
		background: url('../images/Torsten_coloured.jpg');
	}
	div#content_right img#img_xing {
	  width: 40px;
	  height: 16px;
	  border: none;
		display:none; /* IN PRINT-VIEW IMG SHALL NOT BE SHOWED */	  
	}
	div#content_right a#link_xing:link { background-color: white; color:white; }
	div#content_right a#link_xing:visited { background-color: white; color:white; }
	div#content_right a#link_xing:hover { background-color: white; color:silver; }
	div#content_right a#link_xing:active { background-color: white; color:white; }
	div#content_right a#link_xing:focus { background-color: white; color:white; }



  /* contact formula */	
	
	.formbox {
	  width: 400px;
	  border: 1px solid silver;
	  background-color: white;
	  color:black;	  
	  font-size:0.7em;
	}
	.formfont {
	  font-family:Tahoma, Helvetica, sans-serif;
	  font-size:0.9em;
	}
	.formsize {
	  width: 190px;
	}
	.formsize_big {
	  width: 140px;
	  font-size:0.9em;
	}
	.formsize_small {
	  width: 40px;
	  font-size:0.9em;
	}
	.formrow {
	  clear: both;
	  padding: 2px 0px;
	}
	.formlabel {
	  width: 120px;
	  float: left;
	  text-align: right;
	  padding-top: 3px;
	  padding-right: 20px;
	}
	.formfield {
	  width: 200px;
	  float: left;
	  text-align: left; 
	} 
	.formfield_big {
	  width: 150px;
	  float: left;
	  text-align: left;
	} 
	.formfield_small {
	  width: 50px;
	  float: left;
	  text-align: left;
	} 			
	.formbutton {
	  clear: both;
	  text-align: center;
	  padding-top: 5px;
	  padding-bottom: 10px;
	}