/*
Theme Name: Sachverständigen- und Ingenieursbüro Ingenbleek
Author: Dominik Osterholt
Author URI: http://www.newhazel.de
*/

* {
	margin: 0; padding: 0;
}
body {  
	text-align: center;
	font: 12px 'Arial', sans-serif;
	color: #373737;
}
a {
        font-family: 'Arial', sans-serif;
	text-decoration: none;
	color: #343a90;
}
img {
	border: 0;
}

.break {
	font-size: 0;
	width: 0; height: 0;
	clear: both;
}
.alignleft {
	float: left;
	margin: 4px 10px 5px 0;
}
.alignright {
	float: right;
	margin: 4px 0 5px 10px;
}
.hidden {
	display: none;
}

#wrapper {
        float: left;
	width: 1000px;
	text-align: left;
}

/** BEGIN header **/
#header {
        height: 130px;
	background: url(images/logo-peter-font-aller-schnitt-abstand.png) no-repeat 221px 25px;
}
	#header h1 {
		padding: 20px 0 10px;
	}
		#header h1 a {
			display: block;
			text-indent: -9999px;
			outline: none;
		}
	#header ul {
		height: 40px;
	        background: url(images/navigation.gif) repeat-x 0 0;
		list-style-type: none;
		margin: 0 4px 0 196px;
		padding-left: 10px;
	}
		#header ul li {
			float: left;
			text-transform: uppercase;
			font-size: 0.9em;
			font-weight: bold;
			font-family: 'Arial', sans-serif;
			padding-left: 2px;
			background: url(images/divider.gif) no-repeat 0 center;
		}
		#header ul li.f {
			padding-left: 0;
			background: none;
		}
		#header ul li a {
                        font-size: 12px;
			color: #000000;
			padding: 13px 20px;
			display: block;
		}
		#header ul li a:hover {
			color: #343a90;
		}
/** END header **/

/** BEGIN body **/
#body {
	width: 1000px;
	padding: 0 0 0 0;
}
	#sidebar {
                text-align: right;
                height: 400px;
                background: url(images/sidebar.png) #343a90 no-repeat 42px 0px;
		width: 210px;
                float: left;
                clear: both;
		font-size: 1em;
		color: #FFFFFF;
		padding: 25px 0 0 42px;

	}
		#sidebar h2 {
			font-size: 1em;
			text-transform: uppercase;
			padding: 10px 0 0 5px;
		}
		#sidebar ul {
                        text-indent: -1em;
			list-style-type: none;
                        padding: 0 17px 0 0;
		}

                #sidebar ul.trenner {
                        text-indent: -1em;
			list-style-type: none;
                        padding: 0 17px 2px 0;
		}
			#sidebar ul li {
                      		color: #FFFFFF;
                                padding: 5px 0 5px 0;
			}
                       
                        #sidebar ul li.li-indent {
                                padding: 5px 25px 5px 0;

			}
 
			#sidebar ul li a {
				color: #FFFFFF;
			}
			#sidebar ul li a:hover {
				
			}
	#content {
                float: none;
                margin-top: 10px;
	}
		#content #latest {
                        line-height: 1.6em;
			
		}
			#content #latest h2 {
				font-size: 1.6em;
				margin-bottom: 15px;
			}
			#content #latest img {
			}
			#content #latest div {
                                min-height: 300px;
				width: 222px;
				float: left;
                                margin-left: 15px;
				padding: 10px 10px 10px 10px;
				background-color: #F1F2F4;
			}
				#content #latest div p {
					margin-bottom: 15px;
				}
				#content #latest .readmore {
					float: right;
					font-weight: bold;
					margin: 20px 20px 0 0;
				}
		#content .box {
			width: 210px;
			float: left;
			margin: 20px 20px 0 0;
			border-top: 2px solid #343a90;
			padding: 10px 0;
		}
		#content .end {
			margin-right: 0 !important;
		}
			#content .box h2 {
				font-size: 1em;
				text-transform: uppercase;
				color: #7E7E7E;
				margin-bottom: 10px;
			}
			#content .box img {
				border: 1px solid #E6E6E6;
				padding: 2px;
			}
			#content .box p {
				margin: 10px 0;
			}
			#content .box .readmore {
				float: right;
				font-weight: bold;
				margin-bottom: 20px;
			}
			#content .box ul {
				list-style-type: none;
				clear: both;
			}
				#content .box ul li {
					border-bottom: 1px dotted #959595;
					/* padding: 5px 0; */
				}
				#content .box ul li a {
				        color: #7E7E7E;
				}
				#content .box ul li a:hover {
					
				}
/** END body **/

/** BEGIN footer **/
#footer {
        /* background: url(images/footer.png) no-repeat 0 0; */
	padding: 0px 0 25px;
}
	#footer p {
		color: #7E7E7E;
                margin-top: 25px;
                margin-left: 319px;
		line-height: 1.6em;
	}
	#footer a {
		color: #373737;
	}
/** END footer **/

/** BEGIN misc **/
.single {
	/* padding-top: 25px !important; */
        padding: 0 0 0 42px;
}

.postbild {
       padding-top: 42px;
       width: 230px;
       float: right;
}

.postbild img {
                margin: 0 0 5px 0;
		padding: 3px;
}

.post {
        width: 458px;
        float: left;
        padding: 0 0 0 42px;
}
	.post p {
                margin-bottom: 10px;
                padding-left: 25px;
		line-height: 1.6em;
	}

	.post .newsletter {
                margin-bottom: 10px;
                padding-left: 25px;
		line-height: 1.6em;
	}

	.post img {
		/* float: left; */
		margin: 0 10px 5px 0;
		padding: 3px;
		border: 1px solid #e1e1e1;
	}
	.post h3 {
		font-size: 22.5px !important;
		padding-bottom: 10px;
	}

        .post h4 {
		font-size: 14px !important;
                margin: 0;
                padding: 0 0 0 24px;
	}
	.post .details {
		clear: both;
		padding: 5px 0;
		border-width: 1px 0;
		border-style: dotted;
		border-color: #e0e0e0;
		margin-top: 10px;
	}
	.post .details p {
		margin-bottom: 0;
	}
	.post .l {
		float: left;
	}
	.post .r {
		float: right;
	}
	.post ol {
		padding: 0 0 10px 20px;
	}
	.post ul {
		padding: 0 0 10px 40px;
	}
	.post li {
                line-height: 1.6em;
		margin: 2px 0;
	}
	.post blockquote {
		font-style: italic;
		padding: 10px;
		background-color: #EEEEEE;
		border-width: 1px 0;
		border-style: solid;
		border-color: #E3E3E3;
		margin-bottom: 10px;
	}
	.post h3 {
		margin-bottom: 5px;
		font-size: 1.3em;
	}
#comments {
	
}
	#comments h2 {
		margin: 10px 0;
		font-size: 1.5em;
		font-weight: normal;
	}
	#comments p {
		margin-bottom: 10px;
		line-height: 1.5em;
	}
	#comments form {
		padding-top: 20px;
	}
	#comments form p {
		margin-bottom: 5px;
	}
	.commentdetails {
		margin-top: 25px;
	}
	.commentauthor {
		margin-bottom: 5px !important;
		font-weight: bold;
	}
	.commentdate {
		font-size: 0.8em;
		margin-bottom: 5px;
		color: #909090;
	}
	.required {
		color: #ff0000;
	}
	#respond {
		padding-top: 20px;
	}
/** END misc **/



ol.snap_nav {
letter-spacing: 0.6em;
width: 454px;
padding: 0 0 0 67px;
display: inline;
float: left;
list-style: none;
}

ol.snap_nav li {
display: block;
float: left;
padding: 0 2px 10px 0;
}

ol.snap_nav li a {
font-weight: bold
}

ol.snap_nav li.snap_selected a {
cursor: text;
}

ol.snap_titles {
clear: both;
display: block;
border: 0;
list-style: none;
}

ul#post-gallery {
       margin: 0;
       padding: 0 0 0 25px;
}

ul#post-gallery li {
       list-style-type: none;
       float: left;
}

#map {
       margin:0;
       padding:0;
       width:410px;
       height:520px;
       background:url(http://www.sv-ingenbleek.de/wp-content/uploads/2010/02/karte.png) top left no-repeat #fff;
       font-family:arial, helvetica, sans-serif;
       font-size:8pt;
}

#map li {
    margin:0;
    padding:0;
    list-style:none;
}


#map li a {
          position:absolute;
          display:block;
          background:url(http://www.sv-ingenbleek.de/wp-content/blank.gif);
}

#map li a span { display: none; }

#map li a:hover span {
          position:relative;
          display:block;
          width:200px;
          left:20px;
          top:20px;
          padding:5px;
          border:1px solid #000;
          background:#fff;
          text-decoration:none;
          color:#000;
          filter:alpha(opacity=80);
          opacity:0.8;
      }


#map a.bunny {
    top:376px;
    left:381px;
    width:72px;
    height:24px;
}