/*******************************************
 * @media		screen
 * @section		body & basics
 ******************************************/

body {
	font-family: sans-serif;
	font-size: 12px;
	color: #4f4f4f;
}

a {
	color: #E2001A;
	text-decoration: none;<
}

a:hover {
	text-decoration: underline;
}

.red 			{ color: #E2001A; }
.align-left		{ text-align: left; }
.align-center	{ text-align: center !important; }
.align-right 	{ text-align: right; }
.m-top-0 		{ margin-top: 0px !important; }
.m-top-5 		{ margin-top: 5px !important; }
.m-top-20 		{ margin-top: 20px !important; }
.m-top-30 		{ margin-top: 30px !important; }
.m-bottom-0		{ margin-bottom: 0px !important; }
.m-bottom-20 	{ margin-bottom: 20px !important; }
.m-bottom-30 	{ margin-bottom: 30px !important; }
.m-right-10		{ margin-right: 10px !important; }
.p-20 			{ padding: 20px !important; }
.bordered 		{ border: 1px solid #c0c0c0 !important; }
.left 			{ float: left; }
.right 			{ float: right; }
.relative		{ position: relative; }
.foreground		{ z-index: 100; }

.rounded {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*******************************************
 * @section		header
 ******************************************/

.notice-old-browser {
	display: none;
}

#header {
	width: 900px;
	padding: 0px 28px;
	height: 275px;
	margin: 0px auto 25px auto;
	position: relative;
	background-repeat: no-repeat;
	background-position: bottom center;
}

#header #logo {
	display: block;
	background: url(../../ii/content/logo-interred-company.png) no-repeat 30px 25px;
	width: 240px;
	height: 115px;
}
#header #header-image {
	background-repeat: no-repeat;
	background-position: bottom center;
	display: block;
	background-repeat: no-repeat;
	background-position: bottom center;
	height: 200px;
	position: absolute;
	top: 75px;
	width: 100%;
	left: 0px;	
}

#header #header-tablet-image{
	display: none;
}

#header #shadow-top {
	height: 50px;
	position: absolute;
	top: 70px;
	width: 100%;
	left: 0px;
	background: url(../../ii/bg/bg-header-shadow-top.png) no-repeat center;
	z-index: 2;
}

#header #shadow-bottom {
	height: 50px;
	position: absolute;
	bottom: -8px;
	width: 100%;
	left: 0px;
	background: url(../../ii/bg/bg-header-shadow-bottom.png) no-repeat center;
	z-index: 2;
}

#header ul.navigation {
	position: absolute;
	right: 0px;
	bottom: 217px;
}

#header ul.navigation > li {
	float: left;
	position: relative;
}

#header ul.navigation > li > a {
	background: #454545;
	padding: 11px 15px;
	display: block;
	color: #fff;
	font-size: 11px;
	position: relative;
	z-index: 21;
	text-decoration: none;
}

#header ul.navigation > li > a.first {
	-moz-border-radius: 8px 0px 0px 8px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 5px;
}

#header ul.navigation > li:hover > a, #header ul.navigation > li > a.active {
	background: #DE2119 url(../../ii/bg/bg-hover-red.png) repeat-x center;
}

#header ul.navigation li.languageswitch {
	text-transform: uppercase;
}

#header ul.navigation li ul {
	display: none;
	position: absolute;
	top: 33px;
	border-top: 1px solid #2F2929;
	width: 220px;
	left: 0px;
	z-index: 21;
	opacity: 0.93;
}

#header ul.navigation li.to-left ul {
	right: 0px;
	left: auto;
}

#header ul.navigation li.has-submenu:hover a {
	text-decoration: none;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
}

#header ul.navigation li.has-submenu:hover ul {
	display: block;
}

#header ul.navigation > li ul li {
	display: block;
	float: none;
	margin: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#header ul.navigation > li ul li.foot {
	background-color: #454545;
	padding: 2px 10px 4px 10px;
	-moz-border-radius: 0px 0px 15px 15px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 15px; 
	-webkit-border-bottom-left-radius: 15px;
}

#header ul.navigation > li ul li a {
	padding: 7px 10px 8px 10px;
	display: block;
	font-size: 11px;
	background-color: #454545;
	color: #fff;
	border-bottom: 1px solid #5F5F5F;
}

#header ul.navigation > li ul li a:hover {
	background: #DE2119 url(../../ii/bg/bg-hover-red.png) repeat-x center;
	color: #fff;
}

#header ul.navigation li.search > a {
	background: #DE2119 url(../../ii/icons/search.png) no-repeat center;
	height: 11px;
	padding-right: 20px;
	padding-left: 20px;
}

#header ul.navigation li.search > a:hover, #header ul.navigation li.search-active > a {
	background-image: url(../../ii/icons/search-shadow.png);
}

#header ul.navigation li.logout > a {
	background: #DE2119 url(../../ii/icons/logout.png) no-repeat center;
	height: 11px;
	padding-right: 20px;
	padding-left: 20px;
}

#header ul.navigation li.logout > a:hover {
	background-image: url(../../ii/icons/logout-shadow.png);
}

#header ul.navigation li.search form {
	display: none;
	position: absolute;
	top: 33px;
	right: 0px;
	background-color: #454545;
	border-top: 1px solid #2F2929;
	z-index: 20;
	padding: 10px 8px 13px 18px;
	width: 240px;
	-moz-border-radius-bottomleft: 9px;
	-webkit-border-bottom-left-radius: 9px;
}

#header ul.navigation li.search form input.text {
	float: left;
	color: #c0c0c0;
	font-family: inherit;
	width: 170px;
	font-size: 11px;
	padding: 12px 12px 12px 32px;
	border: 1px solid #2F2929;
	margin-right: 5px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 5px;
	background: #3F3737 url(../../ii/icons/icon-search-mini.png) no-repeat 10px center;
}

#header ul.navigation li.search form input.text:focus {
	color: #fff;
}

#header ul.navigation li.search form input.submit {
	float: left;
	color: #fff;
	padding: 13px 0px;
	width: 15px;
	border: 0px;
	height: 30px;
	background: url(../../ii/icons/navigate-right-small.png) no-repeat 0px 3px;
}

#header ul.navigation li.search form input.submit:hover {
	background-position: -1px -25px;
	cursor: pointer;
}

/*******************************************
 * @section		subnavigation
 ******************************************/

#content .breadcrumb {
	font-size: 11px;
	margin-top: -5px;
}

#content .breadcrumb a {
	margin: 0px 3px;
}

#content .breadcrumb .active {
	background: url(../../ii/bg/bg-cloud.png) #f9f9f9;
	display: inline-block;
	padding: 7px 15px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px;
	color: #3a3a3a;
	border: 1px solid #ddd;
	border-bottom: 1px solid #f9f9f9;
	position: relative;
	z-index: 11;
	bottom: -1px;
	margin: 0px 4px;
}


#content .subnavigation {
	background: url(../../ii/bg/bg-cloud.png) #f9f9f9;
	padding: 5px 60px;
	margin: 0px -60px 20px -60px;
	border: 1px solid #ddd;
	border-left: 0px;
	border-right: 0px;
}

#content .subnavigation li a {
	display: block;
	float: left;
	padding: 5px 8px 6px 8px;
	margin-right: 8px;
	color: #3f3f3f;
	font-size: 11px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .subnavigation li a.active, #content .subnavigation li a:hover {
	color: #3a3a3a;
	background-color: #eee;
	text-decoration: none;
}

/*******************************************
 * @section		footer
 ******************************************/

#footer {
	padding: 40px 20px;
	width: 914px;
	margin: 25px auto 0px auto;
	clear: both;
	position: relative;
	border: 1px solid #5F5F5F;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #3a3a3a url(../../ii/bg/bg-banderole.png);
}

#footer * {
	color: #eee;
	vertical-align: top;
	font-size: 11px;
}

#footer p {
	width: 840px;
	margin: 0px auto 20px auto;
}

#footer ul.navigation {
	width: 840px;
	margin: 0px auto;
}

#footer ul.navigation li {
	display: inline;
}

#footer ul.navigation li a:hover {
	text-decoration: underline;
}

#footer ul.navigation > li > ul > li > a {
	padding-right: 7px;
}

#footer ul.navigation > li {
	padding: 5px 0px;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	display: inline;
	line-height: 220%;
	padding-right: 5px;
}

#footer ul.navigation > li.foot, #footer ul.navigation > li.search, #footer ul.navigation > li.languageswitch, #footer ul.navigation > li.logout {
	display: none;
}

#footer ul.navigation > li > ul {
	display: inline;
	padding-left: 5px;
}

#footer ul.navigation > li > ul > li {
	float: none;
	font-weight: normal;
}

/*******************************************
 * @section		content
 ******************************************/

#content {
	width: 840px;
	padding: 0px 40px;
	margin: 0px auto;
	position: relative;
}

#content h1 {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 12px;
	line-height: 130%;
	padding-bottom: 5px;
	position: relative;
}

#content h1.bigger {
	font-weight: bold;
	font-size: 26px;
	margin-bottom: 8px;
	line-height: 130%;
	letter-spacing: 1px;
}

#content h1 .productmarker {
	display: block;
	color: #000;
	float: left;
	margin: -4px 13px 0px -2px;
	font-size: 35px;
	letter-spacing: 3px;
}

#content .quotebox {
	line-height: 170%;
	clear: both;
	padding: 10px;
	border: 1px solid #eee;
	font-style: italic;
	margin: 10px 0px;
}

#content .quotebox blockquote {
	display: inline;
}

#content .quotebox blockquote strong {
	display: block;
	margin: 5px 5px 0px 0px;
	text-align: right;
}

#content .pagination {
	text-align: right;
	position: relative;
	z-index: 20;
}

#content h1 + .pagination {
	margin: -40px 0px 25px 0px;
}

#content .pagination li {
	font-size: 12px;
	margin-right: 5px;
	line-height: 100%;
	font-weight: bold;
	display: inline;
}

#content .pagination li a {
	display: inline;
	padding: 5px 7px;
}

#content .pagination li a:hover, #content .pagination li a.active {
	text-decoration: none;
	background-color: #eee;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 4px 6px;
	color: #000;
}

#content .sidebar .pagination {
	text-align: left;
	margin-bottom: 20px;
	padding-left: 0px;
	list-style-type: none;
	position: static;
}

#content .sidebar .pagination li, #content .sidebar .pagination li a {
	display: block;
	margin-bottom: 3px;
	line-height: 140%;
	font-weight: normal;
}

#content .sidebar .pagination li a span {
	font-weight: bold;
}

#content h2 {
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 12px;
	line-height: 130%;
}

#content h2 a.top {
	display: block;
	position: absolute;
	width: 50px;
	height: 22px;
	left: -19px;
	text-align: center;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
	color: #000;
	background: url(../../ii/icons/arrow-up.png) no-repeat center;
	opacity: 0.5;
}

#content h2 a.top:hover {
	opacity: 1.0;
}

#content h2 a.anchor {
	color: #4F4F4F;
	text-decoration: none;
	cursor: default;
}

#content h4 {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 8px;
	margin-top: 20px;
}

#content h5 {
	font-weight: bold;
	font-size: 12px;
}

#content h6 {
	font-size: 12px;
	margin-bottom: 4px;
}

#content p.introduction {
	line-height: 160%;
	font-size: 15px;
	margin: 0px;
	margin-bottom: 20px;
	font-style: italic;
}
.homepage {
	background: url(../../ii/bg/bg-body.png) repeat-y top center;
	width: 984px;
	margin: 0 auto;
	position: relative;
}

.startseite #content p.introduction {
	margin-bottom: 20px;
	font-size: 15px;
	line-height: 180%;
	font-weight: bold;
	font-style: normal;
}

#content p.introduction a {
	font-weight: bold;
}

#content p.introduction a:hover {
	text-decoration: none;
	border-bottom: 1px solid #4F4F4F;
}

#content p {
	line-height: 170%;
	margin: 15px 0px 20px 0px;
	font-size: 13px;
}

p.message {
	color: #fff;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

p.error {
	background-color: #E34640;
}

p.success {
	background-color: #70AF41;
}

#content p em {
	font-style: italic;
}

#content p img.left {
	float: left;
	margin: 10px 20px 10px 0px;
}

#content p .imagebox, #content div.imagebox {
	margin: 5px 0px 10px 0px;
	padding: 0px;
	position: relative;
	font-style: italic;
}

#content p .imagebox.left, #content div.imagebox.left {
	float: left;
	margin-right: 20px;
}

#content p .imagebox.right, #content div.imagebox.right {
	float: right;
	margin-left: 20px;
}

#content p .imagebox img, #content div.imagebox img {
	display: block;
	margin-bottom: 7px;
}

#content p .imagebox .zoom, #content div.imagebox .zoom {
	position: absolute;
	width: 35px;
	height: 35px;
	display: none;
	top: 0px;
	right: 0px;
	background: #5B5B5B url(../../ii/icons/icon-search-mini.png) no-repeat center;
	-moz-border-radius: 0px 0px 0px 5px;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 5px;
}

#content p .imagebox .zoom:hover, #content div.imagebox .zoom:hover {
	background-color: #DE2119;
}

#content p .imagebox span, #content div.imagebox span {
	display: block;
	line-height: 170%;
}

#content .contentbox.has-sidebar {
	float: left;
	width: 590px;
}

#content .sidebar {
	float: right;
	width: 180px;
	overflow: hidden;
	padding-left: 40px;
	margin-top: 20px;
	min-height: 200px;
	background: url(../../ii/bg/bg-line-fadeout.png) no-repeat -25px center;
}

#content .sidebar ol.subarticle-navigation {
	list-style-type: decimal;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	margin-bottom: 20px;
	padding: 5px 0px;
}

#content .sidebar ol.subarticle-navigation li {
	margin: 10px 10px 10px 30px;
	font-size: 11px;
}

#content .sidebar ol.subarticle-navigation li a {
	display: block;
}

#content .sidebar .box {
	margin: 0px 0px 20px 0px;
}

#content .sidebar img {
	margin-bottom: 10px;
}

#content .sidebar p {
	margin-top: 0px;
}

#content .sidebar .box.standard p {
	padding: 10px;
	font-style: normal;
	border: 1px solid #eee;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../../ii/bg/bg-cloud.png);
}

#content .sidebar .box.partner {
	border: 2px solid #eee;
	padding: 10px;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	margin-bottom: 15px;
}

#content .sidebar .box.partner p {
	margin-bottom: 0px;
	font-style: normal;
}

#content .sidebar .box.partner p:first-line {
	font-weight: bold;
}

#content .sidebar .box.standard p strong {
	display: block;
}

#content .sidebar .box.standard p img {
	margin-bottom: 0px;
	border: 1px solid #eee;
}

#content .sidebar ul {
	list-style-type: square;
	line-height: 160%;
	padding: 0px 0px 0px 13px;
}

#content .sidebar h2 {
	margin-top: 10px;
	font-size: 12px;
	line-height: 140%;
	text-align: center;
}

#content .sidebar ul.thumbnails {
	list-style-type: none;
	padding: 0px;
}

#content .sidebar ul.thumbnails li a {
	display: block;
	margin: 0px 10px 10px 0px;
	width: 48px;
	height: 48px;
	border: 1px solid #ddd;
	overflow: hidden;
	float: left;
}

#content .sidebar .box p {
	font-style: italic;
	font-size: 11px;
}

#content .sidebar ul.toolbox {
	list-style-type: none;
	margin-top: 15px;
	padding-bottom: 30px;
}

#content .sidebar ul.toolbox li {
	float: left;
	position: static;
	margin-left: 7px;
}

#content .sidebar ul.toolbox li a {
	display: block;
	width: 40px;
	height: 40px;
	background-repeat: no-repeat;
	background-position: center;
	opacity: 0.4;
	filter: alpha(opacity=40);
	position: relative;
	text-decoration: none;
	color: #4F4F4F;
}

#content .sidebar ul.toolbox li a span {
	display: none;
	position: absolute;
	bottom: -15px;
	right: 50%;
	margin-right: -35px;
	width: 70px;
	white-space: nowrap;
	font-size: 11px;
	text-align: center;
}

#content .sidebar ul.toolbox li a:hover span {
	display: block;
}

#content .sidebar ul.toolbox li a:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#content .sidebar ul.toolbox li a.print {
	background-image: url(../../ii/icons/icon-print.png);
}

#content .sidebar ul.toolbox li a.mail {
	background-image: url(../../ii/icons/icon-mail.png);
}

#content .sidebar ul.toolbox li a.pdf {
	background-image: url(../../ii/icons/icon-pdf.png);
}

#content ul.products li {
	width: 145px;
	height: 35px;
	padding: 10px;
	border: 1px solid #ddd;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	background-repeat: no-repeat;
	background-position: center;
}

#content ul.products li a {
	display: block;
	width: 145px;
	height: 35px;
}

#content .teaserlist-fullsize li {
	clear: both;
	margin-top: 20px;
	margin-bottom: 30px;
}

#content .teaserlist-fullsize li.important {
	border: 1px solid #ddd;
	padding: 10px 15px 0px 15px;
	margin: 0px -15px;
	background-color: #f9f9f9;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content .teaserlist-fullsize h2 {
	margin-bottom: 5px;
	font-size: 17px;
}

#content .teaserlist-fullsize h2 a {
	color: #4F4F4F;
}

#content .teaserlist-fullsize li.important h2 a {
	color: #E3433C;
}

#content .teaserlist-fullsize p {
	margin: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}

#content .teaserlist-fullsize div.image {
	margin: 5px 0px;
	overflow: hidden;
}

#content .teaserlist-fullsize div.block {
	width: 130px;
	margin-top: 3px;
	height: 130px;
	border: 1px solid #ddd;
	background-repeat: no-repeat;
	background-position: center;
}

#content .teaserlist-fullsize div.image.left {
	float: left;
	margin-right: 15px;
}

#content .teaserlist-fullsize div.image.right {
	float: right;
	margin-left: 15px;
}

#content .teaserlist-images li {
	width: 150px;
	height: 100px;
	float: left;
	position: relative;
	padding: 10px;
	border: 1px solid #eee;
	margin: 0px 22px 22px 0px;
}

#content .teaserlist-images li a {
	position: relative;
	width: 150px;
	height: 100px;
	display: block;
	overflow: hidden;
}

#content .teaserlist-images li a span {
	display: block;
	font-size: 11px;
	position: absolute;
	bottom: 0px;
	opacity: 0.9;
	filter: alpha(opacity=90);
	left: 0px;
	width: 140px;
	background-color: #fff;
	padding: 7px 5px;
	text-align: center;
	color: #3A3A3A;
}

#content .teaserlist-images li a:hover span {
	opacity: 1.0;
	filter: alpha(opacity=100);
	color: #DE2119;
	padding-bottom: 10px;
}

#content .teaserlist-images li a:hover {
	text-decoration: none;
}

#content .teaserlist-blocklinks {
	overflow: hidden;
}

#content .teaserlist-blocklinks li a {
	border-color: #EEEEEE #DDDDDD #DDDDDD #EEEEEE;
	border-style: solid;
	border-width: 1px;
	display: block;
	float: left;
	line-height: 68px;
	text-align: center;
	width: 184px;
}

#content .teaserlist-blocklinks li {
	float: left;
	margin: 0px 10px 10px 0px;
}

#content .teaserlist-blocklinks li a:hover {
	text-decoration: none;
	background-color: #f9f9f9;
}
#content .support_code{
	border: 1px solid #ddd;
	padding: 15px 15px 10px 18px;
	background: #f9f9f9 url(../../ii/bg/bg-code.png);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	line-height:18px;
	overflow-x:auto;
}
#content .support_code p{
	line-height:18px;
	font-family:monospace;
	white-space:pre;
	margin-top:2px;
}
#content .linklist-codebeispiele
{
	padding: 5px 0 5px 25px;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	background-color:#F9F9F9;
	border:1px solid #DDD;
	margin-bottom:20px;
} 


/*******************************************
 * @section		tabellen
 ******************************************/

#content table.downloads {
	border: 1px solid #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	margin-bottom: 20px;
}

#content table.downloads td {
	padding: 10px;
	border: 1px solid #ddd;
	text-align: center;
	vertical-align: middle;
}

#content table caption {
	padding: 8px 10px;
	background-color: #eee;
	border: 1px solid #ddd;
	border-bottom: 0px;
	font-weight: bold;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-webkit-border-bottom-right-radius: 0px; 
	-webkit-border-bottom-left-radius: 0px;
}

#content table.downloads td:first-child {
	width: 500px;
	text-align: left;
}

#content table.downloads tr.alternative td {
	background-color: #f9f9f9;
}

#content table.downloads td a {
	display: block;
	width: 40px;
	height: 16px;
	background-repeat: no-repeat;
	background-position: center;
}

#content table.downloads td a.pdf {
	background-image: url(../../ii/icons/icon_pdf.png);
}

#content table.downloads td a.zip {
	background-image: url(../../ii/icons/icon_zip.png);
}

/*******************************************
 * @section		standard-linkliste/-linkboxen
 ******************************************/

ul.linklist-standard {
	list-style-type: square;
	color: #4F4F4F;
	padding: 0px 0px 0px 17px;
}

ul.linklist-standard li {
	padding: 7px;
	line-height: 150%;
}

ul.linklist-standard li a {
	display: block;
}

.infobox {
	margin-bottom: 20px;
}

.infobox h5 {
	background-color: #eee;
	padding: 5px 15px;
	float: left;
	border: 2px solid #eee;
	border-bottom: 2px solid #eee;
	margin-bottom: -2px;
	-moz-border-radius: 0px 7px 0px 0px;
}

.infobox ul {
	clear: both;
	border: 2px solid #eee;
	border-right-color: #ddd;
	border-bottom-color: #ddd;
	padding: 3px 10px 3px 25px;
	font-size: 11px;
}

.infobox ul li {
	padding: 4px;
	border-bottom: 1px solid #f0f0f0;
}

.infobox ul li:last-child {
	border-bottom: 0px;
}

.aufzaehlung {
	padding: 4px;
	font-style: italic;
	list-style-type: square;
	display: list-item;
	margin-left: 15px;
	line-height: 160%;
}

.aufzaehlung span.liste {
	display: none;
}

/*******************************************
 * @section		content: banderole
 ******************************************/

#content #banderole {
	background: #3a3a3a url(../../ii/bg/bg-banderole.png);
	width: 846px;
	padding: 0px 55px;
	margin: -10px 0px 30px -58px;
}

#content #banderole #left {
	width: 500px;
	border-right: 1px solid #fff;
	padding: 20px 20px 20px 0px;
	float: left;
}

#content #banderole #left img {
	border: 4px solid #fff;
	margin-right: 20px;
	float: left;
}

#content #banderole h1 {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 5px;
	border-bottom: 0px;
	padding-bottom: 0px;
}

#content #banderole p {
	color: #fff;
	line-height: 175%;
	font-size: 12px;
	margin-bottom: 0px;
	margin-top: 0px;
}

#content #banderole a {
	color: #fff;
	font-weight: bold;
	border-bottom: 1px dotted #9F9F9F;
}

#content #banderole a:hover {
	border-color: #fff;
	text-decoration: none;
}

#content #banderole #right {
	padding: 20px 0px 20px 20px;
	float: left;
	width: 300px;
	height: 151px;
	border-left: 1px solid #fff;
	position: relative;
	margin-left: -1px;
	background: url(../../ii/bg/bg-rotation.png) no-repeat 48px center;
}

#content #banderole h2 {
	color: #fff;
	font-weight: bold;
	font-size: 17px;
	margin-bottom: 5px;
}

#content #banderole #right .rotation {
	width: 240px;
	height: 150px;
	overflow: hidden;
	margin-left: 40px;
	position: relative;
}

#content #banderole #right .navigate {
	display: block;
	height: 43px;
	width: 30px;
	border-bottom: 0px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center top;
}

#content #banderole #right .rotation li {
	display: none;
}

#content #banderole #right .rotation li.active {
	display: block;
}

#content #banderole #right .rotation li a.element {
	display: block;
	width: 240px;
	height: 150px;
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
}

#content #banderole #right .rotation li a.element span {
	position: absolute;
	display: none;
	text-align: center;
	bottom: 0px;
	line-height: 240%;
	padding: 0px 10px;
	background-color: #3a3a3a;
	color: #fff;
	width: 220px;
	font-weight: normal;
	font-size: 11px;
	opacity: 0.9;
	filter: alpha(opacity=90);
}

#content #banderole #right .navigate:hover {
	background-position: center bottom;
}

#content #banderole #right .navigate.left {
	left: 20px;
	background-image: url(../../ii/icons/navigate-left.png);
}

#content #banderole #right .navigate.right {
	right: -20px;
	background-image: url(../../ii/icons/navigate-right.png);
}

/*******************************************
 * @section		content: teaser
 ******************************************/

#content .teaser {
	margin-bottom: 40px;
	margin-right: -40px;
	background: url(../../ii/bg/bg-teaser.png) no-repeat center;
}

#content .teaser h2 a {
	color: #4f4f4f;
}

#content .teaser.large {
	background-image: url(../../ii/bg/bg-teaser-large.png);
}

#content .teaser.large-single-double {
	background-image: url(../../ii/bg/bg-teaser-large-single-double.png);
}

#content .teaser.large-double-single {
	background-image: url(../../ii/bg/bg-teaser-large-double-single.png);
}

#content .teaser .single div, #content .teaser .double div {
	height: 90px;
	overflow: hidden;
	margin-bottom: 15px;
}

#content .teaser .single {
	width: 250px;
	margin-right: 40px;
	float: left;
}

#content .teaser.large-double-single .single {
	margin-right: 0px;
}

#content .teaser.large-double-single .double {
	margin-right: 40px;
}

#content .teaser .single div {
	width: 250px;
}

#content .teaser .double div {
	width: 540px;
}

#content .teaser .double {
	width: 540px;
	float: left;
}

#content .teaser p {
	line-height: 150%;
	margin: 0px;
}

#content .teaser p span.flag {
	background-color: #3a3a3a;
	font-size: 11px;
	color: #fff;
	padding: 2px 5px;
	margin-right: 5px;
}

#content .teaser p span.flag.news {
	background-color: #DE2119;
}

#content .teaser p a:hover {
	text-decoration: none;
	border-bottom: 1px solid #4F4F4F;
}

/*******************************************
 * @section		content: teaser: tagcloud
 ******************************************/

#content .teaser ul.tagcloud {
	text-align: center;
	padding: 10px;
	background: #f9f9f9 url(../../ii/bg/bg-cloud.png);
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	text-shadow: #DE2119 2px 2px 40px;
}

#content .teaser ul.tagcloud li {
	line-height: 130%;
	padding: 2px 7px;
	display: inline;
	vertical-align: middle;
}

#content .teaser ul.tagcloud li a:hover {
	color: #8F1711;
	text-decoration: none;
}

#content .teaser ul.tagcloud li.level-0, #content .teaser ul.tagcloud li {
	font-size: 10px;
}

#content .teaser ul.tagcloud li.level-1 {
	font-size: 15px;
}

#content .teaser ul.tagcloud li.level-2 {
	font-size: 20px;
}

#content .teaser ul.tagcloud li.level-3 {
	font-size: 25px;
}

#content .teaser ul.tagcloud li.level-4 {
	font-size: 25px;
}

#content .teaser ul.tagcloud li.level-5 {
	font-size: 30px;
}

#content .teaser ul.tagcloud li.level-6 {
	font-size: 35px;
}

#content .teaser ul.tagcloud li.level-7 {
	font-size: 40px;
}

#content .teaser ul.tagcloud li.level-8 {
	font-size: 45px;
}

/*******************************************
 * @section		content: standardelemente
 ******************************************/

#content a.bottomlink {
	text-align: right;
	display: block;
	position: relative;
	padding-right: 12px;
}

#content a.bottomlink span {
	font-weight: bold;
	font-family: sans-serif;
	display: block;
	position: absolute;
	right: 0px;
	top: -2px;
}

#content a.bottomlink:hover span {
	text-decoration: none !important;
}

#content .video {
	padding: 20px;
	border: 1px solid #ddd;
	display: inline-block;
	background-color: #eee;
}

#content ul.alphabet {
	width: 35%;
	background: url(../../ii/bg/bg-line-fadeout.png) no-repeat right center;
	float: left;
	padding-right: 30px;
}

#content ul.alphabet li {
	float: left;
}

#content ul.alphabet li a {
	display: block;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	background-color: #676767;
	color: #fff;
	padding: 7px 9px;
	width: 20px;
	border: 1px solid #5F5959;
	text-align: center;
	margin: 0px 7px 7px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#content ul.alphabet li a.all {
	width: 114px;
	text-transform: none;
}

#content ul.alphabet li a:hover, #content ul.alphabet li a.active {
	text-decoration: none;
	background: #DE2119 url(../../ii/bg/bg-hover-red.png) repeat-x center;
	border-color: #BF2B23;
}

#content ul.linklist {
	list-style-type: square;
	margin-left: 15px;
	width: 57%;
}

#content ul.linklist.fullsize {
	width: auto;
}

#content ul.linklist li {
	color: #676767;
	margin: 0px 25px 10px 0px;
}

#content ul.linklist li a {
	display: block;
	line-height: 150%;
}

#content ul.inline li {
	float: left;
	margin: 0px 10px 10px 0px;
}

#content input#search-linklist {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #C0C0C0;
	display: block;
	font-size: 13px;
	margin-bottom: 10px;
	padding: 3px 10px;
	width: 200px;
}

#content .standardbox {
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #c0c0c0;
	padding: 20px 20px 10px 20px;
	margin: 10px 0px 20px 0px;
}

/*******************************************
 * @section		content: featuredetails
 ******************************************/

#content table.products {
	margin-bottom: 20px;
}

#content table.products td {
	vertical-align: middle;
	text-align: center;
	width: 110px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center;
	background-color: #fff;
}

#content table.products tr.support td {
	opacity: 0.1;
	filter: alpha(opacity=10);
	background-image: url(../../ii/icons/check.png);
}

#content table.products tr.support td.support {
	opacity: 1.0;
	filter: alpha(opacity=100);
}

#content p.featuredetails {
	margin-top: 0px;
	width: 580px;
	float: left;
}

/*******************************************
 * @section		content: standardformular
 ******************************************/

#content form.standardform {
	border: 1px solid #eee;
	padding: 20px 20px 12px 20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../../ii/bg/bg-cloud.png);
	max-width: 600px;
}

#content form.standardform label {
	padding: 7px 7px 8px 7px;
	display: block;
	font-style: italic;
	float: left;
	text-align: right;
	width: 120px;
	font-size: 0.95em;
	margin-bottom: 5px;
	margin-right: 10px;
	position: relative;
}

#content form input, #content form textarea, #content form select {
	margin-bottom: 5px;
	border: 1px solid #ddd;
	background-color: #fff;
	color: #a3a3a3;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
}

#content form.standardform input, #content form.standardform textarea, #content form.standardform select {
	width: 340px;
	float: left;
	padding: 5px;
}

#content form.standardform input[type=radio] {
	width: 20px;
	margin: 6px 0px;
}

#content form.standardform input[type=radio] + label {
	width: 250px;
}

#content form select {
	height: 27px;
	padding: 0px;
}

#content form select option {
	display: block;
	border: 5px solid #fff;
}

#content form label.checkbox {
	display: block;
	width: 340px;
	margin: 10px 0px 10px 140px;
	padding: 5px 5px 5px 30px;
	font-style: italic;
	position: relative;
	text-align: left;
}

#content form label.checkbox + label.checkbox {
	margin-top: 0px;
}

#content form label.checkbox input {
	position: absolute;
	left: 0px;
	display: inline;
	width: auto;
	top: 0px;
}

#content form.standardform select {
	width: 352px;
}

#content form input:focus, #content form textarea:focus, #content form select:focus {
	color: #3a3a3a;
	border-color: #c0c0c0;
}

#content form.standardform input.single {
	width: 100px;
	margin-right: 5px;
}

#content form.standardform input.double {
	width: 223px;
}

#content form.standardform input.street {
	width: 250px;
	margin-right: 5px;
}

#content form.standardform input.number {
	width: 73px;
}

form .error {
	border-color: #E52B18 !important;
	background-color: #FFEFEF !important;
	color: #DF1B1B !important;
}

#content form.standardform label span {
	display: block;
	width: 58px;
	height: 14px;
	position: absolute;
	top: 5px;
	left: 495px;
	background: url(../../ii/icons/icon-required.png) no-repeat center;
}

form.en label span {
	background: url(../../ii/icons/icon-required-en.png) no-repeat center !important;
}

#content form.standardform label.checkbox span {
	left: 355px;
}

/*******************************************
 * @section		content: formular sidebar
 ******************************************/

#content .sidebar form.miniform {
	padding: 15px 10px;
	border: 1px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	background: url(../../ii/bg/bg-cloud.png);
}

#content .sidebar form.miniform input, #content .sidebar form.miniform textarea {
	padding: 3px;
	width: 150px;
	font-size: 11px;
	margin-bottom: 7px;
	font-style: italic;
}

#content form input.submit, #content .sidebar form.miniform input.submit {
	color: #fff;
	background: url(../../ii/bg/bg-dark-highlight-hard.png) repeat-x center;
	text-align: center;
	cursor: pointer;
	border: 1px solid #454545;
	width: 128px;
	border: 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-top: 10px;
	font-weight: bold;
	margin-left: 143px;
}

#content form input.submit.search {
	float: left;
	margin: 0px 0px 0px 10px;
}

#content .sidebar form.miniform input.submit {
	position: relative;
	left: 50%;
	margin-left: -64px;
	font-style: normal;
	margin-bottom: 0px;
}

#content form input.submit:hover, #content .sidebar form.miniform input.submit:hover {
	background-image: url(../../ii/bg/bg-dark-highlight-soft.png);
	color: #eee;
}

/*******************************************
 * @section		content: doublefeature
 ******************************************/

#content ul.doublefeature {
	overflow: hidden;
	margin: 15px 0px;
	background: url(../../ii/bg/bg-doublefeature.png) no-repeat 210px 13px;
}

#content ul.doublefeature li {
	float: left;
	width: 266px;
}

#content ul.doublefeature li:first-child {
	margin-right: 46px;
}

#content ul.doublefeature li strong {
	display: block;
}

#content ul.doublefeature li p {
	margin: 0px;
	width: 118px;
	line-height: 140%;
	float: left;
	padding: 7px 10px;
	font-size: 11px;
	margin-top: 13px;
	background-color: #f3f3f3;
}

#content ul.doublefeature li p a strong {
	color: #4F4F4F;
}

#content ul.doublefeature li img {
	float: right;
}



/*******************************************
 * @section		content: tooltips
 ******************************************/

#tooltip {
	position: absolute;
	z-index: 3010;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 2px solid #eee;
	background-color: #fff;
	padding: 7px;
	font-size: 11px;
	opacity: 0.95;
	filter: alpha(opacity=95);
	line-height: 140%;
	width: 150px;
	font-style: italic;
}

#tooltip h3, #tooltip div { 
	margin: 0;
	font-weight: normal;
}

/*******************************************
 * @section		content: overlays
 ******************************************/

div.overlay {
	display: none;
	z-index: 10010;
	background-color: #333;
	width: 500px;
	padding: 20px;
	min-height: 200px;
	border: 1px solid #666;
	-moz-box-shadow: 0px 0px 90px 5px #000;
	-webkit-box-shadow: 0px 0px 90px #000;
}

div.overlay .close { 
    background: url(../../ii/sets/overlay/apple-close.png) no-repeat center;
    position: absolute; 
	z-index: 10021;
    right: -15px; 
    top: -15px; 
    cursor: pointer; 
    height: 35px; 
    width: 35px; 
}

/*******************************************
 * @section		content: sitemap
 ******************************************/

#content ul.navigation li.search, #content ul.navigation li.foot, #content ul.navigation li.logout {
	display: none;
}

#content ul.navigation li {
	margin-bottom: 10px;
}

#content ul.navigation li a {
	font-size: 12px;
	font-weight: bold;
	color: #E23E38;
}

#content ul.navigation li ul {
	margin-top: 10px;
}

#content ul.navigation li ul li {
	padding-left: 30px;
	background: url(../../ii/icons/bg-tree.png) no-repeat 15px 0px;
}

#content ul.navigation li ul li a {
	font-weight: normal;
	color: #676767;
}

#content ul.navigation li ul li ul li {
	padding-left: 30px;
	font-style: italic;
}

/*******************************************
 * @section		content: rotationsbox (roundabout)
 ******************************************/

#roundabout-box {
	height: 170px;
	border: 1px solid #5F5959;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	margin: 20px 0px;
	position: relative;
	background: #676767;
}

#roundabout {
	height: 190px;
	width: 50%;
	position: relative;
	margin: -95px 0px 0px -25%;
	top: 50%;
	left: 50%;
}

#roundabout.sidebar-active {
	width: 300px;
	margin-left: -150px;
}

#roundabout li {
	font-size: 1em;
}

#roundabout li a {
	display: block;
	position: relative;
	text-decoration: none;
}

#roundabout li a img {
	width: 15.833em;
	height: 9.167em;
	margin: 0.833em;
}

.roundabout-holder { 
	padding: 10px; 
}

.roundabout-moveable-item {
	height: 128px;
	width: 208px;
	cursor: pointer;
	background-color: #fff;
	border: 2px solid #ddd;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.roundabout-in-focus { 
	cursor: auto;
}

#roundabout-box .navigate {
	display: block;
	height: 43px;
	width: 30px;
	border-bottom: 0px;
	position: absolute;
	top: 50%;
	margin-top: -22px;
	background-repeat: no-repeat;
	background-position: center top;
}

#roundabout-box .navigate:hover {
	background-position: center bottom;
}

#roundabout-box .navigate.left {
	left: 20px;
	background-image: url(../../ii/icons/navigate-left.png);
}

#roundabout-box .navigate.right {
	right: 20px;
	background-image: url(../../ii/icons/navigate-right.png);
}

/*******************************************
 * @section		modal dialog
 ******************************************/

.modal-dialog {
	display: none;
}

.ui-dialog {
	background-color: #fff;
	-moz-box-shadow: 3px 3px 30px #000;
}

.ui-dialog-content p {
	font-style: italic;
	line-height: 170%;
}

.ui-widget-overlay {
	background-color: #000;
	opacity: 0.3;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ui-dialog-titlebar {
	background: url(../../ii/bg/bg-hover-red.png) repeat-x center center #DE2119;
	padding: 13px 10px 13px 20px;
	color: #fff;
	font-size: 11px;
	border-bottom: 1px solid #c0c0c0;
}

.ui-dialog-titlebar-close {
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 15px;
	top: 7px;
	font-size: 20px;
}

.ui-dialog-content {
	padding: 20px;
	background: url(../../ii/bg/bg-cloud.png) #F9F9F9;
}

.ui-dialog-content label {
	display: block;
	padding: 5px 0px 0px 0px;
	font-style: italic;
	position: relative;
}

.ui-dialog-content input, .ui-dialog-content textarea {
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	color: #A3A3A3;
	font-family: arial,helvetica,sans-serif;
	font-size: 12px;
	margin-bottom: 5px;
	width: 98%;
	display: block;
	padding: 5px;
	margin-top: 5px;
}

.ui-dialog-content label.required input, .ui-dialog-content label.required textarea {
	width: 85%;
}

.ui-dialog-content input:focus, .ui-dialog-content textarea:focus {
	color: #3a3a3a;
	border-color: #c0c0c0;
}

.ui-dialog-content input.submit {
	-moz-border-radius: 5px 5px 5px 5px;
	background: url(../../ii/bg/bg-dark-highlight-hard.png) repeat-x center;
	border: 0px none;
	color: #FFFFFF;
	cursor: pointer;
	font-weight: bold;
	text-align: center;
	width: 128px;
	margin: 20px auto;
}

.ui-dialog-content input.submit:hover {
	background-image: url(../../ii/bg/bg-dark-highlight-soft.png);
	color: #eee;
}

.ui-dialog-content label span {
	display: none;
}

.ui-dialog-content label.required span {
	background: url(../../ii/icons/icon-required.png) no-repeat center;
	display: block;
	height: 14px;
	right: -1px;
	position: absolute;
	top: 27px;
	width: 58px;
}

hr {
	margin-top: 20px;
	margin-bottom: 20px;
}

/*******************************************
 * @section		content: socialmedia
 ******************************************/
 
 .socialmedia {
	cursor: pointer;
	width: 28px;
}

.socialmedia_icon {
	height: 22px;
	width: 22px;
	display: block;
	padding: 3px;
}

a.socialmedia_icon:hover {
	background-color: #4F4F4F;
}

.sm_facebook {
	background: url('/ii/icons/icon-sm-fb.png') no-repeat scroll center center transparent;
}

.sm_xing {
	background: url('/ii/icons/icon-sm-xing.png') no-repeat scroll center center transparent;
}

.sm_in {
	background: url('/ii/icons/icon-sm-in.png') no-repeat scroll center center transparent;
}

.sm_twitter {
	background: url('/ii/icons/icon-sm-twitter.png') no-repeat scroll center center transparent;
}


/*******************************************
 * @section		tablet: page-container
 ******************************************/

.tablet_site_container
{
	background-color: white;
	padding: 0;
}

/******************************************* 
 * For more smaller Screens (iPad) 700px
 ******************************************/
@media screen and (max-width:768px) and (orientation : portrait) {
	
	.tablet_site_container .homepage {
		background: url(../../ii/bg/bg-body-ipad-hoch.png) repeat-y top center;
		width: 768px;
		margin: 0 auto;
	}
	
	/*******************************************
	 * @section		tablet: page-container
	 ******************************************/
	 
	/* Grau-Transparentes Overlay */
	.tablet_navigation_overlay {
		top: 0px;
		position:absolute;
		z-index: 20;
		background: #f5f5f5;
		opacity: 0.75;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.tablet_navigation {
		top:40px;
		position:absolute;
		display:block;
		width:768px;
		background: transparent;
		overflow-y:visible;
		overflow-x:hidden;
		z-index:50;
	}
	
	.tablet_navigation_nav2 {
		position: relative;
		float: left;
		left: 0px;				
		width: 225px;
		height: 150px;
		background-color: white;
		/*border: 1px solid #e0e0e0;*/
		padding: 0px 12px;
		margin: 0px;
		background-image: url("../../ii/bg/bg-navigation-ipad.png");
	}
	
	.tablet_navigation_element {
		position: relative;
		left: 0px;				
		width: 768px;
		height: 150px;
		background: transparent;
	}
	
	.tablet_navigation_element_left {
		position: relative;
		right: 0px;				
		width: 768px;
		height: 150px;
		background: transparent;
	}
	
	.tablet_nav_container{
		border: 1px solid #E0E0E0;
		/* height: 100%; */
		height:148px;
	}
	
	.tablet_header_nav{
		height: 50px;
		position: relative;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	.tablet_header_nav .tablet_nav_content{
		position: absolute;
		top: 60px;
		margin: 0px 10px;
	}
	
	.tablet_header_nav .tablet_nav_titel{
		position: relative;
		color: black;
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.tablet_header_nav .tablet_nav_titel a{
		color: black;
		text-decoration: none;
	}
	
	.tablet_header_nav .tablet_nav_text {
		font-size: 11px;
	}
	
	.tablet_header_nav .tablet_nav_text a {
		color: black;
		text-decoration: none;
		font-style: italic;
	}
	
	.tablet_header_nav .tablet_nav_shadow-top {
		height: 50px;
		position: absolute;
		top: 1px;
		width: 100%;
		left: 0px;
		background: url(../../ii/bg/bg-header-shadow-top.png) no-repeat center;
	}

	.tablet_header_nav .tablet_nav_shadow-bottom {
		height: 50px;
		position: absolute;
		bottom: -8px;
		width: 100%;
		left: 0px;
		background: url(../../ii/bg/bg-header-shadow-bottom.png) no-repeat center;
	}
	
	.tablet_navigation_nav3
	{
		position: relative;
		float: left;
		height: 148px;
		width: 35px;
		background-color: #fefeff;
		border:1px solid black;
		margin: 0px 1px;
	}
	
	.tablet_navigation_nav3 a {
		color: black;
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);
		padding: 10px 5px;
		position: absolute;
		left: -53px;
		bottom: 56px;
		width: 130px;
		height: 12px;
		z-index: 19;
		font-weight: 400;
		text-decoration: none;
	}
	
	.tablet_navigation_expander
	{
		position:relative;
		float:left;
		height:150px;
		width:18px;
		background: url('../../ii/icons/tablet-navigation-expander.png');
	}
	
	.tablet_navigation_expander.left
	{
		background: url('../../ii/icons/tablet-navigation-expander-left.png');
	}
	
	.tablet_site_container #header {
		width: 684px;
		height: 240px;
	}
	
	.tablet_site_container #header #header-image {
		display: none;
	}

	.tablet_site_container #header #header-tablet-image{
		display: block;
		background-repeat: no-repeat;
		background-position: bottom center;
		height: 156px;
		position: absolute;
		top: 83px;
		width: 100%;
		left: 0px;
	}
	
	.tablet_site_container #header #logo {
		background: url(../../ii/content/logo-interred-company.png) no-repeat 0px 41px;
	}
	
	.tablet_site_container #header ul.navigation {
		bottom: 200px;
	}
	
	.tablet_site_container #header ul.navigation > li > a  {
		font-size: 14px;
		padding: 11px 11px;
	}
	
	.tablet_site_container #header ul.navigation li.has-submenu:hover ul {
		display: none;
	}
	
	.tablet_site_container #header ul.navigation li.search > a {
		height: 14px;
		padding: 11px 20px ;
	}
	
	.tablet_site_container #header #shadow-top {
		top: 80px;
	}
	
	.tablet_site_container.startseite #content p.introduction {
		font-size: 12px;
		line-height: 170%;
	}
	
	.tablet_site_container #content {
		width: 664px;
background: #E0E0E0;
	}	
	
	.tablet_site_container #content h1.bigger {
		font-size: 23px;
		margin-bottom: 5px;
	}
	
	.tablet_site_container #content #banderole {
		width: 634px;
		margin: -10px 0px 30px -40px;
	}
	
	.tablet_site_container #content #banderole p {
		font-size: 10px;
	}
	
	.tablet_site_container #content #banderole #left {
		width: 296px;
	}
	
	.tablet_site_container #content #banderole #right {
		width: 296px;
		/*height: 200px;*/
	}
	
	.tablet_site_container #content #banderole #right .rotation li a.element {
		/*height: 200px;*/
	}
	
	.tablet_site_container  #content .teaser {
		background-image: url("../../ii/bg/bg-tablet-teaser.png");
	}
	
	.tablet_site_container  #content .teaser p {
		font-size: 10px;
	}
	
	.tablet_site_container  #content .teaser.large-single-double,
	.tablet_site_container  #content .teaser.large-double-single {
		background-image: url("../../ii/bg/bg-tablet-teaser-large-double-single.png");
	}
	
	.tablet_site_container  #content .teaser .double,
	.tablet_site_container  #content .teaser .double .teaser_hochformat,
	.tablet_site_container  #content .teaser .double .teaser_hochformat div,
	.tablet_site_container  #content .teaser .single,
	.tablet_site_container  #content .teaser .single .teaser_hochformat,
	.tablet_site_container  #content .teaser .single .teaser_hochformat div
	{
		width: 310px;
	}
	
	.tablet_site_container #content .teaser .single .teaser_hochformat div,
	.tablet_site_container #content .teaser .double .teaser_hochformat div {
		height: 90px;
		margin-bottom: 15px;
		overflow: hidden;
	}
		
	.tablet_site_container .teaser_querformat{
		display: none;
	}
	
	.tablet_site_container .teaser_hochformat{
		display: block;
	}
	
	.tablet_site_container #content h2 a.top {
		left: -15px;
	}
	
	.tablet_site_container #content .breadcrumb {
		font-size: 12px;
	}
	
	.tablet_site_container #content .breadcrumb a {
		font-weight: normal;
	}

	.tablet_site_container #content .breadcrumb .active {
		background: none;
		padding: 7px 0px;
		-moz-border-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px; 
		-webkit-border-bottom-left-radius: 0px;
		border: none;
		border-bottom: none;
		font-weight: bold;
	}
	
	.tablet_site_container #content .subnavigation {
		background: none;
		border: none;
	}

	.tablet_site_container #content .subnavigation li{
		border: 1px solid #ddd;
		border-left: 0px;
		border-right: 0px;
		padding: 5px 0px 5px 40px;
		margin: 0px 5px 0px -40px;
		overflow: hidden;
		display: inline-block;
	}
	
	.tablet_site_container #content .subnavigation li.last{
		border-right: 1px solid #ddd;
		-moz-border-radius: 0px 10px 10px 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px; 
		-webkit-border-bottom-left-radius: 0px;
	}
	
	.tablet_site_container #content .subnavigation li a {
		font-size: 12px;
	}

	.tablet_site_container #content .subnavigation li a.active, .tablet_site_container #content .subnavigation li a:hover {
		color: #3a3a3a;
		background-color: #eee;
		text-decoration: none;
	}
	
	.tablet_site_container #content .contentbox.has-sidebar{
		width: 650px;
	}
	
	.tablet_site_container #content .sidebar {
		display: none;
	}
	
	.tablet_site_container #footer {
		width: 698px;
	}
	.tablet_site_container #footer ul.navigation {
		width: 700px;
	}
	 
}

/******************************************* 
 * For more smaller Screens bright site (iPad) 1000px
 ******************************************/
@media screen and (max-width:1024px) and (min-width:1000px) and (orientation:landscape) {
	
	/*******************************************
	 * @section		tablet: page-container
	 ******************************************/
	 
	/* Grau-Transparentes Overlay */
	.tablet_navigation_overlay {
		top: 0px;
		position:absolute;
		z-index: 20;
		background: #f5f5f5;
		opacity: 0.75;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
	.tablet_navigation {
		top:60px;
		position:absolute;
		display:block;
		width:1024px;
		background: transparent;
		overflow-y:visible;
		overflow-x:hidden;
		z-index:50;
	}
	
	.tablet_navigation.left {
		margin-left: 700px;
		
	}
	
	.tablet_navigation_nav2 {
		position: relative;
		float: left;
		left: 0px;				
		width: 225px;
		height: 150px;
		background-color: white;
		/*border: 1px solid #e0e0e0;*/
		padding: 0px 12px;
		margin: 0px;
		background-image: url("../../ii/bg/bg-navigation-ipad.png");
	}
	
	.tablet_navigation_element {
		position: relative;
		left: 0px;				
		width: 884px;
		height: 150px;
		background: transparent;
	}
	
	.tablet_navigation_element_left {
		position: relative;
		right: 0px;				
		width: 768px;
		height: 150px;
		background: transparent;
	}
	
	.tablet_nav_container{
		border: 1px solid #E0E0E0;
		/*height: 100%; */
		height:148px;
	}
	
	.tablet_header_nav{
		height: 50px;
		position: relative;
		background-repeat: no-repeat;
		background-position: bottom center;
	}
	
	.tablet_header_nav .tablet_nav_content{
		position: absolute;
		top: 60px;
		margin: 0px 10px;
	}
	
	.tablet_header_nav .tablet_nav_titel{
		position: relative;
		color: black;
		font-size: 14px;
		margin-bottom: 15px;
	}
	
	.tablet_header_nav .tablet_nav_titel a{
		color: black;
		text-decoration: none;
	}
	
	.tablet_header_nav .tablet_nav_text {
		font-size: 11px;
	}
	
	.tablet_header_nav .tablet_nav_text a {
		color: black;
		text-decoration: none;
		font-style: italic;
	}
	
	.tablet_header_nav .tablet_nav_shadow-top {
		height: 50px;
		position: absolute;
		top: 1px;
		width: 100%;
		left: 0px;
		background: url(../../ii/bg/bg-header-shadow-top.png) no-repeat center;
	}

	.tablet_header_nav .tablet_nav_shadow-bottom {
		height: 50px;
		position: absolute;
		bottom: -8px;
		width: 100%;
		left: 0px;
		background: url(../../ii/bg/bg-header-shadow-bottom.png) no-repeat center;
	}
	
	.tablet_navigation_nav3
	{
		position: relative;
		float: left;
		height: 148px;
		width: 35px;
		background-color: #fefeff;
		border:1px solid black;
		margin: 0px 1px;
	}
	
	.tablet_navigation_nav3 a {
		color: black;
		-webkit-transform: rotate(-90deg); 
		-moz-transform: rotate(-90deg);
		padding: 10px 5px;
		position: absolute;
		left: -53px;
		bottom: 56px;
		width: 130px;
		height: 12px;
		z-index: 19;
		font-weight: 400;
		text-decoration: none;
	}
	
	.tablet_navigation_expander
	{
		position:relative;
		float:left;
		height:150px;
		width:18px;
		background: url('../../ii/icons/tablet-navigation-expander.png');
	}
	
	.tablet_navigation_expander.left
	{
		background: url('../../ii/icons/tablet-navigation-expander-left.png');
	}

	.tablet_site_container #header #header-tablet-image{
		display: none;
	}
	
	.tablet_site_container #content {
		width: 880px;
		background: grey;
	}
	
	.tablet_site_container  #content .teaser {
		background: url("../../ii/bg/bg-tablet-teaser.png") no-repeat center;
	}
	
	.tablet_site_container  #content .teaser p {
		font-size: 10px;
	}
	
	.tablet_site_container #content .teaser.large-single-double,
	.tablet_site_container #content .teaser.large-double-single {
		background-image: url(../../ii/bg/bg-tablet-teaser-large-double-single.png);
	}
	
	.tablet_site_container  #content .teaser .double,
	.tablet_site_container  #content .teaser .double .teaser_querformat,
	.tablet_site_container  #content .teaser .double .teaser_querformat div,
	.tablet_site_container  #content .teaser .single,
	.tablet_site_container  #content .teaser .single .teaser_querformat,
	.tablet_site_container  #content .teaser .single .teaser_querformat div
	{
		width: 420px;
	}
	
	.tablet_site_container #content .teaser .single .teaser_querformat,
	.tablet_site_container #content .teaser .double .teaser_querformat{
		height: 200px;
	}
	
	.tablet_site_container #content .teaser .single .teaser_querformat div,
	.tablet_site_container #content .teaser .double .teaser_querformat div {
		height: 90px;
		margin-bottom: 15px;
		overflow: hidden;
	}
	
	.tablet_site_container .teaser_querformat{
		display: block;
	}
	
	.tablet_site_container .teaser_hochformat{
		display: none;
	}
	
	.tablet_site_container #content #banderole {
		margin: -10px 0px 30px -38px;
		width: 848px;
	}
	
	.tablet_site_container #content #banderole #left {
		width: 402px;
	}
	
	.tablet_site_container #content #banderole #right {
		width: 300px;
		margin-left: 50px;
		border-left: none;
	}
	
	.tablet_site_container #content .breadcrumb {
		font-size: 12px;
	}
	
	.tablet_site_container #content .breadcrumb a {
		font-weight: normal;
	}

	.tablet_site_container #content .breadcrumb .active {
		background: none;
		padding: 7px 0px;
		-moz-border-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 0px;
		-webkit-border-bottom-right-radius: 0px; 
		-webkit-border-bottom-left-radius: 0px;
		border: none;
		border-bottom: none;
		position: relative;
		font-weight: bold;
	}
	
	.tablet_site_container #content .subnavigation {
		background: none;
		border: none;
	}

	.tablet_site_container #content .subnavigation li{
		border: 1px solid #ddd;
		border-left: 0px;
		border-right: 0px;
		padding: 5px 0px 5px 40px;
		margin: 0px 5px 0px -40px;
		overflow: hidden;
		display: inline-block;
	}
	
	.tablet_site_container #content .subnavigation li.last{
		border-right: 1px solid #ddd;
		-moz-border-radius: 0px 10px 10px 0px;
		-webkit-border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 10px;
		-webkit-border-bottom-right-radius: 10px; 
		-webkit-border-bottom-left-radius: 0px;
	}
	
	.tablet_site_container #content .subnavigation li a {
		font-size: 12px;
	}
	
	.tablet_site_container #header ul.navigation li.has-submenu:hover ul {
		display: none;
	}
	
	.tablet_site_container #content .subnavigation li a.active, .tablet_site_container #content .subnavigation li a:hover {
		color: #3a3a3a;
		background-color: #eee;
		text-decoration: none;
	}

	.tablet_site_container #content .contentbox.has-sidebar{
		width: 600px;
	}
	
	.tablet_site_container .sidebar {
	/*	display: block;*/
	}
	
	.tablet_site_container #footer {
		/*width: 814px;*/
	}

}