/*css*/

/* Main Layout*/
body { /*Okay*/
	border:0px;
	padding:0px;
	margin:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-color:#c2c2c2;
	color:#333333;
	background-image:url(../images/bg_1.jpg);
	background-repeat:repeat-x;
	background-position:top;
}
a:link { /*Okay*/
	color: #666666;
}
a:visited { /*Okay*/
	color: #666666;
}
a:hover { /*Okay*/
	color: #666666;
	text-decoration:none;
}
a:active { /*Okay*/
	color: #666666;
}
#page { /*Okay*/
	width:980px;
	height:810px;
	margin:0px auto;
	background-image:url(../images/content_bg.gif);
	background-repeat:repeat-x;
	background-position:left;
	background-color:#ffffff;
	margin-top:20px;
	border-bottom:3px solid #ffffff;
}
#header { /*Okay*/
	height:180px;
	clear:both;
	background-color:#FFFFFF;
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:6px solid #5f8b80;
}
#header_logo { /*Okay*/
	margin:24px 20px 20px 20px;
	float:left;

/* Menü*/

}
#side_menu_container { /*Okay*/
	background-color: #878ca0;
	width:180px;
	float:left;
	margin-left:20px;
	margin-top:20px;
}
#side_menu { /*Okay*/
	margin:0px 0px 0px 0px;
	padding:0px;
	width:180px;
}
ul#side_menu li { /*Okay*/
	list-style:none;
	padding:10px 0px 10px 0px;
	margin:0px;
	border-bottom:2px solid #ffffff;
	width:180px; 
}
ul#side_menu a { /*Okay*/
	color:#ffffff; /*Schriftfarbe Menü*/
	padding:0px 0px 0px 0px;
	margin-left:17px;
	text-decoration:none;
	font:14px Arial, Helvetica, sans-serif;
}
ul#side_menu a:hover { /*Okay*/
	color:#000000;
	font-weight:bold;
}

/*Box unter dem Menü*/

.side_menu_box { /*Okay*/
	width:180px;
	color:#c2c2c2;
	margin:0px;
	margin-bottom:20px;
	border-top:10px solid #ffffff;
}
.alert { /*Okay*/
	padding:0px;
	margin-left:17px;
}

/*Haupseite*/

#content_body { /*Okay*/
	padding: 20px 0px 0px 0px;
	line-height:1.5em;
	height:600px;
	width:760px; 
	float:right;
}
#footer { /*Okay*/
	height:30px;
	width:960px;
	margin: 0px auto;
	color:#656565;
	font-size:10px;
	padding:10px;
	clear:both;
	border-top:6px solid #5f8b80;
}
#footer a, #footer a:link, #footer a:visited { /*Okay*/
	color:#656565;
	text-decoration:none;
}
#footer a:hover { /*Okay*/
	text-decoration:underline;
}
#footer .right { /*Okay*/
	width:450px;
	float:right;
	text-align:right;
}
#footer .left { /*Okay*/
	width:300px;
	float:left;
}
.search {
	margin:5px 10px 0px 10px;
}
.search .left {
	float:left;
}
.search .right {
	float:right;
}
/* General Content*/

.padding_bottom {
	padding-bottom:5px;
}
.clear {
	clear:both;
	visibility:hidden;
	background-color: ffffff;
}
form {
	margin:0px;
	padding:0px;
}
.forms_field {
	background-color:#161616 !important;
	border:1px solid #505050 !important;
	margin:3px 0px 0px 0px;
	color:#FFFFFF;
	height:18px;
	padding:2px;
}
.forms_button {
	background-color:#292929 !important;
	border:1px solid #505050 !important;
	margin:3px 0px 0px 0px;
	color:#c4c4c4;
	height:23px;
	padding:2px;
}
h1 { /*Okay*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#505050;
}
h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#666666;
	font-weight:normal;
	margin:0px;
	padding:0px;
}
h3 { /*Okay*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
	color:#5f8b80;
}
h4 { /*Okay*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#5f8b80;
}
.image_border {
	border-bottom:1px solid #878ca0;
	margin:0px 0px 0px 0px;
	padding:0px;
}
hr {
	border: 0;
	color: #631714;
	background-color: #c3c3c3;
	height: 1px;
	width: 100%;
}
.box {
	width:200px;
}
.box_title {
	background-color:#eef7fe;
	border-top:1px solid #d1e7fa;
	border-bottom:2px solid #d1e7fa;
	padding:5px;
	color:#1a729e;
	font-size:18px;
}
.box_text {
	background-color:#eef7fe;
	border-bottom:1px solid #d1e7fa;
	padding:10px;
	margin-top:1px;
}
.size11 {
	font-size:11px;
}
.size14 {
	font-size:14px;
}
.maroon {
	color:#631714;
}
.light_grey {
	color:#666666;
}

/*home page*/


#banner {
	height:215px;
	padding:0;
	clear:both;
	margin-bottom:10px;
}
#banner a {
	display:none;
}
.left_content {
	width:470px; /*480px minus padding*/
	float:left;
	padding-left:10px;
}
.right_content {
	width:230px;
	float:right;
	padding-left:10px;
	border-left:1px solid #c3c3c3;
	padding-bottom:10px;
}
.full_content {
	width:730px; /*480px minus padding*/
	height:540px;
	float:left;
	padding-left:10px;
	overflow:auto;
}
.featured_container {
	height:22px;
	width:181px; /*211px minus padding*/
	border-bottom:1px solid #c3c3c3;
	padding-left:30px;
	margin-bottom:3px;
}
.feature_text {
	width:211px;
	color:#666666;
	font-size:11px;
	line-height:normal;
	text-align:justify;
}
.feature_text p {
	margin:0px;
	padding:0px;
}
/*About Page*/

.service_table td {
	padding:3px 8px;
	color:#666666;
	font-size:12px;
	height:28px;
}
.service_table {
	border-bottom:1px solid #c3c3c3;
}
th { /*top row of the table*/
	background-color:#505050;
	color:#FFFFFF;
	font-weight:bold;
	border-bottom:1px solid #FFFFFF;
	height:28px;
}
.row1 {
	background-color:#f0f0f0;
}
.row2 {
	background-color:#FFFFFF;
}
ul.ticklist {
	padding:0px 0px 0px 15px; /*indent whole list*/
}
ul.ticklist li {
	list-style:none;
	background-image:url(../images/icon_tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
	margin:0px 0px 10px 0px;
	padding:0px;
	padding-left:25px;
	font-size:12px;
	line-height:normal;
}
/*Service Page*/

.service_box_container {
	width:730px;
	border-bottom:1px solid #c3c3c3;
	margin-bottom:15px;
}
.service_box_container .image {
	float:left;
	width:290px;
	height:204px;
	border-color: #000000;
	margin:10px 0px 0px 2px;
}
.service_box_container .text {
	float:right;
	width:400px;
	font-size:12px;
	padding:5px 0px;
}
.service_box_container .text p {
	padding:0px;
	margin:0px;
}
/*Contact Page*/

.left_details { /*Okay*/
	float:left;
	width:350px;
}
.right_details { /*Okay*/
	float:right;
	width:325px;
}
.map { /*Okay*/
	margin:0px 20px 20px 0px;
	width:375px;
	height:375px;
	float:right; color:#000000;
}
.contact_title {
	color:#666666;
	font-weight:bold;
	float:left;
	width:70px;
}
.contact_detail {
	float:left;
	width:100px;
	clear:right;
}
.forms {
	background-color:#FFFFFF !important;/*the important gets rid of the yellow google toolbar field style*/
	border:1px solid #c3c3c3 !important;
	margin:3px 0px;
	padding:4px;
	color:#666666 !important;
}
#contact { /*Okay*/
	border:0;
	width:350px; /*this width keeps the form fields in line*/
}
#contact label {
	float:left;
	width:80px;
	margin-right:15px;
	clear:left;
	color:#666666;
	font-weight:bold;
	text-align:right;
	height:32px;
}
#contact input, #contact textarea {
	margin-right:40px;
}
#contact #submit {
	clear:left;
	margin-left:95px;
}
/*Blog Page*/

.post {
	clear:both;
	
	padding-top:10px;
	width:auto;
	border-bottom:solid 1px #c3c3c3;
	margin-bottom:10px;
}
.post .date {
	float:left;
	width:80px;
	border-right:1px solid #c3c3c3;
	margin:10px 20px 0px 0px;
}
.post .date .day {
	display:block;
	font-size:60px;
	padding:16px 0;
	font-weight:bold;
	color:#c3c3c3;
}
.date .month, .date .year {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#c3c3c3;
}
.date .month {
	letter-spacing:14px;
	padding-left:6px;
}
.date .year {
	letter-spacing:10px;
	padding-left:5px;
}
.post-content {
	float:right;
	width:600px;
}
.post-content h3 {
	font-size:22px;
	line-height:36px;
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#c3c3c3;
}
.post-content .short {
	font-size:13px;
	line-height:18px;
}
.tags {
	font-size:11px;
	border-top:dashed 1px #c3c3c3;
	border-bottom:dashed 1px #c3c3c3;
	margin:5px 0px;
}
.blog_image {
	border:1px solid #c3c3c3;
	margin:5px 0px 5px 10px;
	padding:3px;
	float:right;
}


#form_ok {
	background: url(../images/information.png) no-repeat top left;
	padding-left: 25px;
	color: green;
}

#form_missing {
	background: url(../images/error.png) no-repeat top left;
	padding-left: 25px;
	color: red;
}

/* Die kleine Galerie */
div.galerie {
    overflow: hidden; /* zum Einschließen der Floats */
    padding: 0px 10px 10px 0;
    margin: 0 3px 3px 0;
}

div.galerie img {
    float: left;
    padding: 4px;
    border: 1px solid #ddd;
    border-right-color: #aaa;
    border-bottom-color: #aaa;
    margin-right: 15px;
    margin-bottom: 15px;
}