/* TC-Communications-Styles */

* { padding: 0; margin: 0; }

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

body {
	color: #FFFFFF; /* Schriftfarbe */
	background-color: white ; /* Hintergrundfarbe */
	font-family: Verdana; Arial, Helvetica, sans-serif;
	font-size: small; /*Schriftgröße */
	
	}
	
#wrapper {
	color: black;
	background-color: white;
	width: 916px; /* breite des Inhaltsbereichs */
	margin-top: 25px;
	margin-right: auto; /* abstand rechts automatisch */
	margin-bottom: 10px;
	margin-left: auto; /* abstand links automatisch */
	}

#kopfbereich {
	color: black;
	background-color: #f3c600;
	padding-top: 10px ;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
	
	}

#subnavibereich li {
	display: inline; /* subnavi nebeneinander darstellen */	
	}
	
#subnavibereich {
	text-align: right; /* navitext rechtsbündig ausrichten*/	
	}
	
#navibereich {
	float: left;
	width: 200px;
	line-height: 3em; /* zeilenabstand */
	padding-top: 50px;
	padding-right: 00px;
	padding-bottom: 5px;
	padding-left: 60px;
	text-align: left;
	border: 0px dotted;
	font-weight: normal;
	
	}

#inhaltsbereich {
	width: 550px;
	line-height: 1.5em; /* zeilenabstand */
	padding-top: 60px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	margin-left: 361px;
	border: 0px dotted;
	font-family: Verdana; Arial, Helvetica, sans-serif;
	font-size: small; /*Schriftgröße */
	color: #000000;
	}	
		
h1 {
	font-size: 100%;
	}
h2 {
	font-size: 130%;
	background-position: right;
	border: 0px dotted;
	margin-bottom: 1em;	
	}

address {
	text-align: center; /* zentrieren */
	font-size: 80%; /* etwas kleiner */
	font-style: normal; /* normale Schrift, nicht kursiv */
	letter-spacing: 2px; /* Abstaende zwischen den Buchstaben */
	line-height: 1.5em; /* zeilenabstand */
	}

a { text-decoration: none; } /* Unterstreichung d. Links entfernen */ 

a:link { color: #aeafb1; }
a:visited { color: #aeafb1; }
 
a:hover, a:focus { color: #01209f; }
a:active { color: white; background-color: #01209f ;}

.skiplink {display: none; }

li {list-style-type: none; }
 
p, ul, ol {
	margin-top: 0 ;
	margin-right: 0 ;
	margin-bottom: 1em; /* Abstand nach unten */
	margin-left: o; }
ul ul {
	margin: 0;
	}

li {
	margin-top: 0 ;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 1em; /* Abstan von links */
	}	
	
	
#fussbereich {
	padding: 20px;
	padding-top: 10px; /* Innenabstand oben, unterhalb Linie */
	border-top: 0px dotted #cbccce; /* rahmenlinie oben */
	margin-top: 20px; /* Aussenabstand oben, oberhalb Linie */
	}
	
	
/* Das Kontaktformular */

form {
	background-color: #eee;
	width: 400px; /* Breite des formulars */
	padding: 20px;
	border: 1px solid #8c8c8c;
	}
	label { display: block; } /*Beschriftung auf eigener Zeile */
	/* Beide Eingabefelder gleich lang */
	#absender, textarea {
		width: 300px;
		border: 1px solid #8c8c8c;
		margin-bottom: 1em;
	}
	textarea { height: 7em; }
	input:focus, textarea:focus
	{
		background-color: #d9d9d9;
	}