/*
Theme Name: Optim
Author: Julian Cordes
*/


/* layout */
* {margin: 0; padding: 0;}
body {position: relative; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color: #4B5D67; font-size:12px; text-align: center;}
#page {width:1024px;background-image:url(http://www.optimierungsdienst.de/public/images/bg.gif);margin:auto;}
#bgmain {background-image: url(http://www.optimierungsdienst.de/public/images/bg.jpg);background-repeat: repeat-x;background-position: left top;width:1000px;margin:auto;}
#header {text-align:left;border-bottom: 5px solid #FF8530;width:1000px;margin:auto;}

#content {float: left; display: block; width: 543px; margin: 5px 0 0 7px;}
* html #content {margin-left:15px}
#sidebar {float: left; display: block; width: 193px; margin: 0 0 0 60px;}
* html #sidebar {margin: 0;}
* html #content, * html #sidebar {position: relative; left: -7px;}
.post {float: left; display: block; margin: 0; padding-left:10px;padding-top:15px;width:588px; border-left:1px solid gray; border-right:1px solid gray; border-bottom:1px solid gray;}
*+html .post, * html .post {margin-bottom:10px}
.page {float: left; display: block; width: 507px; margin: 0 0 0 18px;}
.archive {float: left; display: block; border-bottom: 1px solid #ccc;margin-bottom:10px}
#sidebar .post {display: block; width: 157px; margin: 0 0 0 18px;}
.title {background:transparent url(http://www.optimierungsdienst.de/public/images/box_rd_header_innen_big.png) no-repeat scroll 0% 50%;margin:15px 0pt 0pt;width:600px;height:20px}
* html .title {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/box_rd_header_innen_big.png');width:600px;}
#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: 380px; margin: 0;}
.postinfo {float: left; display: block; width: 157px; margin: 0 0 18px 0;}
.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: 0px;}
p img {float: left; margin: 0 18px 12px 0;}
.postwrapper {}

/* typography */
h1 {font: 2.2em Tahoma, Verdana, Arial, sans-serif; color: #fff; letter-spacing: -1px; padding: 45px 37px 0 37px; margin: 0 0 -5px 0;}
h1 a, h1 a:visited {color: #fff; text-decoration: none;}
h2 {
	text-align:left;
	font-size:14px;
	padding-bottom:7px;	
	}
	
.title h2 {text-align:center;}
.description {color: #CADFED; margin: 0 37px 25px 37px;}
.title h1 {font-size:14px;font-weight:bold;padding: 0 24px 5px 24px;color:#fff;letter-spacing:0}
* html .title h2 {padding-top:0px}
#content .postwrapper .title h2 {color:#fff;font-size: 14px; text-transform: none; background: url(images/icon_entry.gif) 24px 50% no-repeat;}
* html #content .postwrapper .title h2 {background: url(images/icon_entry.gif) 24px 25% no-repeat;}
#sidebar .title h2 {font: 1.05em Arial, Helvetica, sans-serif; text-transform: uppercase; padding: 9px 0 12px 24px; background: none; color: #32474B;}
.title small {float: right; padding: 2px 10px 0 0; color: #fff;}
* html .title small {padding-top:0;}
h2 a, h2 a:visited {color: #fff}
h3 {
	text-align:left;
	font-size:13px;
	padding-bottom:7px;	
	}
.archive h3 {
	text-align: center;
}
.post ul h3 {padding-left:10px;}
/*h3 {	font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; margin: 0 0 0.5em 0;}*/
p {margin: 0 0 10px 0; padding: 0;}
.entry p {padding-right: 40px;text-align:left}
.entry ul {padding-right: 25px;text-align:left}
.entry ul p {padding-left:10px}
.postinfo p {padding: 0 6px;}
.req {padding-left: 3px; color: #CC0000;}
blockquote {padding-left: 10px; border-left: 3px solid #ccc;margin-left:20px}
ul blockquote {margin-left:13px;padding-left: 0px}

/* lists */
ul {margin: 0 0 10px 9px;}
ol {margin: 0 0 10px 10px;text-align:left}
ul li {margin: 0 24px 0 25px;}
ol li {margin: 0 24px 0 25px;}
ol p {padding-left:24px;}
.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 {font-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 {}
#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;}
#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: 1em 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: #526a74; color: #fff; font-weight: bold; border-bottom: 2px solid #4a5e65;}
#pagetabs a:hover {background: #5c7d86; border-bottom: 2px solid #527077; color: #fff;}
.pagetabstitle {border-bottom: none !important; color: #fff; font-weight: bold; position: relative; top: 4px;}




/* Header Elemente */

.header_balken {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #ff8530;
	color: #FFFFFF;
}
a.headernavi, a.headernavi:visited {
	text-decoration: none;
	color: #FFFFFF;
	padding: 4px;
	height:24px;
}
a.headernavi:hover {
	height:24px;
	text-decoration: none;
	padding-top:0px;
	padding-bottom:8px;
	background-color: #FF8530;
}
* +html a.headernavi:hover {
	height:23px;
	display:block;
	padding-bottom:4px;
}
* html a.headernavi:hover {
	height:40px;
	padding-bottom: 6px;
}
#menuoben {
	text-align:center;
	height:24px;
}
#menuoben ul {
	margin:0px 0px 0px 170px;
}
#menuoben ul li {
	padding:2px 6px 0px 10px;
	display:block;
	float:left;
	background:url(http://www.optimierungsdienst.de/public/images/header_box_bg1.png) top left repeat-x;
	height:24px;
	margin: 0px;
}
*+html, * html #menuoben ul li {
	padding-top: 0px;
}
#menuoben ul li#start {
	background:url(http://www.optimierungsdienst.de/public/images/header_box_l.png) no-repeat;
}
* html #menuoben ul li#start {
	background-image: none;
 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/header_box_l.png');
}
#menuoben ul li#end {
	background:url(http://www.optimierungsdienst.de/public/images/header_box_r.png) no-repeat;
}
* html #menuoben ul li#end {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/header_box_r.png');
}

/* Footer Elemente */


#footer a:link, #footer a:visited {
	font-size: 12px;
	text-decoration: none;
	color: #666666;
}
#footer a:hover {
	font-size: 12px;
	text-decoration: underline;
	color: #666666;
}


/* Menü links */

.box_aussen {
	width: 180px;
	margin:20px 0 0 10px;
}
.box_aussen_oben {
	height:18px;
	background-image: url(http://www.optimierungsdienst.de/public/images/box_rd_header_aussen.png);
	color: #FFFFFF;
	font-size: 14px;
	text-align:center;
	padding-top: 2px;
}
* html .box_aussen_oben {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/box_rd_header_aussen.png');
}
.box_aussen_mitte {
	background-color: #d8e9f3;
	padding: 10px;
	padding-left:5px;
	line-height: 18px;
	text-align:left;
}
.box_aussen_mitte li {
	list-style-image: url('http://www.optimierungsdienst.de/public/images/pfeil.png');
}
* html .box_aussen_mitte li {
	list-style-image: none;
	list-style-type: none;
}

* html .box_aussen_mitte {
	width:165px;
}
.box_aussen_unten {
	height: 14px;
	background-image: url(http://www.optimierungsdienst.de/public/images/box_rd_footer_aussen.png);
	font-size: 10px;
}
* html .box_aussen_unten {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/box_rd_footer_aussen.png');
}
a.navi {
	color: #ff8530;
	font-size: 12px;
	text-decoration: none;
	background: url(http://www.optimierungsdienst.de/public/images/pfeil.png) 3px 3px no-repeat;
	padding-left:20px;
	overflow:hidden;
	width:155px;
	display:block;
	margin:0px;
}
* html a.navi {
	width:145px;
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop src='http://www.optimierungsdienst.de/public/images/pfeil.png');
}
.box_aussen a:link, .box_aussen a:hover, .box_aussen a:visited, .box_aussen li {
	color: #ff8530;
	font-size: 12px;
	text-decoration: none;

}

/* alles Andere */
*+html, * html form {
	margin:0px;
}
* html img {
	behavior: url("http://www.optimierungsdienst.de/public/stylesheets/pngbehavior.htc");
}
.right {
	text-align:right;
	padding-right:5px;
	float:right;
}
.left {
	text-align:left;
	padding-left:5px;
}
img {
	border:0px;
}
#leftmenu {
	float:left;
	text-align:left;
}
.mitte {
	text-align:center;
}
.mitte h3 {
	text-align:center;
}