/*  
Theme Name: arbel Theme
Description:  
Version: 1.0
Author: kubus media
Author URI: http://www.kubusmedia.com
*/

/*---------- Basics and Typography ----------*/

body { background: #fff; font-size: 95%; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; color: #99a3c3; text-align: center; }
* { padding: 0; margin: 0; }

p { font-size: 0.875em; line-height: 1.3em; }
ol, ul { font-size: 0.875em; line-height: 1.5em; margin: 0 0 1em 3em; padding: 0; }
ol li, ul li { padding: 0 0 0.5em 0; }
* html #content, * html #sidebar { overflow: hidden; /* For IE */ }
img { border: 0; }
hr { background-color: #ffffff; color: #ffffff; border: #ffffff; height: 1px; margin: 0; }

/*---------- Headlines ----------*/

h1, h2 { margin: 0 0 1px 0; }
h3, h4, h5, h6 { margin: 15px 0 5px 0; }
h1 { font-size: 1.2em; color: #fff; }
h2 { font-size: 1.2em; color: #fff; }
h3 { font-size: 1em; color: #fff; }
h4 { font-size: 1em; color: #fff; }

.indextitle { margin: 0 0 15px 0; width: 100%; color: #ffffff;}
.indextitle a { padding: 0; }

.posttitle { margin: 0 0 15px 0; width: 100%; color: #ffffff; }
h2.posttitle a { padding: 0; text-decoration: none;}

/*---------- Elements ----------*/

a { text-decoration: none; color: #fff;}
a:hover { color: #4d5c75; text-decoration: none; }

img.left { position: relative; padding: 5px; margin: 0 15px 15px 0; display: inline; }
img.right { position: relative; padding: 5px; margin: 0px 0px 15px 15px; display: inline; }
img.center { position: relative; padding: 5px; margin: auto; display: block; }

.left { float: left; }
.right { float: right; }
.clearboth { clear: both; }

.post { display: block; margin-bottom: 15px;}
.post img { margin-bottom: 5px; width: 240px; height: 135px; border: 0;}

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

#header { height: 140px; width: 822px; padding: 0; margin: 0; text-align: left; }
.header { margin-top: 40px; margin-left: 18px; }
#wrapper { margin: 0; padding: 0; width: 1011px; text-align: left; }
#navwrap { border-top: 3px solid #acbdd9; width: 822px; }
#navigation { font-weight: bold; font-size: 100%; margin: 0px auto; padding: 0; overflow: hidden; width: 822px; position: relative; text-align: left; }
#navigation ul { margin: 0px 0px 0px 18px; }
#navigation ul li { float: left; margin: 0px 20px 0px 0px; padding: 0; list-style-type: none; }
#navigation ul li a { padding: 5px 0 5px 0; display: block; color: #99a3c3; text-decoration: none; }
#navigation ul li a:hover { color: #4d5c75; }
#navigation ul li a:active { color: #4d5c75; }
#navigation .current-cat a,
#navigation .current_page_item a { color: #4d5c75; }

/*---------- Content -----------*/

#mainbody { width: 1011px; background: #fff; overflow: hidden; }
#content { min-height: 380px; float: left; background-color: #91a2bf; border-top: 18px solid #acbdd9; margin: 0; width: 822px; color: #fff; display: inline; }
.padding { padding: 15px 15px 8px 15px; width: 640px; float: left; }
#content .padding p { display: block; clear: left; margin-bottom: 10px; }
#content address { display: none; }
.newslist { padding: 7px 0 14px 0;}

.alignleft { float:left; text-align: left; margin-right: 15px; margin-bottom: 15px; }
.alignright { float:right; text-align: right; margin-left: 15px; margin-bottom: 15px; }

.window { clear: both; padding: 7px 15px; }

#content .paneleft a { border: 0; }
.paneleft { padding: 0 25px 0 0; width: 240px; float: left;}
.paneleft img { width: 240px; height: 135px; }

.paneright { width: 475px; float: left;}
.paneright p { margin: 0; padding: 0; }
.paneright h2 { padding-top: 10px; }

.projekte { background: transparent url('images/projekte_bg.gif') top left repeat-y; margin-top: 6px; }
.row_padding { padding: 15px 15px 3px 15px; }
.rowone, .rowtwo, .rowthree { float: left; width: 270px; }
.wordtube, #mapcontainer { margin-bottom: 15px;}

/*---------- Page Navigation ----------*/

.pagenavigation { float: right; position: relative; padding: 15px; font-size: 200%; }

/*---------- Sidebar ----------*/

#sidebar { border-top: 6px solid #acbdd9; float: left; width: 174px; margin: 0 0 0 15px; padding: 10px 0; display: inline; font-size: 90%; }
#sidebar a { color: #99a3c3; }
#sidebar a:hover { color: #4d5c75; }
#sidebar p { padding: 0 0 5px 0; }
#sidebar .textwidget { margin-bottom: 15px;}
#sidebar .meta p { padding: 0 0 8px 0; margin: 0;}

/*---------- Footer ----------*/

#footer { overflow: hidden; margin: 0; padding: 0; font-size: 80%; }
#footcontent { text-align: left; margin: 0; padding: 8px 0 8px 15px;}
#footcontent a { color: #888; }