/*   --------------- INFO -----------------------

Web:				http://tcitangram.profile-media.de
Autor: 				Gaby Rohmann 21-02-08
Letzte Aenderung:		15-04-08 von Gaby Rohmann

---------------------------------------------------- */


/* ----- ALLGEMEINES ----- */

	body {
	font-family: 	    Arial, Helvetica, sans-serif;
	font-size:			100.1%;
	height:				100%;
	margin:				0;
	padding:			0;
	background-image:	url(../images/linie.gif);
	background-repeat: 	repeat-y;
	background-position: 	186px;
	}

	html {
		height:				100%;
		margin-bottom:		0.1px;
	}

	h1,h2,h3,h4,h5,h6,blockquote,form,p {
		margin: 			0;
		padding: 			0;
	}

	h1.csc-firstHeader {
		font-size:			13px;
		font-weight:			bold;
		color:				#2C92C5;
		margin:				0 0 21px 0;
		padding:			0;
	}
   	
   	h1 {
		font-size:			12px;
		font-weight:		bold;
		color:			    #706D6B;
		margin:				18px 0 5px 0;
		padding:			0;
	}
    h5 {
        font-size:			11px;
		font-weight:		bold;
        color:			    #646262;
    }
    h6 {
        font-size:			10px;
        font-weight:    normal;
    }



	.logoTimes {
	font-family: 		Times New Roman, Times, serif;		
	font-size:		16px;
	font-weight:		bold;
	color:			#000;
	letter-spacing: 	0.01em;
	background-color:	none;
 	}
	
	/* Auszeichnung für die Headline 3 mit gruaem HG für -sticheworte- und -eigenschaften- */
	#inhalt-einspaltig h3, 
	#inhalt-einspaltig .csc-header h3, 
	#inhalt-einspaltig .csc-header h3 {
		height:			20px;
		padding:		5px 10px 0 10px;;
		background-color:	#DFDFDF;
		font-size:		12px;
		font-weight:		bold;
		margin-top:		20px;
		margin-bottom:		20px;
		clear:			both;
	}

	a img {
		border:				0px;
	}

	a:link,
	a:visited,
	a:hover,
	a:active {
		text-decoration: 	none;
     		padding:		0;
     		margin:			0;
     		color:			#000;
	}

	/*a:hover {
		text-decoration:	none;
        	color:				#0F85C0;
	}*/

/* ------ Alles ----------------*/
	#all {width:986px;}


/* ------ Head ----------------*/
   #head {
        height:               	104px;
        width:                	985px;
        background-color:	#fff;
   }

  #head img {
	    float:			left;
	  }
   
   #head h1 {
		font-family: 	    Times New Roman, Times, serif;
		font-size:			22px;
		font-weight:		bold;
		color:				#000;
		padding:			36px 0 0 20px;
		float:				left;
   }

   /* ------------- suche Fenster --------------- */
   .searchForm {
   		float:				right;
		width:				184px;
		border:				solid 1px #B0AEAD;
		background-color:  		#DFDFDF;
		margin-top:			20px;
   }
   .searchForm h3 {
   		display:			block;
		background-color:   		#2C92C5;
		padding:			3px 0 3px 10px;
		color:				#fff;
		font-size:			12px;
		font-weight:			bold;
   }
   .searchForm form {
   		padding:			10px;
   }
   .searchForm .submit {
   		width:				26px;
   }

/* ------ main_navi ----------------*/

   #main_navi {
      background-color:     #2C92C5;
      height:               24px;
	  width:				100%;
	  clear:				both;
   }
   #main_navi .aktuell {
   		float:			    left;
		width:			    186px;
        display:            block;
   }
   #main_navi .aktuell ul {
        list-style-image:	none;
		list-style-type: 	none;
        display:            block;
        margin-top:         5px;
        padding:            0;
        text-align:         center;
   }
   #main_navi .aktuell ul li {
        list-style-image:	none;
		list-style-type: 	none;
        font-size:			14px;
		font-weight:		bold;
        padding:		    0;
        /*float:			    left; */
   }
   #main_navi .aktuell ul li a:link,
   #main_navi .aktuell ul li a:visited	{
		color:				#FFF;
		text-decoration:	none;
	}

    #main_navi .aktuell ul li a:hover,
    #main_navi .aktuell ul li a:active,
    #main_navi .aktuell ul li a.current:visited {
		color:				#333;
		text-decoration:	none;
	}

   /* Hauptnavigation */
   #main_navi .hauptnavi {
      float:				left;
      display:              block;
   }


   #main_navi .hauptnavi ul {
        display:            block;
   		margin:				0;
        padding:    0;
		/*width:				948px;  */
        width:				778px;
   }
   #main_navi .hauptnavi ul li {
		font-size:			13px;
		font-weight:		bold;
		float:				left;
		padding:			4px 0 4px 24px;
		list-style-image:	none;
		list-style-type: 	none;

	}
	#main_navi .hauptnavi ul li a:link,
	#main_navi .hauptnavi ul li a:visited {
		color:				#FFF;
		text-decoration:	none;
	}

	#main_navi .hauptnavi ul li a:active,
	#main_navi .hauptnavi ul li a:hover,
	#main_navi .hauptnavi ul li a.current:visited {
		color:				#333;
		text-decoration:	none;
	}

/* ------ content / Alles ----------------*/

    #main_content {
    /*alles unterhalb Navi*/
		width:				985px;
        min-height:         450px;
		clear:				both;
   }
    #main_content:after  {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:		0;
		padding:			0;
		visibility:			hidden;
	}


/* ------ linke Spalte ----------------*/

   #left_box {
        width:                	186px;
      	float:                	left;
	  	padding:                30px 0;
    	}

	#left_box .news_box {
		margin:                 0 15px 30px 20px;

	}
    /*------------- stichwortzeile / Link in Navigationsspalte ----- */


	 #left_box .stichwort {
		background-color:	#2C92C5;
		height:			    20px;
	}

	#left_box .stichwort ul {
		margin:				0 0 0 20px;
		padding:			0px;
		background-image:		url(../images/pfeil-weiss.gif);
		background-repeat:		no-repeat;
	}
	#left_box .stichwort ul li {
		list-style-image:		no-image;
		list-style-position:	outside;
		list-style-type:		none;
		font-size:			    13px;
		font-weight:			bold;
		margin:				    0;
		padding:			    2px 0 0 10px;
	}

	 #left_box .stichwort ul li a:link,
	 #left_box .stichwort ul li a:visited	{
		color:				#FFF;
		text-decoration:	none;
	}

	 #left_box .stichwort ul li a:active,
	 #left_box .stichwort ul li a:hover {
		color:				#333;
		text-decoration:	none;
	}

	#left_box .adress_box {
        padding:             30px 14px 20px 20px;
	   /*	margin:             30px 15px 0 20px; */
		position:			absolute;
		bottom:				30px;
		font-size:			12px;
		width:				152px;        /*186*/
        background:         #FFF;
        border-right:       1px solid #999;
	}
   #left_box .adress_box h2 {
		font-family: 	    Times New Roman, Times, serif;
		font-size:			15px;
		font-weight:		bold;
		color:				#000;
		margin-bottom:		20px;
	}



/* ------ mittlere Spalte: normal ----------------*/

    #content_box   { 
    	float:             	left;
    	width:				502px;
	    margin:            		36px 55px 10px 55px;
    	}
	
	#inhalt-einspaltig {
		font-size:		12px;
		margin-bottom:		10px;
	}


     /*#content_box a,
     content_box a:link, 
     content_box a:visited,
     content_box a:hover,
     content_box a:active {
     		text-decoration: 	none;
     		padding:		0;
     		margin:			0;
     }*/

 /* ------- untere doppelspalte für stichworte/ergebnis über Liste ----- */

  /* -- Headlinezeile und Auflistung für Stichwortblock -- */

	#content_box ul  {
		margin-top:		20px;
		margin-bottom:		20px;
		margin-left:		-30px;
		width:			502px;
		font-size:		11px;
	}
	#content_box ul:after  {
		clear:				both;
		content:			".";
		display:			block;
		height:				0;
		line-height:			0;
		padding:			0;
		visibility:			hidden;
	}
        #content_box ul li	{
		display:		    list-item;
		width:			    228px;
		float:			    left;
		margin:			    0 6px 0 2px;
		background-image: 	url(../images/dot-ie.gif);
        background-repeat:  no-repeat;
        background-position:left top;
        list-style-type: 	none;
        padding-left:       12px;
	}

  /* Tabellen im Inhaltsbereich */

    #content_box table {
        font-size:		    11px;
        font-size:          11px;
        background-color:   #FFF;
        margin:             0px;
        padding:            0px;
    }
    #content_box table thead {
        background-color:   #2C92C5;
        font-weight:        bold;
        color:              #FFF;
    }
     #content_box table thead tr td {
        margin:               0px;
        padding:              5px;

     }
    #content_box table tr {
        margin:             0px;
        padding:            0px;
    }
    #content_box table tr td {
      margin:               0px;
      padding:              3px;
      border:               1px solid #7A7877;
    }


/* ------ rechte Spalte : Border rechts!!! ----------------*/

    #right_box {
        width:              186px;
        float:              left;
        padding:            30px 0;
    }
	/*Subnavigation */
	#right_box ul li {
		list-style-image:	url(../images/pfeil-blau.gif);
		list-style-position:	outside;
		font-size:		12px;
		margin-left:		-5px;
	}
	#right_box ul li a:link,
	#right_box ul li a:visited {
		color:			#333;
		text-decoration:	none;
	}

	#right_box ul li a:active,
	#right_box ul li a:hover,
	#right_box ul li a.subcurrent:visited {
		color:			#0F85C0;
		text-decoration:	none;
	}


	#sub_navi h3 {
		display:		block;
		background-color: 	#DFDFDF;
		padding-left:		12px;
		font-size:		13px;
		font-weight:		bold;
		text-decoration:	none;
		padding:		5px 15px 5px 20px;
	}

	/* Seperator anzeigen in Navigation als Trenner */
	
	#sub_navi ul li.separator {
		height:			15px;
		background-color: 	#FFFFFF;
		list-style-image:	none;
		list-style-type:	none;
	}
	
	
/* --------------------------- Styles für Tangram Rahmen ------------------------------------- */

	#tangram_box {
		width:				186px;
		border: 			1px solid #B0AEAD;
		min-height:			172px;
		height:				172px;
		position:			absolute;
		margin-bottom:		30px;
        bottom:             20px;
        bottom:             20px;
		font-size:			11px;
        background:         #FFF;
	}

	#tangram_box .tangram-1 {
		background-image:	url(../images/tangram-1.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-2 {
		background-image:	url(../images/tangram-2.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;

	}
	#tangram_box .tangram-3 {
		background-image:	url(../images/tangram-3.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-4 {
		background-image:	url(../images/tangram-4.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-5 {
		background-image:	url(../images/tangram-5.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-6 {
		background-image:	url(../images/tangram-6.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-7 {
		background-image:	url(../images/tangram-7.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-8 {
		background-image:	url(../images/tangram-8.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-9 {
		background-image:	url(../images/tangram-9.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}
	#tangram_box .tangram-10 {
		background-image:	url(../images/tangram-10.gif);
		background-repeat: 		no-repeat;
		background-position: 		bottom;
		position:			absolute;
		bottom:				0px;
		padding-left:			10px;
		padding-right:			10px;
		width:				166px;
		height:				162px;
	}

	/* Print Fußzeile ausgeblendet */
	#print-fusszeile { display: none;}
	
	
	
	
	/*Headline mit grauem Hintergrund für -stichworte- und -ergebnisse- 
	
	.HL-grauHg  {
		display:		block;
		background-color:	#DFDFDF;
		height:			20px;
		padding:		2px 5px;
	}*/

   	.clear {	
   		clear:			both;			
   		height:				0px;
   		width:				0px;	
   	}

	#outer {
		border:			solid 1px #333;
		width:			190px;
		margin:			20px 0 20px 155px;

	}
	#outer form {
		padding:		5px 5px 10px 5px;
	}
	#outer form p{
		font-size:		11px;
		font-weight:	bold;
		padding:		5px 0;
	}
	#logo {
		background:		#000;
		padding:		3px;
		text-align:	center;
	}