/* Allgemein
************************************************/
body {
	margin: 0;
	padding: 0;
	font: 12px/17px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	text-align: center;
	background: url(../pics/bg.gif) repeat-x #e9e6e1;
}
img { border : 0px;}
table {	border : 0px;}

/* Konstrukt
************************************************/

#outerWrapper {
	width: 900px;
	margin: 0 auto;
}
#header {
	height: 99px;
	margin: 0;
	padding: 0;
	text-align: left;
}
#logo {
	padding: 22px 0 13px 0;
	margin: 0;
	float:left;
}
#clear {
	clear:both;
}
#head {
	width:900px;
	height:220px;
	margin:0;
	padding:0;
	background: url(../pics/header/walther_header_01.jpg) no-repeat;
}

#content {
	width:900px;
	text-align:left;
}

#content .box .more {margin-top: -25px;}
#content {float: left; margin: 0 0 25px 0;}
#content .hauptcol {float: left; width: 575px; margin-right: 25px; padding-top:10px;}

#content .rightcol {float: left; width: 300px; margin-top:34px;}

#content h2 {font: bold 1.4em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.6em 0;}
#content h3 {font: 1.6em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.8em 0;}
#content h4 {font: bold 1.4em Arial, Helvetica, sans-serif; margin: 1.2em 0 0.8em 0;}

#content .box {float: left; width: 300px; background: url(../pics/box_base.gif) bottom no-repeat; margin-bottom: 25px;}
#content .box h3 {float: left; width: 250px; background: url(../pics/box_top.gif) top no-repeat; padding: 15px 25px 10px 25px; text-transform: uppercase; font-weight: bold; font-size: 1.3em; margin: 0;}

#content .boxinner { clear: both; padding: 0 25px 20px 25px;}
#content .box li {border-top: 1px solid #dbd8d2; padding: 6px 0 38px 0;}

#content .box .date {color: #777; font-size: 0.9em;}
#content .box h4, #content .box p {margin: 0; padding:0; font-size: 1em;}

#content p {margin: 0 0 0.8em 0;}

.boxinner ul {list-style: none; margin: 0 0 10px 0; padding:0; border-bottom: 1px solid #c5c2bc;}
.boxinner img { padding:4px; margin-right:13px; background:#d3d1ce; border:1px solid #bcbcbc;}

.more {text-align: right; margin: 0;}
#content .box .more {margin-top: -5px;}
.more a {color: #fff668; border-bottom: 1px solid #ccc;}
.more span {font-weight: bold; font-size: 1.9em; position: relative; top: 2px;}
.more a:hover {color: #fff88c; border-color: #fff;}

h1 {font: bold 24px Arial, Helvetica, sans-serif; color: #2d322c; margin: 26px 0 10px 0; letter-spacing: -1px;}

hr {border: none; height: 0; overflow: hidden; color: #ccc; border-bottom: 1px solid #ccc; display: block; float: left; width: 100%; margin: 1em 0 2em;}
/* sub navigation
************************************************/
#subnavbar {
	width:236px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color:#1b3b5e;
	padding:61px 0 0 0;
	margin:0;
	float: right; 
}

#subnav {
	display: inline;
}	
#subnav li {
	margin: 0;
	padding: 0;
	float: left;
	list-style-type: none;
}
#subnav li a {
	padding: 2px 10px 2px 10px;
	color: #2E2E2E;
	text-decoration: none;
	border-right: 1px solid #cccccc;
}
#subnav li a:hover {
	background-color:#666;
	color: #fff;
}
#subnav li#standort a {
	border:none;
}

/* Links
************************************************/
a {text-decoration: none;}
#content a, #content a:visited {color: #0060a9; border-bottom: 1px solid #ccc;}
#content a:hover {color: #1b3b5e; border-color: #1b3b5e;}

/* Form
************************************************/
form {
	margin:0;
	padding:0;
}
textarea{
	border:1px #CACACA solid;
	font-size: 11px;
	font-family: verdana;
}
select 	{
	border:1px #CACACA solid;
	color: #424242;
	font-family: verdana;
} 

/* Footer
************************************************/

#footer {
	width:900px;
	height:26px;
	font: 11px Arial, Verdana, Helvetica, sans-serif; color: #959CA7;
	padding: 0;
	margin: 25px 0 50px 0;
	background: url(../pics/bg_footer.gif) no-repeat;
}
#footer p {padding: 6px 10px 0 10px; color: #fff;}

#content #footer p a {color: #fff; border:none;}
#content #footer p a:hover {color: #9ec4e5; text-decoration: none;}
#content .anfrageinner { clear: both; padding: 0 25px 20px 25px;}

/* form 
**********************************************/
#middlecol-kontakt {
	width:372px;
	height: 265px;
	min-width:120px; 
	margin:0;
	padding:20px;
	background: url(../pics/bg_form_kontakt.gif) no-repeat;
}
#content .anfrage {float: left; width: 460px; background: url(../pics/anfrage_base.gif) bottom no-repeat; margin-bottom: 25px;}
#content .anfrage h3 {float: left; width: 410px; background: url(../pics/anfrage_top.gif) top no-repeat; padding: 15px 25px 10px 25px; text-transform: uppercase; font-weight: bold; font-size: 1.2em; margin: 0;}

#middlecol-anfrage {
	width:372px;
	min-width:120px; 
	margin:0;
	padding:20px;
	background: url(../pics/bg_form_kontakt.gif) no-repeat;
}
#formspace {
	padding-top: 7px;
}
/* projekte
**********************************************/

.thumb { width:160px; height:164px; float:left; margin:0 25px 8px 0;}
.titel {font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color:#777; padding-top:3px;}
#content .thumb a { display:block; border:1px solid #a9a9a9;}
#content .thumb a:hover {border-color:#ed1917;}

/* galerie
**********************************************/

.thumb-galerie { width:160px; height:119px; float:left; margin:12px 25px 12px 0;}
.titel {font: 10px/13px Verdana, Arial, Helvetica, sans-serif; color:#777; padding-top:3px;}
#content .thumb-galerie a { display:block; border:1px solid #a9a9a9;}
#content .thumb-galerie a:hover {border-color:#ed1917;}