/*********************************************************************************

	Project		:	von Harten
	Copyright	:	°° zweikreis.de :: mediendesign - www.zweikreis.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }


/* ### reset some basic style ################################################### */


ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
}

/* ### BODY ###################################################################### */
body {
	font-family:verdana, helvetica, sans-serif;
	font-size: x-small;
	background:#FBE6C4;
	margin:0;
	padding:0;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

/*#### Links ################################################################ */

#inhalt a, 
#inhalt a:link {
	color:#EB8904;
	text-decoration:underline;
}

#inhalt a:hover {
	color:#FB996D;
	text-decoration:none;
}

/* ### Hauptstruktur ############################################################ */

#rahmen {  
	position: absolute;
	left: 50%;
	top: 50%;
	width: 960px;
	margin-left: -480px;
	margin-top: -310px;
	text-align:left;
	/*\*//*/
	margin-top: 0px; // nur für ie mac
	top: 0;
	/**/ 
}

#website {
	display:block;
	float:left;
	width: 960px;
}

#inhalt {
	display:block;
	float:left;
	clear:both;
	width: 940px;
	height:555px;
	color:#333333;
	font-size:1.2em;
	line-height:1.3em;
	margin:10px 10px 0 10px;
	padding-bottom:25px;
	background:#FFFFFF url(../pics/content_hint.gif) no-repeat left bottom;
-webkit-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.2);
-moz-box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.2);
box-shadow: 3px 3px 10px -1px rgba(0,0,0,0.2);
}

.datenschutz #inhalt {height: 820px;}

#left{
	position:relative;
	display:block;
	float:left;
	width:380px;
}

#hausbild{
	position:absolute;
	left:45px;
	top:295px;
}

#footer{
	display:block;
	float:left;
	width:930px;
	height:35px;
	margin:5px 10px 0 10px;
	clear:both;
	text-align:right;
	color:#737373;
}

#footer a,
#footer a:link {
	color:#737373;
	text-decoration: none;
}

#footer a:hover {
	color:#BDBDBD;
	text-decoration: underline;
}

#footer a.current,
#footer a.current:hover {
	color:#BDBDBD;
	text-decoration: none;
}
	
#logo{
	display:block;
	float:left;
	width:312px;
	height:90px;
	margin:30px 0 0 25px;
}

#inhalt #nav{
	display:block;
	float:right;
	width:380px;
	height:100px;
	margin-top:40px;
}

#inhalt #nav ul{
	display:block;
	float:right;
	width:300px;
}

#inhalt #nav li{
	display:block;
	float:left;
	width:100%;
}

#inhalt #nav a,
#inhalt #nav a:link{
	display:block;
	float:right;
	padding:3px 7px;
	margin-right:47px;
	color:#385CA8;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
}

#inhalt #nav a:hover {
	color:#99AED3;
}

#inhalt #nav a.current{
	border-left:1px solid #FF9000;
	border-right:1px solid #FF9000;
	margin-right:37px;
	color:#FF9000;	
}

/* Startmenue */

#inhalt #nav_start{
	display:block;
	float:left;
	width:450px;
	margin:50px 0 0 35px;
}

#inhalt #nav_start ul{
	display:block;
	float:left;
	border-left:1px solid #FF9000;
}

#inhalt #nav_start li{
	display:inline;
	float:left;
}

#inhalt #nav_start a,
#inhalt #nav_start a:link{
	display:block;
	float:left;
	padding:3px 15px;
	color:#385CA8;
	font-size:1.2em;
	font-weight:bold;
	text-decoration:none;
	border-right:1px solid #FF9000;
}

#inhalt #nav_start a:hover {
	color:#FF9000;
}


#adresse{
	display:block;
	float:right;
	width:280px;
	height:50px;
	margin:240px 57px 0 0;
	text-align:right;
}

#content{
	display:block;
	float:left;
	width:545px;
	height:525px;
	padding:30px 15px 0 0;
}

/* hide from IE/MAC \*/
* html #content {
	height:1px;
}
/* end hide */

/* ####### CONTENT  ############################################################# */

.halber_block_1{
	display:block;
	float:left;
	width:320px; 
	margin:0px 0 0 20px;
}

.halber_block_2{
	display:block;
	float:left;
	width:270px;
	margin-top:12px;
}

.halber_block_3{
	display:block;
	float:left;
	width:270px;
	margin-top:18px;
}

.image{
	display:block;
	float:left;
	width:180px;
	height:281px;
}

/* ------- */

p {
	margin:0px 20px 10px 0px;
}

h1 {
	font-size:1.3em;
	margin:0px 0px 14px 0px;
	color:#E28A00;
}

h1.welcome {
	font-size:1.8em;
	margin:300px 0px 20px 0px;
	color:#333333;
}

h2 {
	display:block;
	font-size:1.2em;
	margin-bottom:10px;
	color:#E28A00;
}

#content ul {
	display:block;
	margin-bottom:20px;
}

#content ul li{
	display:block;
	padding-bottom:5px;
	line-height:1.1em;
}

#content ul.person li{
	padding:3px 0 7px 0;
	line-height:1.2em;
}

.google_link{
	font-size:0.9em;
}

.impressum{
	font-size:0.9em;
	line-height:1.2em;	
}