/****************************************************************
kersting-medien.de
tizian bauer at ansichtsache dot com for vierplus dot de

****************************************************************/
/* ### undo ### */

/* Randabst�nde und border aller HTML-Elemente auf Null */
* { margin:0; padding: 0; } 
:link,:visited { text-decoration:none; }
ul,ol { list-style:none; }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
div, p, li, a {background-repeat:no-repeat; }
pre {font-size:1.2em; }
a:hover { text-decoration:none; }

/* ### HTML ### */
html {
height:101%;
}

/* ### BODY ### */
body {
position:relative; 
height:101%;
background: #fff ;	
color:#000;
font-family:"Lucida Grande","Lucida Sans Unicode",arial,helvetica,sans-serif;
font-size: 100.01%; 
}

/* Das zur�cksetzen der Innen- und Au�ßenabst�nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em}

/* Anpassung f�r Safari Browser. font-size:100% ist f�r den Safari in Formularen zu gro� */ 
select, input, textarea { font-size: 99% }

body {
margin:0 auto;
background:url("/files/design/border_right.jpg") repeat-x top;
line-height:1.428em; /* 14x1.428=20px */
}

#container {
margin:0 auto;
padding:0;
width:100%;
background: url("/files/design/border_right.jpg") repeat-x top;
position: relative;
margin:0 auto;
min-height: 100%; /* Mindesth�he in modernen Browsern */
height: auto !important; /* !important-Regel f�r moderne Browser */
height: 100%;
}

#main {
margin:0 auto;
max-width:960px;
min-width:600px;
background:#fff;
padding:0;
min-height:1000px; /* Mindesth�he in modernen Browsern */
height:auto !important; /* !important-Regel f�r moderne Browser */
height: 100%; /* Mindesth�he in IE (<7) */
}

#header {
margin:0 auto;
max-width:960px;
min-width:600px;
width:auto !important;
height:110px;
}
#header div.oi {
margin:0 190px 0 2em;
max-width:960px;
min-width:600px;
width:auto !important;
height:110%;
display:block;
background:#fff url("/files/design/header.gif") no-repeat;
background-position:bottom right;
}

#header h1 {
color: #21316d;
font-size:200%;
padding: 3em 0 0 2em;
margin-left: -1000em;
}

#header p {
color:#000;
font-size:200%;
padding: 0em 0 0 2em;
margin-left: -1000em;
}



/* ___________________________________________________________________________ Contentcontainer */


#content {
display:block;
min-height:100%;
height:auto !important;
height:100%;
line-height:1.5em;
float:left;
width:85%;
}
#content div.oi {
margin:0 0 0 2em;
}
#menu {
width:100%;
}
#menu div.oi {
margin:0 2em 2em 0;
}
#article {
	padding:0 0 2em 0;
	width:60%;
	float:left;
}
#article div.oi {
margin:0;
}
#article ul {
padding-bottom: 1em;
}
#seitenspalte {
float:right;
width:25%;
}
#seitenspalte div.oi {
margin:0 2em 0 0;
}

#footer {
	font-size:85%;
	margin:0 auto;
	padding:0 0 0 2em;
	text-align:left;
	width:100%;
	clear:both;
	position: relative;
	color:#CCCCCC;
}
#footer a {
	color:#CCCCCC;

}
/* ___________________________________________________________________________ Navigation */
#menu {
	padding-bottom:3em;
}
#menu ul {
	padding :1em 0;
}
#menu li {
/*	display:inline; */
float:left;
	list-style: none;
	position: relative;
	margin:0.2em 5px 0.2em 0;
	display: block;
	z-index:20;
	background-color:transparent;
	white-space:nowrap;
	height:1.5em;
}
#menu a {
	padding:0.25em 0.5em 0 15px;
	color: #666666;
 	display: block;
    width:auto;  /* Breite den in li enthaltenen Elementen zuweisen */
	text-decoration:none;
	background:#fff url("/files/design/square_yellow.gif") no-repeat;
	background-position:left 7px;
}
#menu li a:hover {
	color:#000;
		background:#fff url("/files/design/square_grey.gif") no-repeat;
	background-position:left 7px;
}
#menu li a.rex-current {
	color:#000;
}
#menu li.active a:hover {
	color:#000;
}

#menu li ul {
margin:0;
padding:0;
position:absolute;
top:2.0em;
left: -0.2em;
display: none;  /* Unternavigation ausblenden */
	z-index:900;
  }
  *:first-child+html #menu li ul {  /* Workaround fuer den IE 7 */
    background-color:silver; padding-bottom:0.4em;
  }
#menu ul li:hover ul  {
display: block;  /* Unternavigation in modernen Browsern einblenden */
		position:absolute;
		z-index:900;
		width:175px;
		top:1.5em;
}
#menu li ul li {
float:none;
margin:0;
padding:0px 5px;
background:#fff;
border-bottom:0px solid #008b3a;
height:auto;
width:auto;
display:block;
white-space:normal;
}
 
#menu .aktiv a {
color: #56A328; 
}
#nav_special ul.rex-navi1 {
margin:0;
padding:0;
list-style-type:none;
clear:both;
font-size:0.85em;
}
#nav_special ul.rex-navi1 li {
float:left;
margin:0 0.5em 0 0;
}
#nav_special a {
color:#999999;
text-decoration:none;
}
#nav_special a:hover {
color:#333;
text-decoration:none;
}
/* ___________________________________________________________________________ Typography */

p {
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
padding-bottom:1em;
}
li {
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
}
span {
font-weight:normal;
}
em {
text-decoration:underline;
font-style:normal;
}
a { 
cursor:pointer;
outline:none; /* avoid firefox bug dotted lines */
}
a {
	color:#f9b400;
	text-decoration :underline;
	display:inline;
}
a:visited {
color:#f9b400;
text-decoration :none;
}
a:hover {
color:#000;
}

#seitenspalte p {
font-size:85%;
}
#seitenspalte strong {
color:#56A328;
}
#seitenspalte img {
margin-top:6px;
}

h1 {
color:#F9B400;
font-size:1.5em; /* 16x1.5=24px */
line-height:1.428em; /* 14x1.428=20px */
}
h2 {
color:#F9B400;
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
margin:0 0 0.5em 0;
padding:0;
}
h3 {
color:#000;
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
}

#article ul li {
list-style-type:none;
margin:5px 0;
padding:0 0 0 17px;
		background:#fff url("/files/design/triangle_yellow.gif") no-repeat;
	background-position:left 3px;
}
.clear {
clear:both;
}
.sticker {
padding:0px;
margin:2em 0 0 -20px;}
.top {
	background-position:left top;
	padding:15px 0px 0px 0;
	margin:20px 0 10px 0;
	z-index:1;
	display:table;
width:230px;
	background-image:url(/files/design/sticker_top.gif);
}

.bottom {
	background-position:left bottom;
	padding:0px 15px 15px 30px;
	margin:0;
	z-index:2;
	display:table;
width:100%;
	background-image:url(/files/design/sticker_bottom.gif);
}
.player {
clear:both;
margin:10px 0 0 0;
padding:5px 0;
border-top:0px solid #999;

}
.player object {
margin:3px 0;
padding:0;
float:right;
vertical-align:top;
}
.player span {
margin:0 0 10px 0;
padding:0;
float:left;
font-size:0.875em; /* 16x0.875=14px */
color:#999;
vertical-align:top;
width:225px;
}