@charset "utf-8";
/* CSS Document */

/* 
	CSS-Document

	copyright:	2008 voodoo-media GmbH	
	web:		http://www.voodoo-media.de
	email:		ns@voodoo-media.de
	author: 	Nils Schaffer
	
	Farben
	background 	#FFFFFF
	schwarz		#000000
	link-grau	#333333
	rot			#E2001A
*/

/* --------------- Grund Definitionen ------------------- */
	html {
		width: 100%;
		height: auto;
	}

/* ------------------------------------- */
	body {
		width: 100%;
		padding: 0px;
		margin: 0px;
		overflow: auto;
		background-image:url('/images/basic/bg_basic.jpg');
		background-position: right;
		background-repeat: repeat-y;
		background-color: #FFFFFF;
	}

/* ------------------------------------- */
	body,table,td,th, div, p {
		font-family: Arial, Helvetica, Verdana, sans-serif ;
		font-size: 12px;
		line-height: 18px;
	}

/* ----------Text-Definition------------ */

h1, h2 {
		margin: 0px;
		margin-bottom: 11px;
		font-size: 18px;
		font-weight: bold;
	}
	
	h3 {
		margin: 0px;
		margin-bottom: 9px;
		font-size: 16px;
		font-weight: bold;
	}
	
	h4 {
		margin: 0px;
		margin-bottom: 9px;
		font-size: 15px;
		font-weight: bold;
	}
	
	h5 {
		font-size: 14px;
		font-weight: bold;
	}


	h6 {
		font-size: 13px;
		font-weight: bold;
	}


	h7 {
		font-size: 13px;
		font-weight: bold;
	}



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

strong {
	font-weight: bold;
	}

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

em {
	font-style: italic;
	}

/* ------------------------------------- */
	a {
		color: #E2001A;
		text-decoration: underline; 
	} 	   
	
	a:hover{
		color: #333333;
	}
/* ------------------------------------- */
	img {
		border: none;
	}
	
/* -----------Kontaktformular------------ */
	
	input {
	width: 150px;
	border: 1px solid #E2001A;
	}
	
		input:hover {
		background-color: #CCCCCC;
		cursor: pointer;
		}
		
		input:focus {
		background-color: #CCCCCC;
		border: 1px solid #E2001A;
		}
	
		input[type="submit"] {
		min-width: 100px;
		width: auto;
		cursor: pointer;
		}
		
/* ----------------------- */		
		

label, legend {
	color: #E2001A;
	}

/* -------------------- */
	
	select {
		width: 150px;
		border: 1px solid #E2001A;
		}

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

	
	textarea {
	border: 1px solid #E2001A;
	width: 385px;
	height: 150px;
	}
		
		textarea:hover{
		background-color: #CCCCCC;
		}
		
		textarea:focus{
		background-color: #CCCCCC;
		}

/* ---------Definition des Grundlayouts- */

	#mother {
		z-index: 0;
		position: relative;
		padding: 0px;
		margin: 0px;
	}
		
/* ------------------------------------- */

	#navi {
		position: absolute;
		top: 95px;
		left: 0px;
		/*margin-top: 40px;*/
		padding-left: 50px;
		width: 92%;
		height: 40px;
		border-top: 1px solid #E2001A;
	}
	
/* --------Logo-Oben------------------- */

	#logo {
		z-index: 15000;
		position: absolute;
		left: 50px;
		top: 20px;
		width: 420px;
		height: 40px;
		background-image: url('/images/basic/logo.gif');
		background-repeat: no-repeat;
	}
		#slogan {
		z-index: 14000;
		position: absolute;
		left: 215px;
		top: 55px;
		width: 300px;
		height: 40px;
		background-image: url('/images/basic/slogan.gif');
		background-repeat: no-repeat;
	}

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

	#content {	
		position: absolute;
		top: 160px;
		left: 50px;
		width: 900px;
		height: auto;

	}	
	
/* ------------------------------------- */

	#kontaktflaeche {
		z-index: 1000;
		position: absolute;	
		top: 0px;
		left: 640px;
		width: 250px;
		height: auto;
		background-color: #FFFFFF;	
	}


/* --------Bilder----------------------- */

	#textsize {
		position: absolute;
		top: -30px;
		right: 0px;
		font-size: 10px;
	}

/* --------Tabellen-Definition---------- */

/*--------------Navigationstabelle----------------*/

	table.navi {
		margin-top: 10px;
		width: auto;
		text-align: center;
	}
	
	table.navi td {
		width: auto;
		font-family: Verdana, sans-serif, Arial, Helvetica ;
		text-align: center;
		line-height: 18px;
		border-left: 1px solid #E2001A;
	}	
	
	table.navi td a {
		width: 130px;
		height: 20px;
		display: block;
		font-size: 12px;
		color: #000000;
		text-decoration: none;
		font-weight: bold;
	}		
	table.navi td a:hover {	
		color: #E2001A;
		text-decoration: none;
	}
	
/* ------------------------------------- */

table.submenue {
	border-collapse: separate;
	border-spacing: 5px;
	}
	
	table.submenue td {
		padding: 2px;
		min-width: 200px;
		width: 200px;
		height: 30px;
		text-align: center;
		white-space: nowrap;
		vertical-align: middle;
		border: 1px solid #E2001A;
		background-color: #E2001A;
		}
		
	table.submenue td a {
		color: #FFFFFF;
		}	
		
	table.submenue td a:hover {
		color: #FFFFFF;
		text-decoration: none;
		}	
		
/* ------------------------------------- */


	table.cnt {
		margin: 0px;
		width: 890px;
		border-left: 1px solid #E2001A;
	}
	
		table.cnt td {
			padding-top: 0px;
			padding-bottom: 0px;
		}
		
		table.cnt td.content {
			width: 580px;
			padding-top: 20px;
			padding-bottom: 20px;
			padding-left: 5px;
			vertical-align:top;
		}
		
		
		table.cnt td.spacer {
		width: auto;
		}		
		
		table.cnt td.pict {
			padding-top: 30px;
			width: 250px;
			vertical-align: top;
			text-align: center;
		}
		table.cnt td.pict img {
			margin-top: 10px;
			border: 1px solid #E2001A;
			text-align: center;
			padding: 0px;
		}
				

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

	/*table.untermenue {
		font-size: 11px;
		background-color: #CCCCCC;
	}*/

/* -----Kontaktüberschrift-------------- */

	div.kontaktheader {
		padding-top: 3px;
		padding-bottom: 15px;
		width: 250px;
		text-align: center;
		line-height: 18px;
		background-image: url('/images/basic/bg_kontaktflaeche.jpg');
		background-repeat: no-repeat;
		background-position: 0px top;
		background-color: #E2001A;
		border: 1px solid #E2001A;
		border-top: none;
	}		
	div.kontaktheader h2, div.kontaktheader h3 {
		margin: 0px;
	}				
	div.kontaktheader a {
		width: 250px;
		height: 25px;
		display: block;
		color: #FFFFFF;
		text-decoration: underline;
	}		
	div.kontaktheader a:hover h2,
	div.kontaktheader a:hover h3,
	div.kontaktheader a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
	
/* ----Aktueller Office-Tipp--------- */			
		
	div.infobox {
		margin-top: 20px;
		margin-bottom: 20px;
		padding-top: 10px;
		padding-right: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		border: 1px solid #E2001A;
		font-size: 11px;
	}
	
	div.infobox h3 {
		margin: 0px;
		font-size: 13px;
		}
		
/* ----Untere Linkleiste-------------- */				
		
	div.outro {
		margin-top: 0px;
		padding-top: 10px;
		padding-left: 10px;
		padding-bottom: 10px;
		font-size: 11px;
		text-align: left;
		color: #FFFFFF;
		border-bottom: 2px solid #E2001A;
		background-image: url('/images/basic/bg_kontaktflaeche.jpg');
		background-color: #E2001A;
		}		
	div.outro a {
		color: #FFFFFF;
	}	
	div.outro a:hover {
		color: #FFFFFF;
		text-decoration: none;
	}
		
/* ---------content-felder------------- */		
		
	div.absatz {
		margin-bottom: 36px;
		padding-left: 15px;
		border-left: 1px solid #E2001A;
	}
	div.absatz img.linie_rot {
		border: 1px solid #E2001A;
	}

/* ----------weiterempfehlen-href----- */



	a.weiterempfehlen {
		z-index: 14000;
		position: absolute;
		top: 0px;
		right: 335px;
		font-size: 10px;
		}

/* ----------weiterempfehlen-div----- */


	#weiterempfehlen {
		z-index: 15000;
		position: absolute;
		top: 0px;
		right: 335px;
		padding: 15px;
		width: 400px;
		height: 300px;
		color: #E2001A;
		font-size: 10px;
		line-height: 11px;
		text-align: right;
		
		border: 1px solid #E2001A;
		background-color: #FFFFFF;
	}
	
		#weiterempfehlen a {
			font-size: 10px;
			line-height: 15px;
			color: #E2001A;
			text-decoration: underline;
		}
		
		#weiterempfehlen a:hover {
			color: #000000;
			text-decoration: underline;
		}
		
		#weiterempfehlen input {
			margin-bottom: 5px;
			}	
		
		#weiterempfehlen fieldset {
			margin-bottom: 15px;
			padding: 15px;
			height: 100px;
			text-align: left;
			border: 1px solid #E2001A;
			}
		
		#weiterempfehlen fieldset legend {
			padding-left: 5px;
			padding-right: 5px;
			font-weight: bold;
			text-transform: capitalize;
			}
		
		#weiterempfehlen div,
		div.meldung  {
			margin: 10px 0 10px 0;
			color: #FFFFFF;
			font-size: 16px;
			line-height: 25px;
			font-weight: bold;
			background-color: #E2001A;
			}	
			
			div.meldung  {
				text-align:  center;
				}
			
			
		#weiterempfehlen div img {
			padding-top: 5px;
			}		
	
	/*-----------Error-----*/
	
	div.err {
	border: 2px solid #E2001A;
	}