/* Funktion : Basis-Modifikation für das Layout */

@media all
{

/* Formatierung der Seite */

* {
	margin:0px;
	padding:0px;
	border:0px;
}

html {
	height:100%;
	background-image:url(../../img/bg/html.jpg);
	background-repeat:repeat-x;
	background-color:#eceae3;
}

body { 
	height:100%;
	width:1020px;
	margin:0px auto;
	background:transparent;
	background-image:url(../../img/bg/body.jpg);
	background-repeat:repeat-y;
	background-position:center;
}

#page_margins {
	height:100%;
	width:1020px;
	margin:0px auto;
	background:transparent;
	background-image:url(../../img/bg/container.jpg);
	background-repeat:no-repeat;
	background-position:top center;
 } 
 
#page{	
	background:transparent;
}



#top {
	height:72px;
	background-repeat:no-repeat;
	background-position:top center;
}

#logo{
	margin:10px 0px 0px 15px;
	float:left;
}

#header{
	background-image:url(../../img/bg/header.jpg);
	background-repeat: repeat-y;
	background-position:top center;
	height:180px;
	margin-left:0px;
}

* HTML #header {
	margin-left:5px;
}

#header img {
	display:block;
	margin:1px 11px;
}

#top ul {
	float:right;
	margin:40px 10px 0px 0px;
}

#top li {
	height:31px;
	float:right;
	list-style:none;
	background-position:left;
	background-repeat:no-repeat;
	padding:0px 0px 0px 14px;
	margin:0px 20px 0px 0px;
	color:#ffffff;
}

#top li a {
	background-position:left bottom;
	background-repeat:no-repeat;
	display:block;
	padding:0px 0px 0px 18px;
	margin:7px 0px 0px 0px;
	color:#ffffff;
}

#top li a img {
	color:#ffffff;
}

#sub{
	height:70px;
	background: transparent;
	background-image: url(../../img/bg/sub.jpg);
	background-repeat:no-repeat;
	background-position:top center;	
}

* HTML #sub {
	width:1000px;
	margin-left:5px;padding:0px;
}

#sub .breadcrumb {
	padding:10px 0px 0px 270px;
	clear:both;
}

#sub * {
	font-size:10px;
	font-weight:normal;
}

#subnavi img, #subnavi a, #subnavi li{
	color:#ffffff;
}

.search-button {
	position:relative;
	top:5px;
	color:#ffffff;
}

#subnavi ul {
	float:right;
	margin:0px 20px 0px 20px;
}

#subnavi li {
	list-style:none;
	height:17px;
	margin: 4px 0px 0px 5px;
	float:right;
}

#subnavi form {
	position:relative;
	top:-1px;
}

#subnavi a {
	line-height:17px;
	background: transparent;
	color:#FFFFFF;
	padding:0px 22px 0px 5px;
}

#subnavi li.language {
	background: transparent;
}

#subnavi li.language a {
	padding:0px;
	width:25px;
}

#subnavi li.search {
	background: transparent;
	padding:0px;
	margin:0px;
}

.search-field {
	height:15px;
	border:1px solid #aaaaaa;
	color:#999999;	
	padding-left:3px;
	position:relative;
}

#menu {
	border:1px solid #e6e6e6;
	font-size:12px;
}

#menu h1 {
	height:25px;
	padding:0px 0px 0px 24px;
	background-image:url(../../img/bg/menu-arrow.gif);
	background-repeat:repeat-x;
	border-bottom:1px solid #e6e6e6;
	font-size:14px;
	font-weight:normal;
	line-height:24px;
	margin: 0px;
}

#menu ul {
	padding:3px 0px 3px 24px;
	margin: 0px;
}

#menu ul ul {
	padding:0px 0px 0px 15px;
	margin: 0px;
}

#menu li {
	list-style:none;
	margin:3px 0px;
}

#menu li a {
	font-weight:normal;
}

#menu li a:hover {
	color:#bb0712;
	text-decoration:none;
}

a.active {
	font-weight:bold;
}


#footer{
	height:60px;
	background-repeat:no-repeat;
	background-position:top left;
	margin: 0px 5px 0px 5px;
	padding:0px;
}

* HTML #footer {
	margin-left: 10px;padding:0px;
}

#footer p {
	margin-top:35px;
}

#footer p.left {
	margin-left:20px;
}

#footer p.right {
	margin-right:20px;
}

#footer noscript p {
	width:300px;
	float:left;
}

#hidden{
	visibility:hidden;
	display:none;
}

#footer p, #footer a {
	color:#FFFFFF;
	font-size:10px;
	font-weight:normal;
	line-height:14px;
}


/* # Formatierung der Inhaltsspalten # */
#main{
	background: none; 
	background-image:url(../../img/bg/main.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin: 0px;
	padding: 0px;
	border: 0px solid #F0F;
}

* HTML #main {
	margin-left:10px;padding:0px;
}

/* linke Spalte */

#col1 {
	margin:0px 0px 0px 20px;
	float:left;
	width:200px;	
	font-size:12px;
	background: transparent; 
}

#col1_content {
 margin: 0px;
 background: transparent; 
}
#content-l {
	margin:20px 0px 0px 24px;
	width:176px;
}

#content-l a, #content-l p{
	font-size:10px;
}

#content-l a:hover{
	color:#bb0712;
	text-decoration:none;
}

#content-l p{
	margin:10px 0px 0px 0px;	
}

/* Rechte Spalte */

#col2 { }
#col2_content { margin: 0px; padding: 0px;}


/* Mittlere Spalte */
#col3 {
	margin: 0px;
	padding: 0px;
 	/* basemod_vlines.css auch.... */
	background: none; 
}

#col3_content {	background: none; }

.left {
	float:left;
}

.right {
	float:right;
}

.subcolumns, .clear {

}

.c66l{
	float:left;
	width:66%;
}

.c66r{
	float:right;
	width:66%;
}

.c50l{
	float:left;
	width:50%;
}

.c50r{
	float:right;
	width:50%;
}

.c33l{
	float:left;
	width:33%;
}

.c33m{
	float:right;
	width:33%;
}
.c33r{
	float:right;
	width:33%;
}

.subcr{
	margin-left:20px;
}

.subc{
	margin-right:10px;
	margin-left:10px;
}

.subcl{
	margin-right:20px;
}

.csc-textpic-firstcol{
	padding-top:20px;
	}
	
} /* Ende Media all */

@media screen
{
	/* =========== Syles für Barierefreiheit ========= */
	/* Accesskey */
	.hd, .jump, #col1 li dfn, .hidden{
	    height: 1em;
	    left: -150em;
	    overflow: hidden;
	    position: absolute;
	    width: 100em;
	}
}