/*
===============================
Allgemeine Styles
===============================
*/

h1,h2,h3,h4,p,li,div {
	font-family: Arial, Helvetica, Sans-serif;
}

h1,h2 {
	font-size:1.4em;
}

h1 {
	margin-top:0;
	font-weight:bold;
	font-style:italic;
	font-size:180%;
}

h3,h4 {
	font-size:1.2em;
}

h2,h4 {
	font-weight:normal;
}

p {
	font-size:1.0em;
}

p.alignright {
	text-align:right;
}

a {
	text-decoration: none;
	color: #0054A6;
	font-weight: bold;
}

img {
	border:0px;
}

body {
	width: 850px;
	margin-top: 50px;
	margin-left: 100px;
	padding-bottom: 80px;
	behavior:url(/static/common/styles/csshover.htc);
	font-size:0.8em;
}

#top {
	height:700px;
	margin-left:-100px;
	position:relative;
	overflow:hidden;
}

#logo {
	position:absolute;
	right:20px;
	width:200px;
	z-index:20;
}


/* NAVIGATION */

#mainnav {
	list-style: none;
	position:absolute;
	top:40px;
	right:238px;
	margin:0px;
	padding:0px;
	height:33px;
	background-color:transparent;
}

#mainnav li {
	display:inline;
	position:relative;
	background-color: #7DA7D9;
	padding: 5px 10px 5px 10px;
	z-index:10;
	background-image:url(../img/edgesmall.gif);
	background-repeat:no-repeat;
	background-position: 0 -2px;
	width:auto;
}

#mainnav li a {
	color: black;
}

#mainnav li:hover {
	background-image:url(../img/activeedgesmall.gif);
	background-color:#448CCB;
}

#mainnav li.active, #mainnav li.active:hover {
	background-color: #0054A6;
	padding-top: 15px;
	background-image:url(../img/edge.gif);
	background-repeat:no-repeat;
	background-position: top left;
}

#mainnav li.active a, #mainnav li.active:hover a {
	color:white;
}

#mainnav li.active li a, #mainnav li.active:hover li a {
	color:black;
}

#mainnav li ul {
	list-style:none;
	position: absolute;
	top:36px;
	left:0px;
	display: none;
	z-index: -1;
	border-left: 1px solid #0054A6;
	padding:10px 0 0 0;
	margin:0px;
	width:1000px;
}

#mainnav li.active ul, #mainnav li:hover ul {
	display:block;
}

#mainnav li.active ul {
	z-index:1;
}

#mainnav li ul li {
	display:block;
	background-image:none;
	background-color:white;
	filter:alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:.80;
}

#mainnav li:hover ul {
	top:26px;
	padding-top:17px;
}

#mainnav li.active:hover ul {
	top:31px;
	padding-top:15px;
}

#mainnav li:hover > ul {
	padding-top:10px;
}

#mainnav li.active ul li {
	float:left;
}

#mainnav li ul li, #mainnav li ul li:hover {
	font-size: 0.8em;
	font-weight: normal;
	border-width: 0px;
	white-space:nowrap;
}

#mainnav li ul li a {
	color: #333333;
	font-weight:normal;
}

#mainnav li:hover ul li.active a, #mainnav li ul li.active a, #mainnav li ul li.active:hover a {
	color:#0054A6;
}

#mainnav li:hover ul li.active, #mainnav li ul li.active, #mainnav li ul li.active:hover {
	padding-top:5px;
}

#mainnav li ul li:hover, #mainnav li ul li.active, #mainnav li ul li.active:hover {
	background-image:none;
	background-color:white;
	filter:alpha(opacity=80);
	opacity:0.80;
	-moz-opacity:.80;
}

/* sysnav rechts */

#netzwerknav {
	list-style:none;
	position:absolute;
	left:734px;
	top:150px;
	width: 185px;
	background-color: #7DA7D9;
	margin:0px;
	margin-right:30px;
	padding:0px;
	font-size:1.0em;
	/* border-bottom: 1px solid  #0054A6;*/
}

#netzwerknav li {
	margin:0px;
	padding:5px;
	color: #0054A6;
	background-image:url(../img/vedgesmall.gif);
	background-repeat:no-repeat;
	background-position: bottom left;
}

#netzwerknav li:hover {
	background-color:#448CCB;
	background-image:url(../img/vactiveedgesmall.gif);
}

#netzwerknav li.active {
	background-color: #0054A6;
	background-image:url(../img/vedge.gif);
}

#netzwerknav li.active a {
	color:white;
}

#netzwerknav li a {
	color: black;
	font-weight:bold;
	display:block;
}

#netzwerknav li.logo, #netzwerknav li.logo:hover, #netzwerknav li.logo a {
	background-color:white;
	background-image:none;
	text-align:center;
}

#netzwerknav li img {
	margin-top:30px;
	width:165px;
}



div.clear {
	clear:both;
	height:1px;
}

#netzwerknav form input {
	background-color:#DEDEDE;
	display: block;
	width:160px;
	margin:3px;
	padding:1px;
	border-width:0;
}

#netzwerknav form {
	margin: 0px;
	padding: 0px;
}

#netzwerknav input.button {
	background-color:transparent;
	border-width:0;
	color:white;
	width:165px;
	padding:1px;
}



/* sontisges */

#contentarea {
	position:absolute;
	top:170px;
	left:100px;
	width: 580px;
}


div.stdteaser {
	clear: both;
}


div.stdteaser div.top {
	position:relative;
	height:50px;
	border-bottom: 1px solid #0054A6;
}

div.stdteaser div.top h3 {
	position:absolute;
	bottom:0px;
	left: 0px;
	margin:0px;
	padding:0px 10px 5px 0px;
	width:190px;
	text-align:right;
	font-size:0.9em;
	border-right: 1px solid #0054A6;
}

div.stdteaser div.top h4 {
	position:absolute;
	bottom:0px;
	margin:0px;
	padding:0px 0px 5px 10px;
	left: 200px;
	width:380px;
	font-size:0.8em;
	font-weight:normal;
}

div.stdteaser div.main {
	position:relative;
	min-height:1px;
	border-bottom: 1px solid white;
}

div.stdteaser div.main img {
	border-right: 1px solid #0054A6;
	float:left;
	margin-left:20px;
	padding-bottom:20px;
}

div.stdteaser div.main img.team {
	margin-left:100px;
}

div.dokuteaser div.main img.team {
	margin-right:99px;
}

div.stdteaser div.main h2 {
	color: #0054A6;
	font-weight:bold;
	font-size:1.3em;
	margin-top:10px;
	margin-bottom:5px;
}

div.stdteaser div.main h3 {
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:5px;
}

div.stdteaser div.main p, div.stdteaser div.main h2, div.stdteaser div.main h3 {
	float:right;
	width:370px;
}

div.dokuteaser {
	clear: both;
}


div.dokuteaser div.top {
	position:relative;
	height:50px;
	border-bottom: 1px solid #0054A6;
}

div.dokuteaser div.top h3 {
	position:absolute;
	bottom:0px;
	left: 0px;
	margin:0px;
	padding:0px 10px 5px 0px;
	width:370px;
	text-align:right;
	font-size:0.9em;
	border-right: 1px solid #0054A6;
}

div.dokuteaser div.top h4 {
	position:absolute;
	bottom:0px;
	margin:0px;
	padding:0px 0px 5px 10px;
	left: 390px;
	width:190px;
	font-size:0.8em;
	font-weight:normal;
}

div.dokuteaser div.main {
	position:relative;
	min-height:1px;
	border-bottom: 1px solid white;
}

div.dokuteaser div.main img {
	border-left: 1px solid #0054A6;
	float:right;
	margin-right:20px;
	padding-bottom:20px;
}

div.dokuteaser div.main h2 {
	color: #0054A6;
	font-weight:bold;
	font-size:1.3em;
	margin-top:10px;
	margin-bottom:5px;
}

div.dokuteaser div.main h3 {
	font-size:1.1em;
	margin-top:5px;
	margin-bottom:5px;
}

div.dokuteaser div.main p, div.dokuteaser div.main h2, div.dokuteaser div.main h3 {
	float:left;
	text-align: right;
	width:370px;
}

div.comment h4 {
	font-weight:bold;
	font-size: 1.0em;
	display: inline;
}

div.comment p.author {
	display:inline;
	margin-left:5px;
}

div.comment {
	padding-top:10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #0054A6;
}

/* logininfo */
div#loggedin {
	position:absolute;
	right:320px;
	top:70px;
	z-index:11;
}

/* XStandard Bilder */
.XStandardImageLeft {
	float: left;
	margin: 0px 10px 10px 0;
}

.XStandardImageRight {
	float: right;
	margin: 0px 0 10px 10px;
}