/*  

Theme Name: Ninawelt
Description: WordPress Theme designed for ninawelt.de
Author: Nina Thamm
Author URI: http://www.ninawelt.de

*/

body {
   background-color:#99ccff;
	 font-family:Verdana, Tahoma, Arial, sans-serif;
   color:#003366;
   font-size:14px;
	 text-align:center; /*damit der IE zentriert*/
}

#wrapper {
  text-align: left; /*damit jetzt nicht alles linksbündig wird*/
	border:4px solid #3399cc; /*braun: 663300, dunkelblau 003366*/
	background-color: #ffffff /*#99ccff*/;
	width:900px;
	margin:auto;
  }

#header {background-color: transparent;
	background-image:url(http://www.ninawelt.de/bilder/headerfilm900.jpg);
  width:900px;
  height: 169px;
}
       
#rss {
position: absolute;
top: 10px;
right: 15px;
text-decoration: none;
color: #ffffff;}

#rss a {
background: url(images/rss.png) no-repeat;
padding-left: 15px;
font-size: 7pt;
text-decoration: none;
color: #ffffff;}

#rss a:hover {
text-decoration: underline;}

#hauptnavi {
		top: 120px;
        border-bottom: 1px solid #006699;
        border-top: 1px solid #006699;
        background-color: #99ccff; /*660033*/
       	font-size: 12px;
		width:900px;
        height:40px;
        }

#hauptnavi ul {
	display:block;
	text-align: center;
	color: #000000;
	font-weight: bold;
	margin: 0px;
	padding: 13px 0px 0px 0px; /*161 links*/
           }

#hauptnavi ul li {display:inline;
              margin:0px 7px;
              padding: 2px;
              }

#hauptnavi ul li a {
               color: #003366;
               font-weight: bold;
               text-decoration:none;
               }

#hauptnavi ul li a:focus, #hauptnavi ul li a:active, #hauptnavi ul li a:hover {
            color: #ffffff; /*ccff33*/
            text-decoration:none;
               }

#hauptnavi ul li.active a { 
              color: #ffffff; /*ccff33*/
              text-decoration:none;
              padding-bottom:2px;
              }



/* BLOG NAME PROPERTIES */

h1 {
float: left;
display: inline;
margin: 0;
padding: 0px 8px 0 0px;
font: bold 100pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #99ccff;
}

a.mainlink {
text-decoration: none;
color: transparent;}

a.mainlink:hover {
text-decoration: none;
color: transparent;}

#description {
padding-top: 87px;
font: bold 9pt "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #ffffff;}

/* SIDEBAR */

#leftnav { /*der container um die linke sidebar*/
float: left;
width: 130px;
margin-top: 10px; /*muss um den wert "margin-top" der .nav h2 reduziert werden, damit alle drei spalten auf gleicher höhe beginnen*/
padding-left: 20px; /*abstand der linken sidebar vom browserrand*/
padding-right: 20px;
background-color: transparent; /*wenn hier ein farbwert steht, kann ich die containerabmessungen besser erkennen*/
color: #006699;}

#mainnav {/*der container um die rechte sidebar*/
float: left;
clear: right;
width: 200px; /*containerbreite*/
padding-left: 20px;
margin-top: 40px;
background-color: transparent; /*wenn hier ein farbwert steht, kann ich die containerabmessungen besser erkennen*/
color: #006699;}

.nav h2 {
clear: both;
font: 13pt "Trebuchet MS", Arial, Helvetica, sans-serif;
margin-top: 25px;
padding: 0px 0;
color: #006699;}

.nav{
font: 8pt verdana, arial, helvetica, sans-serif;
} 

.nav * {
padding: 0;
margin: 0;
}

.nav li {
list-style: none;}

.nav li a { /*so werden die links in den sidebars dargestellt. achtung: neue kommentare sind bei den widgets zu finden!!!*/
display: block;
padding: 5px 0;
width: 150px; /*bezieht sich auf die navibreite in beiden sidebars*/
background: url(images/arrow.gif) 0px 8px no-repeat; /*die px-werte geben die freiräume links neben dem bild und den vertikalen versatz an.
wenn der zweite wert der schriftgröße entspricht, sind die aufzählungsdreiecke exakt mittig*/
font: 8pt verdana, arial, helvetica, sans-serif;
border-bottom: 0px solid #cccccc; /*line below a navigation link*/
text-decoration: none;
text-indent: 10px; /*einrückung*/
text-transform: none; /*capitalize lässt jedes wort mit großbuchstaben beginnen*/
color: #006699;}

.nav li a:hover {
text-decoration: none;
color: #99ccff;}

/* MAIN PROPERTIES */

/*#main { /*mittlere spalte
float: left;
margin-top: 60px; /*abstand vom header
margin-left: 40px; /*abstand zur linken sidebar
margin-right: 40px; /*abstand zur rechten sidebar
line-height: 16px;
text-align: left;
width: 500px;
font: 10pt verdana, arial, helvetica, sans-serif;
color: #006699;
background-color: transparent; /*wenn hier ein farbwert steht, kann ich die containerabmessungen besser erkennen
}*/

#main {/*mittlere spalte*/
	float: left;
  width:420px;
	min-height: 400px;
  margin-top: 0px;
	margin-left:0px;
	padding:30px 40px 30px 40px;
	background-color: #ffffff;
	border-left: 1px solid #99ccff;
	border-right: 1px solid #99ccff;
  font: 10pt verdana, arial, helvetica, sans-serif;
  color: #006699;
	position:relative;
	z-index: 1;
	clear: right;
	}

h3 {
margin: 0px 0;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -0.5px;
text-align: left;
color: #3399cc;}

a.link {
margin-top: 20px;
text-decoration: none;
color: #3399cc;}

a.link:hover {
text-decoration: none;
color: #3399cc;}

.reply {
clear: both;
margin-top: 20px;
font: bold 14pt "Lucida Sans", arial;
letter-spacing: -1px;
text-align: left;
margin-bottom: 14px;
color: #3399cc;}

blockquote {
padding-left: 10px;
padding-right: 10px;
font-size: 8pt;
border: 1px dotted #99ccff;
color: #8D8D8D;}

.clear {
clear: both;}

/* AUTHOR TEXT */

.postauthor {
display: block;
margin: 0;
padding: 0 0 17px 0;
background: url(images/dottedbg.gif) bottom repeat-x;
font-weight: bold;
color: #99ccff;}

.date {
display: block;
margin: 0;
padding: 5px 0 0 0; 
color: #666666;}

.entries {
clear: both;
height: 25px;
padding: 0;
margin-top: 35px;
margin-bottom: 20px;}

.entries a {
font-weight: bold;
text-decoration: none;
font-size: 12px;}

.entries a:hover {
text-decoration: none;
}

.left {
float: left;}

.right {
float: right;}

/* COMMENTS */

.com {
clear: both;
text-align: right;
height: 18px;
padding-right: 7px;
margin-bottom: 50px; /*whitespace below "edit" and "comments"*/
color: #4C8398;}

.com a {
background: url(images/comment.gif) left no-repeat;
padding-left: 18px;
padding-bottom: 1px;
text-decoration: none;
color: #353535;}

.com a:hover {
text-decoration: underline;
color: #999999;}

.edit {
float: left;
background: url(images/edit.gif) left no-repeat;
padding-left: 17px;}

.edit a {
padding: 0;
background: none;}

.author {
padding: 7px 0 0 10px;
font: bold 10pt verdana, arial, helvetica, sans-serif;
color: #333333;}

.author a {
color: #333333;}

.alt {
border-top: 1px solid #cccccc; /*line above a comment*/
border-bottom: 1px solid #cccccc; /*line below a comment*/
margin: 15px 0px;
}

.comment {
padding: 0 10px;}

.userinfo {
padding: 0 10px 10px 0;
text-align: right;}


/* INPUT PROPERTIES */

#search {
margin-top: 26px;
margin-bottom: 30px;}

.searchform { /*suchfeld siehe widgets!*/
background-color: #ffffff;
border: 1px solid #A9A9A9;
padding-left: 6px;
color: #006699;}

.field {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #006699;}

.comments {
background-color: #ffffff;
border: 1px solid #A9A9A9;
color: #006699;}

.button {
background-color: #3399cc;
border: 1px solid #99ccff;
color: #ffffff;}

* html .button {
height: 20px;}

/* IMAGE STYLE */

img {
border: 0;
padding: 10px;}

.wp-smiley {
float: none;
padding: 1px;}

/* GENERAL LINK STYLE */

a {
text-decoration: none;
color: #99ccff;}

a:hover {/*Linkfarbe innerhalb der Beiträge*/
text-decoration: none;
color:#ff0099;}

/* WIDGET PROPERTIES */

#calendar_wrap {
border: 1px solid #006699;}

.widget_calendar td {
padding: 2px 5px;}

.widget_calendar caption {
font-weight: bold;
font-size: 10pt;
padding: 6px 0;
color: #006699;}

.widget_calendar th {
color: #99ccff;}

.widget_recent_comments li {
display: block;
padding: 5px 0;
width: 150px;
background-color:#33FF33;
background: url(images/arrow.gif) 1px 10px no-repeat;
font: 8pt verdana, arial, helvetica, sans-serif;
border-bottom: 0px solid #cccccc;
text-decoration: none;
text-indent: 13px;
text-transform: none; /*capitalize macht jeden ersten buchstaben eines wortes groß*/
color: #006699;}

.widget_recent_comments li a {
border: none;
background: none;
}

.widget_recent_comments li a:hover {
background: none;}

.widget_search { /*das suchfeld*/
padding-top: 0px;}

.widget_search input#s {
background-color: #ffffff;
border: 1px solid #A9A9A9;
padding-left: 6px;
color: #006699;}

.widget_search input {
background-color: #3399cc;
border: 1px solid #99ccff;
color: #ffffff;}

.widget_text {
line-height: 16px;
font: 8pt verdana, arial, helvetica, sans-serif;}

/* FOOTER */

#footer {
clear: both;
background-color: #3399cc;
border-top: 2px solid #006699;
padding-left: 30px;
height: 20px;
padding-top: 5px;
padding-bottom: 15px;
font-size: 7pt;
color: #ffffff;}

#footer p {
font-size: 8pt;
color: #ffffff;}

#footer a {
font-size: 8pt;
color: #ffffff;}

#footer a:hover {
text-decoration: underline;
color: #99ccff;}