/*
Wordpress CSS requirements 
*********************************************************************

Theme Name:		Achieving Diamant++
Theme URI:		http://www.entwicklungshilfe.de/
Description:	Standardtheme von entwicklungshilfe.de
Version: 		10.01
Author: 		Safran Quader
Author URI: 	http://www.entwicklungshilfe.de/
Tags: 			black, white, fixed width, two columns


General
*********************************************************************

Title:			Stylesheet - Die-Elementarteilchen.de
File:			style.css
Copyright:		Creative Common Attribution-Noncommercial-Share Alike 3.0 Germany
Licence:		http://creativecommons.org/licenses/by-nc-sa/3.0/de/deed.en_US


Table of Contents:
*********************************************************************

Global Styles
Structure
Header
Footer


Colors:
*********************************************************************

Dark grey (links): #333
White (text, headings) #000066
Black (background) #333399
 	
*/





/* Global Styles
--------------------------------------------------------------------------------------- */

*{
	margin:0;
	padding:0;
} 

html, body, #wrap{
	height: 100%;
}

body > #wrap{
	height: auto; 
	min-height: 100%;
}

body{
	background:#fff url('images/hintergrund.jpg') no-repeat center 112px;
	font-size:100.1%;
	font-family: Arial, tahoma, verdana, Helvetica, sans-serif;
}

img{
	border: none;
}

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

h1 {
	font-size:1.6em;
	font-weight:bold;
	line-height:1.2em;
}

h3 {
font-size:1.1em;
font-weight:bold;
line-height:1em;
margin-top:1.2em
}

#entry{
	float: left;
	width: 600px;
	line-height: 21px;
	font-size: 14px;
	margin-top: 20px;
}

#entry p{
	margin-bottom: 15px;
	margin-top: 0.6em;
}

#info-right{
	padding: 10px;
	font-size: 0.75em;
}

#info-right p{
margin-bottom: 10px;
}

#info-right h3{
	padding: 0px;
	margin: 0px;
	font-size: 1.5em;
	margin-bottom: 10px;
}

.newslist{
	float: left;
	width: 11em;
	margin-right: 0.6em;
	margin-left: 0.2em;
}

.newslist a{
	color: #fff;
	font-weight: bold;
	font-size: 0.8em;
}

.newslist p{
	margin-bottom: 0.6em;
	line-height: 0.9em;
}

.newslarge{
	margin-top: 1em;
	padding-bottom: 0.2em;
}

.newslarge a{
	border: none;
}

.newslarge h2{
	margin: 0;
	font-weight: bold;
	font-size: 1.4em;
	color: #222;
}

.newslarge p{
	font-size: 0.8em;
	line-height: 1.5em;
}

.newssmall{
	width: 12.5em;
	float: left;
	margin-right: 0.7em;
	margin-top: 1em;
	margin-bottom: 1em;
}

.newssmall a{
	font-weight: bold;
	border: none;
	font-size: 1em;
	color: #222;
}

.newssmall p{
	font-size: 0.8em;
	line-height: 1.4em;
}

.newssmall h2{
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}

.newssmall_index{
	width: 11.0em;
	float: left;
	margin-right: 0.7em;
	margin-top: 1.5em;
	margin-bottom: 1em;
}

.newssmall_index a{
	font-weight: bold;
	border: none;
	font-size: 1em;
	color: #222;
}

.newssmall_index p{
	font-size: 0.7em;
	line-height: 1.3em;
}

.newssmall_index h3{
	font-size: 0.9em;
	line-height: 1.2em;
	font-weight: bold;
	margin-top:-5px;
}

.weiterenachrichten a{	
	font-weight: bold;
	border: none;
	font-size: 0.8em;
}

.weiterenachrichten li{	
	font-weight: bold;
	border: none;
	font-size: 0.95em;
	line-height: 1em;
	color: #000;
}

.date{
	font-size: 0.7em;
	line-height: 1.1em;
	color: #666;
}


#right{
width: 345px;
float: right;
}

#right h1{
font-size: 1.1em;
line-height: 1.2em;
margin-bottom: 0.5em;
margin-top: 0.5em;}

#right p{
font-size: 0.8em;
line-height: 1.1em;}

#left{
float: left;
width: 500px;}

/* Structure
--------------------------------------------------------------------------------------- */
#header{
	background: url('images/nav.jpg'); 
	height: 112px;
}

#main{
	padding-bottom: 33px;
}

#wrap{
	background: url('images/background2.png') repeat-y left bottom;
}

#content{
	width: 860px;
	padding-left: 30px;
	padding-right: 40px;
	padding-top: 10px;
	background: #fff;
	line-height: 21px;
	color: #1e1e1e;
}

#nachrichtenbox{
	
}

p{
	margin-bottom: 15px;
}


/* Header
--------------------------------------------------------------------------------------- */

/*****************************************/
/* Mainnavigation                      	 */
/*****************************************/

#navigation{
	position: absolute;
	top: 89px;
	left: 0;
}

#horizontal-navigation, #horizontal-navigation ul {
	list-style: none;
	position: absolute;
	width: 980px;
}

#horizontal-navigation a {
	color: #fff;
	display: block;
	font-family: Arial;
	font-size: 12px;
	padding: 4px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

#horizontal-navigation li ul li a {
border-bottom: 1px solid #333;
border-left: 1px solid #333;
border-right: 1px solid #333;
}


#horizontal-navigation a:hover, #horizontal-navigation li.active a{
	color: #333;
	background: #fff url('images/nav_background_active_w.png');
	border-left: 1px solid #333;
}

#horizontal-navigation li {
	float: left;
	padding: 0;
}

#horizontal-navigation li ul {
	background: #000;
	font-weight: normal;
	height: auto;
	left: -999em;	
	margin: 0;
	position: absolute;
}

#auslandseinsatz ul{
	width: 110px;
}

#auslandseinsatz ul li{
	width: 110px !important;
}

#entwicklungspolitik ul{
	text-align: left;
	width: 140px;
}

#entwicklungspolitik ul li{
	width: 140px !important;
}
#entwicklungspolitik:hover{
	width: 140px !important;
	text-align:center;
}
.entwicklungspolitik:hover{
	background: #fff url('images/nav_background_active_w.png');
}
#krieg ul{
	text-align: left;
	width: 130px;
}

#krieg ul li{
	width: 130px !important;
}

#umwelt ul{
	width: 215px;
}

#umwelt ul li{
	width: 215px !important;
}

#horizontal-navigation li li {
	width: 13.9em
}

#horizontal-navigation li ul ul {
	margin: -1.75em 0 0 14em;
}

#horizontal-navigation li:hover ul ul, #horizontal-navigation li:hover ul ul ul,
#navigation .navfxenabled li:hover ul, #navigation .navfxenabled li:hover ul ul, #navigation .navfxenabled li:hover ul ul ul,
#navigation .navfxenabled li.over ul ul,#navigation .navfxenabled li.over ul ul ul
{
	left: -999em;
}
#horizontal-navigation li:hover ul, 
#navigation .navfxenabled li.over ul
 {
	left: auto;
}
#horizontal-navigation li li:hover ul, #horizontal-navigation li li li:hover ul,
#navigation .navfxenabled li li.over ul, #navigation .navfxenabled li li li.over ul
 {
	left: -2px;
}
#navigation li li.over ul.leftover, #navigation .navfxenabled li li li.over ul.leftover, #navigation .navfxenabled li li li li.over ul.leftover
 {
	left: -28.44em;
}
#horizontal-navigation li:hover, #horizontal-navigation li.active{
	color: #333 !important;
}

#content ul li{
	margin-left: 30px;
	list-style-type:square;
	margin-bottom: 15px;
}

#lizenz{
	border: 1px solid #e3e3e3;
	background: #f3f3f3;
	padding: 15px;
	margin-bottom: 20px;
}




/* Footer
--------------------------------------------------------------------------------------- */

#footer {position: relative;
	background: url('images/footer.png'); 
	clear:both;
	color: #dedede; 
	font-family: Arial; 
	font-size: 11px; 
	height: 23px;
	margin-top: -23px; /* negative value of footer height */
	text-align: center;
	width: 100%; 
} 
	
#footer p{ 
	padding-top: 3px;
}

#footer a{
	color: #fff;
	text-decoration: underline;
}

.breadcrumb {
font-size:0.65em;
}




.info{
color: #333333;
width: 100%;
display: block;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
border-bottom-color: #e2e2e2;
border-bottom-width: 1px;
border-bottom-style: solid;
border-top-color: #e2e2e2;
border-top-width: 1px;
border-top-style: solid;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
font-size: 12px;
text-transform: uppercase;
}



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

h1{
	font-family: Arial;
	font-size: 29px;
	color: #000;
	font-weight: 700;
line-height: 1.1em;
padding-bottom: 5px;
}

.titles{
line-height: 0.9em;}

.titles a {
font-size: 0.75em;
color: #000;
}

.titles a:hover {
text-decoration: underline;
}

.datec {
color:#666;
font-size:0.7em;
}

h2{

}

h1 a{
	font-weight: bold;
	text-decoration: none;
}

h3{
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1em;
	margin-top: 1.2em;
}

blockquote {
 	background: #f5f6f7;
 	padding: 0 15px;
	border-left: 8px solid #ccc;
	margin: 0 1em;
	font-style: italic;
}

acronym{
	cursor: help;
	border-bottom: 1px dotted #900000;
}

strong{
	font-weight: bold;
}

em{
	font-style: italic;
}

#navbar a{
    text-decoration: none;
	font-size: 0.719em;
}


#entry a{
	border-bottom: 1px dotted #444;
}

#comments{
	font-size: 0.75em;
	line-height: 1.2em;
}

#footer{
	font-size: 0.65em;
	line-height: 1.2em;
}


/* ********************* // Classes // ********************* */

.bold{
	font-weight: bold;
}

.underline{
	text-decoration: underline;
}

.middle{
	text-align: center;
}
.name{
	font-weight: bold; 
	line-height: 1.5em;
}
.news{
	float: left;
	width: 14em;
	margin-top: 1em;
	margin-right: 1.5em;
	line-height: 1.2em;
	font-size: 80%;
	color: #000;
}

.news em{
	text-transform: uppercase;
	font-size: 0.8em;
	color: #666;
	font-weight: bold;
	font-style: normal;
}

.news a{
	color: #000;
	text-decoration: none;
	font-weight: bold;
}

.news dt{
	margin: 0.2em 0;
}

.news img{
	border: 1px solid #c8c8c8;
}

.news_right{
	font-size: 0.65em;
	line-height: 1.5em;
}

.wuensche{
	font-size: 0.65em;
	line-height: 1.0em;
	color: #a0a0a0;
}

.children{
	font-size: 0.90em;
	line-height: 1.0em;
}

.breadcrumb{
	font-size: 0.65em;
}

.breadcrumb-site{
	line-height: 1.2em;
	margin-bottom: 0.65em;
	font-size: 0.8em;
}

#quellen{
	color: #666;
	font-size: 0.8em;
}

#autor{
	color: #666;
	font-size: 0.8em;
}

.articleofmonth h1{
	font-size: 1.0em;
	padding: 5px 10px 0px 10px;
}

.articleofmonth p{
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 0px 10px 10px 10px;
}

li{
	list-style-type:none;
}

ol li{
	list-style-type: decimal;
	margin-top: 0.5em;
}

ol{
	margin-left: 50px;
	margin-bottom: 15px;
}

dt{
	font-weight: bold;
}

dd {margin-top: 5px;
margin-bottom: 20px;}