/* CSS Dokument für TCom-Partner */

html {
	width: 100%;
	height: 100%;
}

body {
	width: 100%;
	height: 100%;
	margin: 0px;
	text-align: center;
	background-image: url(img/bgr.jpg);
	background-repeat: repeat-x;
	background-color: #575959;
}

.outerframe {
	width: 1034px;
	margin: auto;
	clear: both;
	overflow: auto;
	background-image: url(img/bgr_content.jpg);
	background-repeat: repeat-y;
}

.topshadow {
	width: 1034px;
	height: 21px;
	background-image: url(img/top_shadow.jpg);
	background-repeat: no-repeat;
}

.colorbar {
	width: 1034px;
	height: 22px;
	background-image: url(img/color_bar.jpg);
	background-repeat: no-repeat;
}

.leftshadow {
	width: 15px;
	height: 585px;
	float: left;
	background-image: url(img/shadow_left.jpg);
	background-repeat: no-repeat;
}

.innercontainer {
	width: 1004px;
	float: left;
}

.headercontainer {
	width: 1004px;
	height: 200px;
}

.logobox {
	width: 283px;
	height: 200px;
	float: left;
}

.headerpic {
	width: 721px;
	height: 200px;
	float: left;
}

.contentcontainer {
	width: 1004px;
	text-align: left;
}

.navicontainer {
	width: 283px;
	padding-top: 11px;
	float: left;
}

.navibox {
	width: 283px;
	clear: both;
}

.livechatbox {
	width: 283px;
	height: 46px;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: center;
	clear: both;
}

.callbackbox {
	width: 250px;
	margin-left: 33px;
}

.contentbox {
	width: 605px;
	padding-left: 46px;
	padding-right: 40px;
	padding-top: 24px;
	padding-bottom: 50px;
	float: left;
}

.rightshadow {
	width: 15px;
	height: 585px;
	float: left;
	background-image: url(img/shadow_right.jpg);
	background-repeat: no-repeat;
}

.bottomshadow {
	width: 1034px;
	height: 21px;
	background-image: url(img/bottom_shadow.jpg);
	background-repeat: no-repeat;
	clear: both;
}


/* Fonts */

body {
	font-family: Arial, Helvetica, sans-serif;
}

.navicontainer {
	font-size: 11px;
	color: #656765;
}

.contentbox {
	font-size: 12px;
	line-height: 20px;
	color: #434343;
}	

.newsbox {
	font-size: 11px;
	line-height: 18px;
	color: #474747;
}

h1 {
	font-size: 18px;
	margin-bottom: 10px;
	color: #000A4D;
	font-weight: bold;
}

h2 {
	font-size: 14px;
	margin-bottom: 5px;
	color: #000A4D;
}

h3 {
	font-size: 12px;
	margin-bottom: 5px;
	color: #000A4D;
}

.smalltext {
	font-size: 10px;
}

.smalltext2 {
	font-size: 11px;
}

.magentafont {
	color: #E30074;
	font-size: 13px;
}

/* Links */

a:link, a:visited {
	color: #000A4D;
	text-decoration: underline;
}

a:hover, a:active {
	color: #FE8E0B;
	text-decoration: none;
}

.navibutton:link, .navibutton:visited {
	width: 238px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 24px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #000A4D;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-image: url(img/navibut_link.gif);
	background-repeat: no-repeat;
}

.navibutton:hover, .navibutton:active {
	width: 238px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 24px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #FE8E0B;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	background-image: url(img/navibut_hover.gif);
	background-repeat: no-repeat;
}

.navibutton2:link, .navibutton2:visited {
	width: 238px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 24px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #000A4D;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	background-image: url(img/navibut_hover.gif);
	background-repeat: no-repeat;
}

.navibutton2:hover, .navibutton2:active {
	width: 238px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 24px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #FE8E0B;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
	background-image: url(img/navibut_link.gif);
	background-repeat: no-repeat;
}

.subnavibutton:link, .subnavibutton:visited {
	width: 218px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 44px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #000A4D;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background-image: url(img/subnavibut_link.gif);
	background-repeat: no-repeat;
}

.subnavibutton:hover, .subnavibutton:active {
	width: 218px;
	height: 22px;
	margin-left: 10px;
	margin-right: 11px;
	padding-left: 44px;
	padding-top: 6px;
	float: left;
	text-align: left;
	color: #FE8E0B;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
	background-image: url(img/subnavibut_hover.gif);
	background-repeat: no-repeat;
}



/* Sonstiges */

.noborder {
	border: 0px;
}

.border {
	border: 1px solid #000A4D;
}

hr {
	width: 98%;
	height: 1px;
	color: #555555;
}

.floatright {
	float: right;
	margin-left: 10px;
	border: 0px;
}

.table {
border: 1px solid #000153;
}

/* Formulare */

.inputname {
	width: 295px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E4E4E4;
}

.inputbig {
	width: 295px;
	height: 120px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E4E4E4;
}

.inputtime {
	width: 40px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E4E4E4;
}

.inputname_kl {
	width: 195px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.inputtime_kl {
	width: 40px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.inputname_mini {
	width: 125px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E4E4E4;
}

.inputname_vorwahl {
	width: 55px;
	height: 16px;
	border: 1px solid #000A4D;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #E4E4E4;
}

.sendbutton_kl {
	width: 195px;
	height: 20px;
	border: 1px solid #2F2F2F;
	background-color: #FF8E0C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2F2F2F;
}

.sendbutton {
	width: 298px;
	height: 20px;
	border: 2px solid #2F2F2F;
	background-color: #FF8E0C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #2F2F2F;
}