/******************************
Screen.css fuer Zwischennutzungsagentur

Olaf Engel  / Seitenwiese.de

rot: #E20A16 - hellgruen #EBF0B3
******************************/

* {
	margin:0;padding:0;
	}
img{border:none;}
* html {height:100%;}

body{
	font-size:76%;
	font-family:Arial, Helvetica, sans-serif;
	background-color:#EBF0B3;
	vertical-align:middle;
	text-align:center;
	color:#333;
	height:100%;
	}

div#content{
	margin-left:224px;
	/*width:700px;
	text-align:left;
	border-left:5px solid #EBF0B3;*/
	background:url() left bottom no-repeat white;
	text-align:left;
	}


div#left{
	margin-right:268px;
	background-color:white;
	/*border:3px solid #EBF0B3;border-bottom:0;*/
	padding-bottom:3px;
	text-align:left;
	}

* html div#left{height:520px;}
	
div#wrapper{
	margin:20px auto;
	width:934px;
	border:10px solid white;
	background:white;
}

div#sidebar{
	width:200px;
	float:left;
	padding:5px;
	margin:0;
	padding-top:0;
	background:#EBF0B3;
}
div#right{
	min-height:500px;
	padding:10px;
	margin:0;
	width:240px;
	float:right;
	background:#ccc;
	}
div#header{
text-align:left;
height:150px;
background-image:url(../images/header-2.jpg);
background-repeat:no-repeat;
background-color:#ccc;
padding-bottom:5px;
border-bottom:5px solid white;
}
div#footer{
	width:690px;
	margin-left:220px;
	text-align:left;
	
	padding:3px;
	margin-top:6px;
}
/*format*****************************************************************************/
div.text{
		background-color:white;
		padding:10px;
		margin:0;
		min-height:500px;
			}
* html div.text{height:422px;}


* html div#right{height:500px;}


a{color:#DF002B;text-decoration:none;}

a:hover{color:#666;}
h1,h2,h3,h4,h5,h6, p{
		margin:10px 0;
		line-height:20px;
		vertical-align:middle;
	}
h3,h2{color:#DF002B;font-size:13px;}
h1{font-size:13px;color:#DF002B;}
#right h3{
	vertical-align:middle;
	border-bottom:0;
}
#right h3.head{
	border-bottom:1px solid #DF002B;
}

h4{color:#DF002B;margin-bottom:0;}
h5{margin-bottom:0;}
p, #content li{line-height:20px;}

div#content ul{margin:10px 16px;padding:5px;}

#content ul li{
	list-style-image:url(images/list.jpg);
	vertical-align:middle;
}

/*menu **********************************************************************/

div#sidebar ul{
	list-style-type:none;
	text-align:right;
}
div#sidebar ul{margin-top:20px;}
div#sidebar ul li{display:inline;}

div#sidebar ul a {
	display:block;
	text-align:right;
	background-color:white;
	margin:5px 0;
	padding:3px;
	color:#333333;
	font-weight:bold;
	border-bottom:3px solid #EBF0B3;
	}

div#sidebar ul a:hover, 
div#sidebar ul a.on{
	color:#DF002C;
	background-color:#ccc;
	}

/* submenu ********************************************************************/

div#sidebar ul.sub{
	list-style-type:none;
	text-align:right;	
}
div#sidebar ul.sub{margin-top:5px;margin-left:15px;}

div#sidebar ul.sub li{
	display:inline;
	}

div#sidebar ul.sub a {
	display:block;
	text-align:right;
	background:url(../images/bullet-white.gif) right center no-repeat transparent;
	margin:1px 0;
	padding:2px;
	padding-right:11px;
	color:#333333;
	font-weight:bold;
	}


div#sidebar ul.sub a:hover,
div#sidebar ul.sub a.on{
	color:#DF002C;
	background-image:url(../images/bullet-red.gif);
	background-color:#ccc;
	}

/*klassen*/
.red {color:#DF002C;}
.artikelbild{
	padding:3px;margin:13px;margin-left:0;margin-top:0;float:left;border:1px solid #666;

}