/*-----------------------------------------------------------------------------

www.whodesigner.com.br

-----------------------------------------------------------------------------*/



   

/* default styles

-----------------------------------------------------------------------------*/



body {

  padding: 0; 

  margin: 0; 

  font: 0.7em Verdana, Arial, sans-serif; 

  line-height: 1.5em;

  background: #fff; 

  color: #454545; 

}



a, a:visited {

 color: #069227;

 text-decoration: none;

}

			

a:hover {

 text-decoration: underline;

}

		

a img {

 border:0px;

}



a.title {

  color: #069227;

}



h1 {

 margin: 10px 0px 0px 0px;

 padding-top: 0px;

 float:left;

 height:38px;

 line-height: 36px;

}



h1 a, h2 a {

 text-decoration: none;

}



h1 a:hover, h2 a:hover {

 color: #000000;

}



h2 { 

 margin: 0; 

 padding: 0; 

 font: bold 1.3em Arial, Sans-Serif; 

 letter-spacing: -1px;

 color: #000;

}



p {	

 margin: 0 0 5px 0;

}



.contentpost {

 margin-bottom:40px;

}



.contentpost img {

 margin: 3px 6px 3px 6px;

 border: 1px solid #ccc;

 padding: 3px;

}



.postlist {

 border-top: 2px solid #ccc;

 margin: 4px 0px 40px 0px;

 padding: 4px;

}



.postlist p {

 margin:3px;

 border-bottom: 1px solid #ccc;

}



blockquote {

 margin: 10px 0 0 25px;

 padding: 0 20px;

 border-left: 1px solid #ccc;

 color: #666;

}



form { 

 margin: 0px; 

}



#searchform {

 padding-top:0px;

}



#searchform input#s { 

 width: 206px; 

 border: 1px solid #d8d8d8;

 padding: -2px 2px 2px 2px;

 color: #ccc;

 font: 1.3em Arial, Sans-Serif;

}



form#searchform div input#searchsubmit {

  margin:3px 0px 0px -20px;

  position:absolute;

}



/* layout

-----------------------------------------------------------------------------*/



.content { 

  margin: 0px auto;

  width: 980px; 

}



.header { 

 /*height: 120px;*/

}



.top_info {

  padding: 0 0 10px 0;

}



.top_info_topnavi {

 float: right;

 text-align: right;

 width: 440px;

 padding: 4px 10px 10px 0px;

 color: #5d8900;

 font: normal 1.0em Arial, Sans-Serif;

 margin-bottom: 20px;

}



.top_info_topnavi ul { 

 margin: 0px; 

 padding: 0px; 

 list-style: none; 

}



.top_info_topnavi ul li { 

 margin: 0px; 

 padding: 3px 10px 0px 0px;

 float: right;

}



.top_info_topnavi a {

 color: #5d8900;

 text-decoration: none;

}



.top_info_topnavi a:hover {

 color: #000;

 text-decoration: underline;

}



.navi { 

 color: #666;

 background: #EFEFEF; /* Hintergrundfarbe Navigation-Bar */

 clear: both;

 font: bold 1.3em Arial, Sans-Serif; 

 letter-spacing: -1px;

 list-style: none;

 padding: 4px;

 margin-top: 30px;

}



.navi .navsearch {

 text-align:right;

 padding: 0px 12px 0px 0px;

}



.navi .navsearch input#s { 

 width: 165px;

 border: 0px solid #fff;

 padding: -3px 0px 0px 0px;

 margin: 0px;

 color: #333;

 font: normal 0.9em Arial, Sans-Serif;

}



.navi .navsearch input#searchsubmit {

 margin: 4px 0px 0px 4px;

}



.navi ul { 

 margin: 0px; 

 padding: 0px; 

 list-style: none; 

}



.navi ul li { 

  margin: 0; 

  padding: 3px 10px 0px 10px;

  color: #333;

  float: left; 

}

	

.navi ul li.current_cat a{  

 color: #000;

 font-weight: bold; 

 text-decoration: none;

 background:none;

}



.navi ul li a { 

 font-weight: bold;

 color: #333; 

 text-decoration: none;

 background:none;

}

	

.navi ul li a:hover { 

  color: #000;

  font-weight: bold; 

  text-decoration: none;

} 





/* Left Side

-----------------------------------------------------------------------------*/



.left {

  float: left;

  width: 490px;

  margin: 10px 0 10px 0;

}

.left_articles {

  margin: 0px 0 10px 0;

}

.left_articles h2, .left_articles h2:hover{

 padding: 0px;

 margin: 0px;

 color: #000;

 font:normal 2.4em Arial,Verdana,sans-serif;

 line-height: 100%;

 letter-spacing: -2px;

}



.metadata {

 border-top: 1px solid #DEDEDE;

 border-bottom: 1px solid #DEDEDE;

 margin: 4px 0px 10px 0px;

 padding: 0px;

}

	

.alignright {

  float: right;

}



.alignleft {

  float: left

}



/* Begin Comments

-----------------------------------------------------------------------------*/



.commentlist li.alt {

  background-color:#FFFFFF;

}



.commentlist {

  margin:5px;

  padding: 0;

  text-align: justify;

}



.commentlist li {

  margin: 15px 0 3px;

  padding: 5px 10px 3px;

  list-style: none;

  background: #f6f6f6;

  color: #808080;

}



.commentlist p {

  margin: 10px 5px 10px 0;

}



#commentform p {

  margin: 5px 0;

}



.nocomments {

  text-align: center;

  margin: 0;

  padding: 0;

}



.commentmetadata {

  margin: 0;

  display: inline;

}





/* Sidebar

-----------------------------------------------------------------------------*/

		

.sidebar {

 /*background: #f6f6f6;*/

 float: right;

 width: 470px;

 padding: 10px 0px 10px 20px;

 margin: 0 0 10px 0;

}



#sidebar_left {

 float: left;

 width: 225px;

 margin: 0 0 10px 0;

}



#sidebar_right {

 float: right;

 width: 225px;

 margin: 0 0 10px 0;

}



.sidebar ul { 

 margin: 0; 

 padding: 0; 

 list-style: none; 

}



.sidebar li {

 list-style-type:none;

}



.sidebar li ul li{

 list-style-type:none;

 margin-left:20px;

}



.right_login {

 padding: 10px;

 margin: 10px 0 10px 0;

 background: #34cb0c;  /* Hintergrundfarbe breite Boxen fundo da barra lateral */

 color: #ffffff;

}



.image {

 float: left;

 margin: 0 9px 3px 0;

}

/* --------------------------------------------- HIER HIER HIER HIER HIER HIER HIER HIER ----- */

.relatedArticles, .recentComments, .right_articles {

 font-size: 11px;
 
 margin: 24px 0px 24px 0px;

 padding: 8px;

 background-color: #34cb0c;  /* Hintergrundfarbe kleine Boxen */

}



.relatedArticles:hover, .recentComments:hover, .right_articles:hover {

 font-size: 11px;

 margin: 24px 0px 24px 0px;

 padding: 3px;

 background-color: #34cb0c;

}

			

.relatedArticles h2, .recentComments h2, .right_articles h2 {

 display: block;

 padding: 0px 5px 0px 2px;

 color: #ffffff;

 margin: 0px;

}



.recentComments a:hover, .relatedArticles a:hover, .right_articles a:hover {

 background-color: #f7f7f7;

 color: #003366;

 text-decoration: none;

}

			

.recentComments a, .recentComments a:visited, .relatedArticles a, .relatedArticles a:visited, .right_articles a, .right_articles a:visited {

 display: block;

 border: 1px solid #ccc;

 border-width: 1px 0px 0px 0px;

 padding: 2px 0px 2px 20px;

 margin: 0px;

 background-image: url(images/icon-article.png);

 background-repeat: no-repeat;

 background-position: -2px 5px;

 color: #333;

}

			

.recentComments a, .recentComments a:visited {

 background-image: url(images/icon-comment.png);

 font-size: 9px;

 color: #999;

}

                        

.recentComments em {

 font-style: normal;

 font-size: 11px;

 color: #333;

}

			

.recentComments	 a:hover, .relatedArticles a:hover, {

 background-color: #f7f7f7;

 color: #cc0000;

 text-decoration: none;

}				



.recentComments div.names {

 padding: 0px 0px 2px 20px;

 margin: 0px; 

}



.recentComments div.names a, .recentComments div.names a:visited {

 font-size: 10px;

 display: inline;

 background: none;

 margin: 0px;

 padding: 0px;

 border: none;

 color: #444;

}		

			

.recentComments div.names a:hover {

 background: none;

 color: #000;

}



/* footer

-----------------------------------------------------------------------------*/



.footer { 

 clear: both; 

 text-align: left;

 line-height: 1.2em;

 color: #808080;

 padding: 10px 0 10px 0;

 border-top: 1px solid #eee;

}



.footer ul { 

 margin: 0px; 

 padding: 0px; 

 list-style: none; 

}



.footer ul li { 

 margin: 0px; 

 padding: 3px 10px 0px 0px;

 float: left;

}