/* ##########################################
Style für TAM-AG Homepage

Aufbau	1. Kalibrierung und allgemeine Styles 
		2. allg. Selectoren
        3. Styles für Layoutbereiche    
        4. Sonstige Styles  


########################################### */
#developbox {
	position: relative;
	width: 100px;
	text-align: center;
	top: 10px;
	left:30px;
	border:1px solid yellow;
	padding: 8px;
	background-color:red;
	display:none;
}
	#developbox h2 {
		color:yellow;
		font-size:14px;
	}


/* Kalibrierung */

* { margin: 0; padding: 0; }

html[xmlns^="http"]
         {
         /* verhindert Mozilla-Zucken
		  * bei seiten, wo ein scrollbalken 
		  * mal da ist und mal nicht
          * > Firefox 1.5
          */
         overflow-y: scroll;
         } 

/* ENDE Kalibrierung */

/* allgemeine Selectoren festlegen */
h1 { font-size: 150%; } 
h2 { font-size: 130%; }
h3 { font-size: 110%; }

address {
   text-align: center;  
   font-size: 80%;      
   font-style: normal; 
   line-height: 1.5em;  
}

/* Hyperlinks */
a { text-decoration: none; outline: none;} 
a:link { color: #333366; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } 
a:visited { color: #333366; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
a:hover, 
a:focus { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration: underline;}
a:active { color: #333366; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }



body {
	background-color: #ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
	overflow-x:auto;
	background-image: url(../images/bg_tamag.png);
	background-repeat: repeat-x;
}

td { 
	color: black;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 4px;
}

div {
	color:black;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

hr {
	margin: 20px 200px;
	border-top: 2px solid #333366;
}

/* ENDE allg. Selectoren */

/* Styles fuer Layoutbereiche */






#wrapper {
	margin: 10px auto;
	width: 1000px;
	border: 0px solid red;
}




/* STtyle fuer Navigation */

#navigation {
	border: 0px solid green;	/* nur debug */
	margin-left: 20px;
	margin-top:  -5px;
	height: 27px;
}
#navigation td { padding: 0px; }

#navigation a { text-decoration: none; outline: none;} 
#navigation a:link { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; } 
#navigation a:visited { color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }
#navigation a:hover, 
#navigation a:focus { font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; text-decoration: none;}
#navigation a:active { color: #330000; font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; }





.bg1 {
	background-image: url(../images/cube_lightgray.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
}

.bg2 {
	background-image: url(../images/cube_red.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
}



.menuedots {
	background-image: url(../images/cube_lightgray.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
}

.bg_sub1 {
	background-image: url(../images/cube_lightgray.png);
	background-repeat: no-repeat;
	background-position:11px 2px;
}

.bg_sub2 {
	background-image: url(../images/cube_red.png);
	background-repeat: no-repeat;
	background-position:11px 2px;
}

.blog_white {
	background-image: url(../images/blog.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
}

.blog_red {
	background-image: url(../images/blog_hover.png);
	background-repeat: no-repeat;
	background-position:2px 2px;
}

.menuedots_sub {
	background-image: url(../images/cube_lightgray.png);
	background-repeat: no-repeat;
	background-position:11px 2px;
}

/* ENDE Style Navigation */

/* Style fuer Britkrume */

#brotkrume {
	color: #990000;
	font-weight: bold;
	background-image: url(../images/cube_red.png);
	background-repeat: no-repeat;
	background-position: 0px 11px;
	padding-left: 16px;
	border: 0px solid black;	/* nur debug */
	padding-top: 10px;
	margin-left: 30px;
}

/* ENDE Style fuer Brotkrume */

/* Style fuer Contentboxen */ 

#content { clear: both; }

#contenttop {
	border: 0px solid red; /* nur debug */
	background-image:url(../images/content_top.png); 
	background-repeat:no-repeat;
}
#contentmiddle {
	border: 0px solid yellow;	/* nur debug */
	background-image:url(../images/content_middle.png); 
	background-repeat:repeat-y;
	position: relative;
	width: 760px;
	padding-top: 10px;
}
	#wrappercontentmiddle {
		margin: 0px auto;
		width: 700px;
		padding-left: 10px;
	}
#contentbottom {
	border: 0px solid green;	/* nur debug */
	background-image:url(../images/content_bottom.png); 
	background-repeat:no-repeat;
	height: 40px;
}




/* #############################################
 Arbeiten bei der Trendadress Medein AG
############################################## */

#wrappercontent {
	margin: 0px auto; /* Layout in der Mitte zentrieren */
	width: 540px;
	padding-top: 10px;
}

.content1 {
	background-color: #cccccc;
	border: 1px solid #990000;
	padding: 4px;
}
		.contenticon1 {
			position:relative;
			z-index: 2;
		}
		.contentheader1 {
			z-index: 1;
			color: white;
			font-weight:bold;
			background-color: #990000;
			position:relative;
			top: -35px;
			padding: 4px 0 4px 90px;
		}
		.contentsubheader1 {
			color: white;
			font-weight: bold;
			background-color: #333366;
			padding: 4px 0px 4px 10px;
		}
		.contentsub1 {
			margin-top: 4px;
			margin-bottom: 10px;
			padding-left: 10px;
		}
		.contentsub2 {
			background-color: #eeeeee;
			border: 1px dashed #333366;
			padding: 10px 10px 0px 10px;
			margin-bottom: 8px;
			height: 90px;
			text-align: justify;
		}
			#contentbild {
				float:right; 
				background-image: url(../bilder_user/1/background_portrait.png); 
				width: 85px; 
				height: 85px;
				background-repeat: no-repeat; 
				position: relative;
				padding-left: 5px;
				margin-left:10px;
			}
		
/* Wir ueber und Baden-Baden */

#tamag1 {
	border: 1px solid #990000;
	width: 698px;
	height:210px;
	
}
	#tamag1header {
	
		background-color: #990000;
		color: white;
		font-size: 80%;
		padding:4px 0px 4px 20px;
		
	}
	#tamag1wrapper {
		float:left;
		width:700px;
		border:0px solid #990000;
		
	}
	#tamag1content1 {
	border: 1px solid #990000;
		width: 250px;
		height: 155px;
		float: left;
		background-color: #cccccc;
		text-align: justify;
		padding: 4px;
		margin-top: 10px;
		margin-left: 20px;
	
	}
	#tamag1content2 {
	border: 1px solid #990000;
		width: 250px;
		height: 155px;
		float: left;
		text-align: justify;
		background-color: #cccccc;
		padding: 4px;
		margin: 10px 20px 0px 10px;
	}
	#tamag1villa {
	border: 0px solid red;
		width: 108px;
		height: 160px;
		float: left;
		margin-top: 11px;
	}
	#tamag1abtheader {
		color: white;
		background-color: #990000;
		padding: 4px;
		text-align: center;
	}



/* Wir ueber uns - CSR */

#csrheader {
	background-color: #990000;
	color: white;
	font-weight: bold;
	text-align: center;
	padding: 4px;
}
#csrcontent {
	background-color: #cccccc;
	padding: 10px 5px;
	border: 1px solid #990000;
	text-align: justify;
}
#csrcontentheader {
	background-color: #333366;
	color: white;
	font-weight: bold;
	padding: 4px;
	text-align: center;
	
}
#csrexamplewrapper {
	padding: 0px 4px 10px 4px;
	border: 1px solid #333366;
}
.csrexamples {
	background-color: white;
	padding: 4px;
	text-align: justify;
	border: 1px solid #333366;
	margin-top: 10px;
}


/* Produkt itsbetter */

#zitatpicasso {
	z-index: 3; 
	position: absolute;
	left: 346px;  
	top: 52px;
	padding: 5px; 
	background-color: #e5e5e5;
	border: 1px dashed #333366; 
}


/* Presse */

#presseheader {
	color: white;
	background-color: #990000;
	padding:4px 2px 2px 20px;
}

#pressecontentwrapper {
	border: 1px solid #990000;
	background-color: #cccccc;
	text-align:justify;
	
}
	#pressecontent {
		padding: 20px 10px 20px 0px;
	}
	#presseicon {
		margin-right: 10px;
		margin-left: 10px;
		float:left;
	}

#presseberichte {
	clear: both;
	margin-top: 5px;
}

	.pressetable {
		margin-top: 20px;
		border-left: 1px solid #333366;
		border-right: 1px solid #333366;
		background-color: #cccccc;
		width: 100%;
	}
	.pressetdheader {
		background-color: #333366;
		color: white;
		font-weight: bold;
		text-align: center;
		
	}
	.pressetdlink {
		width: 150px;
		border-bottom: 1px solid #333366;
		padding: 5px;
	}
	.pressetdcontent {
		border-bottom: 1px solid #333366;	
		padding: 5px;	
	}

/* News bei der Trendadress */

.newstamagwrapper {
	border: 1px solid #990000;
	background-color: #cccccc;
}

.newstamagheader {
	color: white; 
	text-align: center;
	background-color: #990000;
	padding:4px 2px 2px 20px;
	
}

.newstamagcontent {
	margin-top: 20px;
	padding: 10px;
	text-align: justify;
	color: black;
}

.newstamagbild {
	float: right;
	margin: 15px 10px 20px 20px;
}

/* Presse Referenzen */

#referenzheader {
	background-color: #990000;
	color: white;
	font-weight: bold;
	text-align: center;
}

#referenzentable {
	border-left: 1px solid #333366;
	border-right: 1px solid #333366;
	background-color: #cccccc;
	width:700px;
}

.referenztdlogo {
	padding: 10px 10px 10px 10px;
	border-bottom: 2px solid #333366;
}

.referenztdcontent {
	text-align: justify;
	padding: 10px 4px 10px 4px;
	border-bottom: 2px solid #333366;
}

.referenztdcca {
	width: 100px;
	text-align: center;
	padding: 10px 4px 10px 4px;
	border-bottom: 2px solid #333366;
}
.referenzshadowpic {
	margin-left:8px; 
	background-image: url(../bilder_user/1/background_portrait.png); 
	width: 85px; 
	height: 85px;
	background-repeat: no-repeat; 
}
.referenzlinkitsbetter {

}


/* Internationale Niederlassungen */

#tamaginternationalwrapper {
	width: 700px; 
	height: 370px;
} 

#tamaginternationalcontent {
	padding-top: 20px;
	padding-left: 10px;
} 

#tamaginternational {
	width: 1px; 
	height: 1px;
	/*background-image: url(../images/weltkarte.png);*/
	position: absolute;
} 


/* TAMAG Vortraege und Referenten */

#tamagvortraege {
	border: 1px solid #333366;
	background-color: #cccccc;
	margin-left: 30px;
}
	#tamagvortraegeheader {
		background-color: #990000;
		color: #ffffff;
		font-weight: bold;
	}
	.tamagvortraegecontent {
		background-color: white;
		padding: 4px;
		margin-top: 8px;
		border: 1px dashed #333366;
	}
#tamagvortraegereferenten {
	position: absolute;
	top: 75px;
	left: 600px;
	width: 150px;
}
	.tamagvortraegereferenteneinzeln {
		background-image: url(../bilder_user/1/background_portrait.png); 
		width: 120px; 
		height: 85px;
		background-repeat: no-repeat;
		padding-left: 5px; 
		margin-top:10px;
	}


/* Anfrage Formular */

#wrapperanfrage {
	padding-left: 10px;
	padding-top: 20px;
	background-image:url(../images/bg_anfrage.png);
	background-repeat: no-repeat;
	border: 0px solid #d62249; 
	width: 470px; 
	height:370px; 
}



/* ENDE Styles fuer Layoutbereiche */

/* Style Little Boxes */

#littleboxes {
	position: absolute;
	left: 768px;
	border: 0px solid red;
	top: -24px;
}

#jobs {
	
	background-image: url(../bilder_user/1/home_box_anschrift.png);
	width: 220px;
	height: 150px;
	background-repeat: no-repeat;
}
	#jobsheader {
		padding: 8px 0 0 70px;
	}
	#jobscontent {
		margin: 18px 0 15px 10px;
	}

#news {
	
	background-image: url(../bilder_user/1/home_box_anschrift.png);
	width: 220px;
	height: 150px;
	background-repeat: no-repeat;
}
	#newsheader {
		padding: 8px 0 0 85px;
	}
	#newscontent {
		margin: 10px 15px 15px 8px;
		font-size: 9px;
		text-align:justify;
	}

#mittelstand {
	
	background-image: url(../bilder_user/1/home_box_anschrift.png);
	width: 220px;
	height: 150px;
	background-repeat: no-repeat;
}
	#mittelstandheader {
		padding: 8px 0 0 70px;
		color: white;
		font-weight: bold;
	}
	#mittelstandcontent {
		margin: 15px 0 15px 40px;
	}

#ansprechpartner {
	background-image: url(../bilder_user/1/home_box_anschrift.png);
	width: 220px;
	height: 150px;
	background-repeat: no-repeat;
}
	#ansprechpartnerheader {
		padding: 8px 0 0 60px;
	}

	#ansprechpartner_presse_header {
		padding: 8px 0 0 38px;
	}

	#ansprechpartner_vertrieb_header {
		padding: 8px 0 0 35px;
	}

	#ansprechpartner_social-media_header {
		padding: 8px 0 0 25px;
	}

	#ansprechpartnercontent {
		margin: 10px 0 5px 5px;
	}
	#ansprechpartnerbild {
		background-image: url(../bilder_user/1/background_portrait.png); 
		width: 45px;
		height: 45px; 
		background-repeat: 
		no-repeat;  
		text-align: center; 
		position: absolute; 
		top: 43px; 
		right: 8px;
		display: none;
	}


/* ENDE Littel Boxes */



/* allgemein gültige Klassen */

.marker_blue {
	color: white;
	background-color: #333366;
	font-weight: bold;
	border: 1px solid white;
}