/*
//===================================================================
//					BAtterpix
//		(c)Thomas Battermann, Hamburg, 2010
//===================================================================
//###################################################################
//					APPOINTMENT OF THIS FILE
//					------------------------
//
//	TVA Shipping MAIN Cascading Style Sheet
//	Defines the main layout structure and colors 
//	
//
//###################################################################
*/
/* CSS Document für www.tvashipping.de */

/* Wichtige Farben
hintergrund schwarz		-	#0a0a0a
panorama gelb			-	#dea906
panorama grau			-	#76706c

HEADER---------------------------------------------------------------


BUTTONS--------------------------------------------------------------



CONTENT--------------------------------------------------------------

FOOTER---------------------------------------------------------------


Maße Fenster komplett: 950 x 800px

*/


html, body, div, p, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin: 0;
   padding: 0;
   border: 0px;
   font-family: Verdana, georgia, Geneva, Helvetica, Arial, sans-serif;
   font-size: 12px; 
   font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
   letter-spacing: 1px;
   color: #000000;
}

h2 {
	letter-spacing: 2px;
   color: #76706c;
	font-family: Georgia, Palatino, Verdana, Arial, Geneva, Helvetica, sans-serif;
	line-height: 20px;
	padding-top: 0px;
}

.fronttext {
	letter-spacing: 2px;
   color: #76706c;
	font: bold 14px/20px Georgia, Palatino, Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.fronttext2 {
	letter-spacing: 2px;
   color: #76706c;
	font: bold 16px/20px Georgia, Palatino, Verdana, Arial, Geneva, Helvetica, sans-serif;
	margin-bottom: 15px;
}

.text_farbe {
	color: #000000;
}

.kleinertext {
	font-size: 8px;
	color: #76706c;
}

hr {
	color: #cfcece;
	border-style: solid;
	border-width: 1px;
}

body {
	   background-color: #ffffff;
	   background-image: url(../images/backverlauf.jpg);
	   background-repeat: repeat-x;
	      
}

/*########################################### HOME ###################################### */
/*################################ DIV Main Komplettes Fenster ########################## */
.main {
	position: relative;
	margin: 0 auto;
	width: 905px;
}

.header {
	width: 900px;
	height: 150px;
	background-image: url(../images/logopic.jpg);
	background-repeat: no-repeat;
}

.midpic {
	width: 905px;
	height: 170px;
	background-image: url(../images/midpic_home.png);
	background-repeat: no-repeat;
}

.contentshell {
	position: relative;
	width: 905px;
	background-image: url(../images/schattencont.png);
	background-repeat: repeat-y;
}

/*########################################### Content Left ##################################### */

.content {
	position: relative;
	width: 900px;
	min-height: 400px;
	margin-top: 0px;
	border: 0px;
	background-image: url(../images/contentverlauf.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #f7f5f5;
	
}

.contentleft {
	position: relative;
	width: 180px;
	padding-top: 2px;
	padding-left: 20px;
	min-height: 400px;

}

/*----------------------------------- MAIN BTNS ---------------------------------------------- */

.btncase a, .btncase a:visited  {
	width: 170px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-indent: 10px;
	font-family: georgia, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #72716f;
}

.btncase a:hover {
	color: #01085f;
	background-color: #e9e9e9;
}

#aktiv {
	color: #01085f;
}

.btncase_aktiv a, .btncase_aktiv a:visited  {
	width: 170px;
	height: 30px;
	display: block;
	line-height: 30px;
	text-indent: 10px;
	font-family: georgia, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 14px;
	text-decoration: none;
	color: #01085f;
}

.btncase_aktiv a:hover {
	color: #01085f;
	background-color: #e9e9e9;
}

.menuspacer {
	height: 1px;
	width: 170px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-image: url(../images/menuspacer.jpg);
	background-repeat: no-repeat;
}

.leftpic {
	width: 170px;
	height: 250px;
	margin-top: 20px;
	background-image: url(../images/leftpic.jpg);
	background-repeat: no-repeat;
	
}

.spacer30 {
	width: 180px;
	height: 30px;
}

/*########################################### Content Right ##################################### */

.contentright {
	position: relative;
	width: 700px;
	float: right;
	min-height: 400px;

}

.contentlang {
	position: relative;
	width: 681px;
	height: 15px;
	padding-top: 7px;
	padding-bottom: 8px;
	padding-right: 19px;
}

.deutschbtn a, .deutschbtn a:visited {
	position: relative;
	width: 23px;
	height: 15px;	
	display: block;
	float: right;
	margin-right: 5px;
	background-image: url(../images/deutsch.jpg);
	background-repeat: no-repeat;
}

.deutschbtn a:hover {
	background-image: url(../images/deutsch_hover.jpg);
	background-repeat: no-repeat;
}

.englischbtn a, .englischbtn a:visited {
	position: relative;
	width: 23px;
	height: 15px;
	display: block;
	float: right;	
	background-image: url(../images/english.jpg);
	background-repeat: no-repeat;
}

.englischbtn a:hover {
	background-image: url(../images/english_hover.jpg);
	background-repeat: no-repeat;
}

.contentcase {
	position: relative;
	width: 700px;
	min-height: 370px;
}

.contentmain {
	position: relative;
	width: 460px;
	min-height: 370px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 15px;
	float: left;
	line-height: 15px;
	text-align: justify;

}

.picright {
	position: relative;
	width: 170px;
	height: 420px;
	margin-left: 15px;
	margin-right: 15px;
	float: left;
	background-image: url(../images/rightpic.jpg);
	background-repeat: no-repeat;

}

/*########################################### Footer ##################################### */

.footer {
	width: 905px;
	height: 35px;
	background-image: url(../images/footerpic.png);
	background-repeat: no-repeat;
	line-height: 30px;
	text-align: center;
	font-family: georgia, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	color: #72716f;
}

.footermenu a, .footermenu a:visited {
	width: 905px;
	height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 10px;
	color: #72716f;
	text-decoration: none;
	line-height: 15px;
}

.footermenu a:hover {
	color: #01085f;
}

.footercase {
	position: relative;
	width: 250px;
	height: 20px;
	margin: 0 auto;
}

.menuslash {
	position: relative;
	top: 5px;
	margin-left: 6px;
	margin-right: 6px;
}

/*########################################### Unterseiten ##################################### */

.midpic_kont {
	width: 905px;
	height: 170px;
	background-image: url(../images/midpic_kont.png);
	background-repeat: no-repeat;
}

.midpic_uns {
	width: 905px;
	height: 170px;
	background-image: url(../images/midpic_uns.png);
	background-repeat: no-repeat;
}

.midpic_team {
	width: 905px;
	height: 170px;
	background-image: url(../images/midpic_team.png);
	background-repeat: no-repeat;
}

.midpic_referenz {
	width: 905px;
	height: 170px;
	background-image: url(../images/midpic_referenz.png);
	background-repeat: no-repeat;
}

/*
.footerbtn a, .footerbtn a:visited {
	line-height: 20px;
	font-family: georgia, Verdana, Geneva, Helvetica, Arial, sans-serif;
	font-size: 10px;
	text-decoration: none;
	color: #72716f;
}

.footerbtn a:hover {
	color: #01085f;
}

*/