/* 
	Theme Name: Calla-Grafixx
	Theme URI: http://alice-grafixx.de/index.php?site=wordpress2
	Description: A two-columns Wordpress Theme by Alice
	Author: Alice
	Author URI: http://www.alice-grafixx.de
	Version: 1.0
*/


body {
	margin: 0px; 
	font: 12pt verdana, tahoma, sans-serif;
	text-align: center;
	color: #686868;
	background-color: #CFD3D2; 
}

p {
	font: 10pt verdana, tahoma, sans-serif;
	color: #686868;
}

/**    Layout ---------------  **/

#ram {
    background-image:url('images/hg.jpg');
	margin: 0px auto;
	text-align: left;
	width: 790px;
}

#header {
    background-image:url('images/header.jpg');
    background-repeat:no-repeat
    position: absolute; 
	height: 186px;
    z-index: 2;
    text-align: right;
}

#mit {
    background-image:url('images/navi.jpg');
	height: 55px;
}

#menu {
	float: left;
	width: 145px; 
	margin-left: 10px;
}

.nav {
	margin-left: 5px; 
	margin-top: 5px; 
	width: 144px; 
}

*[class="nav"]{ margin-left: 14px; margin-top: 5px; width: 144px; }

.content {
	padding-top: 15px; 
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 570px; 
	float: right;
}

*[class="content"]{ 	
	padding-top: 5px; 
	padding-right: 35px;
	padding-bottom: 0px;
	padding-left: 0px;
	width: 570px;  
}

#footer {
	padding-right: 5px; 
	padding-left: 5px; 
	height: 37px; 
	text-align: center;
    background-image:url('images/footer.jpg');
   	font: 10pt verdana, tahoma, sans-serif;
   	color: #6DA8A5;
   	line-height: 35px;
}

/**   Top Menu   ---------------  **/

#top img {
border: none;
}

#top {
	width: 790px;
}

#top ul {
	margin:0;
	padding: 30px 0px 0 438px;
	list-style:none;
}

#top li {
	display:inline;
	margin:0;
	padding:0;
}

#top a {
	float:left;
	background:url('images/topleft.gif') no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}

#top a span {
      float:left;
      display:block;
      background:url('images/topright.gif') no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#608EA5;
      font-weight: bold;
      font-size: 10pt;
      }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#top a span {float:none;}

/* End IE5-Mac hack */
#top a:hover span { color:#FFF;}

#top a:hover 			{background-position:0% -42px;}
#top a:hover span		{background-position:100% -42px;}
#top #current a 		{background-position:0% -42px;}
#top #current a span 	{background-position:100% -42px;}

/**  ------    Menu    ---------------  **/

div.navi {
	font-size: 10pt; 
	width: 142px; 
	color: #3E566E; 
	font-family: verdana, tahoma; 
	border: 1px solid #ACCDCD;
	text-align: justify
}

.navi ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.navi li a {
	height: 20px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 20px;
	text-decoration: none;
}

.navi li a:link, .navi li a:visited {
	color: #888;
	display: block;
	background: url(images/nav.gif);
	padding: 2px 0 0 20px;
}

.navi li a:hover, .navi li #current, .navi li a:active {
	color: #283A50;
	background: url(images/nav.gif) 0 -20px;
	padding: 2px 0 0 20px;
}
 
/**  ------  Menu Ende   ---------------  **/

h1{
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #61979C;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:left;
	padding: 1px 1px 1px 4px;
	margin: 0;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;
}

h2 {font-size:14px; font-weight:bold; color:#8EA0AE;}
h3 {font-size:12px; color:#B0D4D2;}
h4 {font-size:20pt; color:#68899B; margin: 0; padding: 15px 50px 0 0;}

#comments, #postcomment {font-size:10px; color:#3E566E;}

A:link {color: #3E566E; font-weight:normal; text-decoration:none;}
A:visited {color: #8EA0AE; font-weight:normal; text-decoration:none;}
A:active {color: #3E566E; font-weight:normal; text-decoration:underline;}
A:hover {color: #7994AF; font-weight:normal; text-decoration:none;
}

h2 A:link {
	font-size: 14pt;
	color: #8EA0AE;
	font-weight:bold;
}

h2 A:visited {
	font-size: 14pt;
	color: #8EA0AE;
	font-weight:bold;
}

h2 A:hover, h2 A:active {
	font-size: 14pt;
	color: #ACCDCD;
	font-weight:bold;
}

/**  ------    Post - Comments    ---------------  **/

.post {
	line-height:10px;
	color: #3E566E;
	letter-spacing:1px;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;	
	padding: 1 1 1 1;
}

.page {
	line-height:10px;
	color: #3E566E;
	font-size:10px;
	letter-spacing:1px;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom:0px solid #ACCDCD;	
	padding: 1 1 1 1;
}

.entry {
	line-height:10pt;
	color: #3E566E;
	font-size:10pt;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;	
	padding: 1 1 1 1;
}

.front {
	line-height:10pt;
	color: #3E566E;
	font-size: 9pt;
	text-align:left;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;	
	padding: 1 1 1 1;
}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 25px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	background-image: url(images/quote.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.kommentar{
	border: solid #ACCDCD;
	border-width: 0 0 0 3px;
	color: #686868; 
	padding-left : 5px;
}

.right { 
	text-align: right;
	color: #ACCDCD;
	font: bold 12pt tahoma, verdana, arial, sans-serif;
}

.who {	
	font: normal 10pt tahoma, verdana, arial, sans-serif;
	border-bottom: 1px solid  #ACCDCD;

}
.input {
	color:#3E566E; 
	font-size:11px; 
	font-family:tahoma, sans-serif; 
	width:120px; 
	height:18px 
}

.search {
	position: absolute;
	height: 22px;
	top: 210px;
	margin: 0;
	padding: 0 0 0 25px;
	z-index: 3;
	float:left;
}

.searchb {
	font: bold 10pt tahoma, verdana, arial, sans-serif;
	color: #8EA0AE; 
	background-color: #D8E7E6;
	border:1px solid #ACCDCD;
}

.sub {
	color:#3E566E; 
	font: normal 10pt tahoma, verdana, arial, sans-serif;
	background-color: #D8E7E6;
	border:1px solid #ACCDCD; 
	height: 20px;
	padding: 2px;
}

.comment {
	color:#3E566E; 
	font-family:tahoma, sans-serif; 
	background-color: #AFBFCF;
	border-style: solid; 
	border-width: 1px; 
	border-color: #3E566E; 
	font-size:11px; 
	text-align: center;
	height:15px;
}

.textarea {
	color:#3E566E; 
	font-family:tahoma, sans-serif; 
	font-size:10px; 
	width: 250px
}

/**  ------ Begin Calendar    ---------------  **/

td {
	color: #3E566E;
	font-family:tahoma,sans-serif;
	font-size:11px;
	text-align:justify;
	border:0px solid #3E566E;
	border-bottom-width:0px;
	padding:0px;
}

#wp-calendar {
	margin-left: auto;
	margin-right: auto;
	font-size: 10pt;
	width: 98%;
	color: #8EA0AE;
	border:1px solid #ACCDCD;
	background: #CEE1E1 url(images/cal.jpg);
}

#wp-calendar caption {
	margin-left: auto;
	margin-right: auto;
	text-transform:uppercase;
	letter-spacing: 2px;
	color: #8EA0AE;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
	text-align:left;
	padding: 1px 1px 1px 4px;
	font-family:verdana,sans-serif;
	border-bottom:1px solid #ACCDCD;
}

#wp-calendar th {
	font-size: 10pt;
}

#wp-calendar #today {
	border: 1px solid #ACCDCD;
	background-color: #A9D1D0;
	color: #FFF; 
}

#wp-calendar td {
	text-align: right;
	border: 1px solid #A9D1D0;
	color: #6A7F7F;
}

#wp-calendar td.pad {
	border: none;
}

#wp-calendar a:link, #wp-calendar a:visited {
	color: #FFF;
	text-decoration: none;
}

#wp-calendar a:hover,  #wp-calendar a:active {
	color: #6A7F7F;
	text-decoration: none;
}

#wp-calendar #next a, #wp-calendar #next {
	padding-right: 5px;
	text-align: right;
	border: none;
}

#wp-calendar #prev a, #wp-calendar #prev {
	padding-left: 5px;
	text-align: left;
	border: none;
}