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

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
#page {
	width:1000px;
	margin:0 auto;
	position:relative;
	background: transparent url(/fileadmin/invade/v2/template/img/tuev_siegel.jpg) no-repeat scroll right 10px;
}

#header{
	border:1px #fff solid;
	position:relative;
	top:0;
}
#sidebar_left {
	margin-bottom:20px;
}

#logo {
	margin:55px 0 9px 20px;
}
#logo a {
	display:block;
	text-indent:-4000px;
	background-image:url(../img/invade_logo.jpg);
	background-repeat:no-repeat;
	height:55px;
	width:152px;
}
#breadcrumb {
	position:absolute;
	top:140px;
	left:200px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}
#keyvisual {
	position:absolute;
	top:0;
	left:200px;
}
#keyvisual_right {
	float:left;
	position:absolute;
	top:0;
	left:810px;
	border:none;
}
/***
* HAUPT NAVIGATION
* Liste mit mehreren Ebenen; aktive Links mit rotem Seitenrand
*/
#navigation, #navigation ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#808080;
	font-size:12px;
	width:160px;
	margin:20px 0 0 20px;
}
#navigation li {
	text-transform:uppercase;
	line-height:20px;
}
* html #navigation li {
	margin:0;
	padding:0;
	line-height:20px;
	height:20px;
}
#navigation li a {
	padding-left:10px;
	border:1px red solid;
	border-width:0 0 1px 0;
	display:block;
}
* html #navigation li a {
	height:20px;
}
#navigation li a:hover {
	border-left-width:4px;
	padding-left:6px;
}
#navigation li a.active {
	border-left-width:4px;
	padding-left:6px;
}
#navigation ul.level2 {
	margin-top:0;
	font-size:11px;
}
#navigation ul.level2 li {
	text-transform:none;
	border:none;
}
#navigation ul.level2 li a {
	border:0;
}
#navigation a:hover {
	text-decoration:none;
}

/**
* INFO BOX 
* Container in linker oder rechter Seitenspalte für Kurzinfos oder Partnerlinks
*/
.info_box {
	width:160px;
	margin:30px 0 0 20px;
	border:1px #ccc solid;
	font-size:11px;
	color:#808080;
}
.info_box h2 {
	margin:0;
	height:20px;
	background:url(../img/box_header_bg_repx.jpg) 0 0 repeat-x;
	padding:3px 0 0 1em;
	font-size:11px;
}
.info_box p {
	padding:0 2px;
}
.info_box p.bild {
	text-align:center;
}

/***
* CONTENT BEREICH
* Hauptspalte mit Artikeln, etc; 
*/
#content {
	width:600px;
	position:absolute;
	top:160px;
	left:202px;
}
.content_box {
	border:1px red solid;
	border-width:1px 0 0 0;
	background:url(../img/content_box_repx.jpg) 0 0 repeat-x;
	padding:0 20px 20px;
	min-height:140px;
	height:auto !important;
	height:160px;
}
.content_box h2, #content h2 {
	margin:10px 0 10px 0;
	font-size:16px;
	color:#444;
}
.content_box h2 a {
	font-size:16px;
	color:#444;
}
.content_box h3 {
	font-size:13px;
	color:#444;
}
.content_box p, .content_box li, .content_box td, #content p {
	font-size:12px;
	color:#444;
}
.content_box p img {
	float:right;
	margin:0 0 5px 5px;
}
.content_box p.datum {
	font-style:italic;
	font-size:11px;
	color:#777;
}
.content_box ul {
	list-style:disc;
	margin:0;
	padding:0 0 0 20px;
}
.content_box div.links dt {
	font-size:12px;
	color:#444;
	font-weight:bold;
}
.content_box div.links dd {
	margin: 0;
}
.content_box div.links p {
	margin: 2px 0 2px 0;
}
.content_box div.links p a {
	color:red;
	font-size:11px;
	background:url(../img/link_arrow.gif) 0 2px no-repeat;
	padding-left:14px;
}
.content_box p a {
	color:red;
	font-size:11px;
}

/***
* SIDEBAR RECHTS
* Seitenleiste rechts, ebenfalls für Kurzinfos und ähnliche Inhalte
*/
#sidebar_right {
	position:absolute;
	top:160px;
	left:815px;
	width:160px;
}
#sidebar_right p {
	color:#888;
	font-size:11px;
	margin:0 0 20px 0;
}
#sidebar_right a {
	color:red;
	font-size:11px;
	background:url(../img/link_arrow.gif) 0 2px no-repeat;
	padding-left:14px;
}
#sidebar_right a.language {
	color:#888;
}

/**
* MINHEIGHT
* Helfer, wenn floatende Elemente eine zu geringe Höhe des Parents verursachen
*/
span.minHeight120 {
	height:120px;
}

/**
* NEWS
*/
div.news-single-img {
	float:right;
}

div.news-single-img img {
	margin:0 0 5px 5px;
}

div.news-single-img p.news-single-imgcaption {
	margin:0;
	margin-left:10px;
}

.news-amenu-item-year dd {
	font-size:11px;
	background:url(../img/link_arrow.gif) 0 2px no-repeat;
	padding-left:14px;
	margin-left:0;
	font-weight:bold;
}

/**
* MAILFORM
*/
div.csc-mailform-field label, div.csc-mailform-field select, div.csc-mailform-field input {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
div.csc-mailform-field label {
	display:block;
	width:100px;
	float:left;
	padding-top:4px;
	text-align:right;
	margin-right:10px;
}

div.csc-mailform-field input.csc-mailform-submit {
	margin-left:115px;
	margin-top:10px;
	border:1px solid black;
}