/*  

Theme Name: Ocean Mist German

Theme URI: http://www.edmerritt.com/

Description: Ocean Mist 1.2 German<br /> Die deutsche Version von Ocean Mist 1.2

Version: 1.2

Author: Ed Merritt (&Uuml;bersetzung durch Sebastian Schwittay (www.pixelreality.net))

Author URI: http://www.edmerritt.com/

*/



#header a, a:visited {color: #fff; text-decoration: none;}





/* layout */

* {font-size: 100%; margin: 0; padding: 0; line-height: 1.35em;}



/* body {position: relative; background: url(images/bg_body.gif) top left repeat-x #9BC3D5; font: 70% Verdana, Arial, Helvetica, sans-serif; color: #4B5D67; text-align: center;} */



body {position: relative; background: url(images/bg_body.gif) repeat #488EB2; font: 65% Verdana, Arial, Helvetica, sans-serif; color: #000000; text-align: center;}





#page {display: block; width: 750px; background: url(images/bg_main.gif) top repeat-y; text-align: left; margin: 0 auto;}





#header {position: relative; float: left; display: block; width: 750px; background: url(images/bg_header.gif) top no-repeat; min-height: 209px; padding: 0;}

* html #header {height: 209px;}



#content {float: left; display: block; width: 543px; margin: 0 0 0 7px;}



#sidebar {float: left; display: block; width: 193px; margin: 0;}

* html #content, * html #sidebar {position: relative; left: -7px;}

.post {float: left; display: block; width: 525px; margin: 0 0 0 18px;}

.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}

.archive {float: left; display: block; width: 507px; margin: 0 0 18px 18px; border-bottom: 1px solid #ccc;}

#page p{font-size:1.2em;}

#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}

.title {float: left; display: block; width: 543px; background: url(images/bg_h2.gif) bottom repeat-x #E2EBF8; margin: 0 0 18px 0;}



#sidebar .title {float: left; display: block; width: 193px; background: url(images/bg_h3.gif) bottom left repeat-x #CADFED;}

.entry {float: right; display: block; width: 350px; margin: 0;}

.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}

* html .postinfo{margin-top:-11px;}

*+html .postinfo{margin-top:-11px;}

.postinfo p{font-size:11px !important;}



.wideposts .entry {float: left; display: block; width: 525px; margin: 0 0 18px 5px;}

.wideposts .postinfo {float: left; display: block; width: 525px; margin: 0 0 18px 0;}

.archive .postinfo {margin-left: 0;}

.archive .entry {margin-right: -24px;}



* html .post, * html #sidebar .post, * html .archive  {margin-left: 0; position: relative; left: 18px;}



/* p img {float: left; margin: 0 18px 12px 0;} */



p img.wp-smiley {display: inline; float: none; margin: 0;}

embed {float: left; margin: 0 18px 12px 0;}



/* typography */



h1 {font: 3.1em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: 2px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}



h1 a, h1 a:visited {color: #fff; text-decoration: none;}



.description {font-size:1.3em; color: #fff; margin: 0 37px 25px 39px !important;}



.title h2 {font: 1.1em Arial, Helvetica, sans-serif; padding: 9px 24px 12px 24px;}



/* #content .postwrapper .title h2 {font: 1.5em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; background: url(images/icon_entry.gif) 24px 35% no-repeat; padding: 9px 100px 12px 42px;} */



#content .postwrapper .title h2 {font: 1.5em Arial, Helvetica, sans-serif; font-weight: bold; text-transform: none; padding: 9px 100px 12px 24px;}





#sidebar .title h2 {font: 1.15em Arial, Helvetica, sans-serif; padding: 9px 0 12px 24px; background: none; color: #32474B;}



.title small {float: right; padding: 14px 24px 0 0; color: #67939B;}



h2 a, h2 a:visited {}



h3 {font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}



p {margin: 0 0 18px 0; padding: 0;}



.entry p {padding-right: 24px;}

.entry ul li {
    margin: 0 24px 0 14px;
    font-size: 112%;
    padding-bottom: 8px;
}

.postinfo p {padding: 0 6px;}

.req {padding-left: 3px; color: #CC0000;}

blockquote {padding: 0 0 0 12px; border-left: 3px solid #ccc;}



/* lists */



ul {margin: 0 0 24px 9px;}

ol {margin: 0 0 24px 9px;}

ul li {margin: 0 24px 0 14px;}

ol li {margin: 0 24px 10px 14px;
font-size: 12px;}


ul.spez li.spez {margin: 0 24px 0 14px; font-size: 12px;}


.buttons {float: left; display: block; width: 100%; list-style: none; margin-left: 0; margin-bottom: 21px;}

*:first-child+html .buttons {float: none;}

.buttons li {float: left; margin: 0 18px 3px 0; padding: 0;}

.buttons ul {margin: 3px 0 0 0; list-style: none; padding-bottom: -5px;}

.buttons ul a, .buttons ul a:visited {padding: 3px 6px 4px 6px; font-weight: normal;}

* html .buttons li {margin: 0;}

.buttons a, .buttons a:visited {display: block; width: 145px; padding: 6px; text-align: center; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; font-weight: bold;}


#sidebar .buttons a {text-align: left;}

.buttons a:hover {background-position: bottom right;}

p.pages {flont-weight: bold;}

p.pages a {display: block; padding: 3px; width: auto; background: url(images/menu.gif) bottom left no-repeat; border-top: 1px solid #D1E0F0; border-right: 1px solid #D1E0F0;}

.catlist {float: left; list-style: none; margin: 0 0 18px 0;}


*:first-child+html .catlist {border-bottom: 18px solid #fff;}

.catlist li {float: left; margin: 0 18px 0 0; border-bottom: 1px solid #CAD6E1;}


* html .onecol li {margin: 0;}

.catlist ul {display: none;}

.catlist li:first-child, .catlist li:first-child+li, .catlist li:first-child+li+li {border-top: 1px solid #CAD6E1;}

.onecol li:first-child+li, .onecol li:first-child+li+li {border-top: none;}

*:first-child+html .onecol {border-bottom: 0;}

.catlist a, .catlist a:visited {display: block; width: 145px; padding: 1px 6px 2px 6px; margin: 1px 0;}

.catlist a:hover {background: #F2F2F2;}



#themeswitcher {list-style: none; margin: 0 0 18px 0;}

#themeswitcher li {margin: 0;}

#sidelist {list-style: none;}

#sidelist li {margin: 0;}

#sidelist li li {margin: 0 24px 0 8px;}

#sidelist ul {list-style-type: disc; }





/* links */

a, a:visited {color: #7f1d1d; text-decoration: none;}

p a:hover, ul a:hover {background-color: #BFD3E0;}

#content p a:hover, #content ul a:hover {background-color: #E2EBF8;}







/* main image */

#mainpic {position: absolute; bottom: 0; float: left; background: url(images/mainpic01.jpg) no-repeat; display: block; width: 736px; height: 229px; margin: 0 7px; border-top: 3px solid #67939B; border-bottom: 3px solid #67939B;}





/* forms */

form {margin: 0 0 18px 0;}

#searchsubmit {position: absolute;}

#s {width: 130px; padding: 2px; border: 1px solid #B9C3D1; background: #CAD6E1; color: #32474B; margin-right: 2px;}

select, .field {width: 157px; margin: 0 0 4px 0; color: #32474B;}

.field {padding: 2px; width: 153px;}

textarea {padding: 2px; width: 308px; font: 0.9em Verdana, Arial, Helvetica, sans-serif;}

select option {padding: 1px;}

#submit {padding: 3px;}





/* calendar */

#wp-calendar caption {width: 157px; text-align: center; background: #4b5d67; color: #fff; border-bottom: 2px solid #e6eef7;}

#wp-calendar { border-collapse:collapse; width: 155px; text-align: center;}

#wp-calendar thead tr {background: url(images/cal_bkg.gif) bottom right no-repeat;}

#wp-calendar thead th {background: url(images/cal_single.gif) top left no-repeat;}

#wp-calendar tbody td {background: url(images/cal_single2.gif) top left no-repeat; padding: 2px 0;}

#wp-calendar #today {background: url(images/cal_single_today.gif) top left no-repeat; color: #000;}

#wp-calendar tbody .pad { background: url(images/cal_pad.gif) top left no-repeat;}

#wp-calendar a {padding: 2px 0; font-weight: bold;}

#wp-calendar tfoot td {padding: 3px 0; background: url(images/cal_pad.gif) top left no-repeat;}

#wp-calendar #next {text-align: right; padding-right: 10px;}

#calendar_wrap {display: block; width: 156px; background: url(images/cal_bkg.gif) bottom right no-repeat; padding: 0 1px 1px 0; margin: 0 0 18px 0;}



/* page tabs */

#pagetabs {position: absolute; bottom: 3px; left: 1px; display: block; float: left; padding: 0; margin: 0 0 0 25px; list-style: none;}

#pagetabs ul {display: none;}

#pagetabs li {float: left; border-bottom: 1px solid #414e53; margin: 0 5px 0 0; padding: 0;}

#pagetabs li:hover {border-bottom: 1px solid #486065;}

#pagetabs a {float: left; display: block; padding: 5px 5px 3px 5px; background: #2A5E73; color: #fff; font-weight: bold; border-bottom: 2px solid #4a5e65;}

#pagetabs a:hover {background: #2A5E73; border-bottom: 2px solid #527077; color: #fff;}

.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}



/* footer */

#footer {clear: both; display: block; width: 750px; background: url(images/bg_footer.gif) bottom no-repeat; border-bottom: 20px solid #488EB2; text-align: center;}

* html #footer {margin-top: 18px;}

#footer-top {display: block; width: 750px; height: 15px; background: url(images/bg_footer-top.gif) top no-repeat;}

#footer p {font-size: 9px; color: #798892; padding: 0 37px 7px 37px;}

#footer a, #footer a:visited {color: #B05255;}



/* Begin Images - copy from main css default theme*/

p img {

	padding: 0;

	max-width: 100%;

	}



/*	Using 'class="alignright"' on an image will (who would've

	thought?!) align the image to the right. And using 'class="centered',

	will of course center the image. This is much better than using

	align="center", being much more futureproof (and valid) */





img 	{

	border: 0;

	display: block;

	}



img.centered {

	display: block;

	margin-left: auto;

	margin-right: auto;

	border: 0;

	}




img.alignright {

	padding: 4px;

	margin: 0 0 2px 7px;

	display: inline;

	border: 0;

	}



img.alignleft {

	padding: 4px;

	margin: 0 7px 2px 0;

	display: inline;

	border: 0;

	}



.alignright {

	float: right;

	}



.alignleft {

	float: left

	}



/* End Images */



#cMessage{

  font-weight:bold;

  border:2px solid red;

  padding:3px;

  background-color:yellow;

  color:#BF0008;

#vollkaschte {
	background: #E6E6E6;
	border: 1px solid #cccccc;
	font-family: inherit;
	font-size: 10px;

}



/* Letzte und naechste Beitraege anzeigen */

.navigation {
	font-size: 12px;
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	}