/****************************************************************
base 2-spalter
tizian bauer at ansichtsache dot com 

****************************************************************/
/* ### 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;
line-height:1.428em; /* 14x1.428=20px */
}

#container {
padding:0;
width:100%;
position: relative;
min-height: 100%; /* Mindesth�he in modernen Browsern */
height: auto !important; /* !important-Regel f�r moderne Browser */
height: 100%;
margin: 0 auto -400px auto;
}

#main {
height:400px; /* Mindesth�he in IE (<7) */
display:block;
margin-right:75px;
}

#header {
margin:0 auto;
min-width:600px;
width:auto !important;
height:40px;
}
#header div.oi {
width:230px;
height:50px;
position:fixed;
top:0;
right:0;
margin:-10px 50px 0 250px;
background-color: #CC0099;
-moz-border-radius:10px;
-webkit-border-radius:10px;
margin-top: -10px;
border-top-width:0px;
border-right-width: 10px;
border-bottom-width: 10px;
border-left-width: 10px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #CC0099;
border-right-color: #CC0099;
border-bottom-color: #CC0099;
border-left-color: #CC0099;
}

#header h1 {
color: #21316d;
font-size:200%;
padding: 0.5em 0 0 0;

margin-left:0em;
}

#header p {
color:#000;
font-size:200%;
padding: 0em 0 0 0em;
margin-left: 0em;
}
#menu {
width:100%;
}
#menu div.oi {
margin:0 2em 2em 0;
}


/* ___________________________________________________________________________ Contentcontainer */
.push {
    height: 400px;
    clear: both;
}


#content {
margin:auto 0 -10px 0;
display:block;
min-height:250px;
height:auto !important;
height:100%;
line-height:1.5em;
float:left;
width:100%;
bottom:0;
position:absolute;
clear:both;

}
#content div.oi {
margin:0 0 0 0;
position:relative;
}

#article {
padding:0 0 0 0;
	width:35%;
	min-width:230px;
	float:left;
	background:#ccc;
	border: solid #ccc 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
z-index:100;
margin:auto 0 -20px -10px;
display:block;
min-height:250px;
height:auto !important;
height:100%;
line-height:1.5em;
float:left;
top:10px;
bottom:-10px;
position:static;
clear:both;
}
#article div.oi {
margin:0.25em 1em 0 1em;

}

#seitenspalte {
display:none;
float:right;
width:230px;
height:230px;
right:0px;
margin:auto 50px -10px 250px;
border: solid #ccc 10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position:fixed;
bottom:0;
background:#ccc url(/files/atm_animated.gif) no-repeat;
background-position:right bottom; 
}
#seitenspalte div.oi {
margin:0 2em 0 0;
background:#fff;


}

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

}

.opaque {
    opacity: .9;
    filter: alpha(opacity=90);
    -moz-opacity: .9;
}

/* ___________________________________________________________________________ Navigation */
#menu {
padding:0 0 1em 0.5em; 
	text-transform:uppercase;
	letter-spacing:0.2em;
	font-weight:700;
	font-size:0.8em;
}
#menu ul {
	padding:1em;
}
#menu li {
/*	display:inline; */
float:left;
	list-style: none;
	position: relative;
	margin:0.2em 5px 0.3em 0;
	display: block;
	z-index:20;
	background-color:transparent;
	white-space:nowrap;
	height:1.5em;
}
#menu a {
	padding:0.25em 0.5em 0 0;
	color: #000;
 	display: block;
    width:auto;  /* Breite den in li enthaltenen Elementen zuweisen */
	text-decoration:none;
}
#menu li a:hover {
	color:#CC0099;
}
#menu li.active a {
	color:#CC0099;
}
#menu li.active a:hover {
	color:#CC0099;
}

#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 */
		border-left:1px solid #008b3a;
		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: #CC0099; 
}
#menu a.rex-current {
color: #CC0099; 
}
#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.775em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
padding-bottom:1em;
}
li {
font-size:0.775em; /* 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:#CC0099;
text-decoration :underline;
}
a:visited {
color:#666666;
text-decoration :none;
}
a:hover {
color:#fff;
}

#main a[href^="http:"], #main a[href^="https:"]
{
	padding-left: 12px;
	background-image: url('/files/design/ext_link.gif');
	background-repeat: no-repeat;
	background-position: 0 0.15em;
}

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

h1 {
color:#cc0099;
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
font-weight:700;
text-transform:lowercase;
}
h2 {
color:#cc0099;
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
margin:0 0 0.5em 0;
padding:0;
font-weight:700;
}
h3 {
color:#000;
font-size:0.875em; /* 16x0.875=14px */
line-height:1.428em; /* 14x1.428=20px */
}

#article ul li {
list-style-type:disc;
}
.clear {
clear:both;
}

/* --------------------------------------------------------------------------SuperBGImage */
.scanlines {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 3;
	background: url('/files/addons/SuperBGImage/grid.png');
}