/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 80% Verdana,Tahoma,Arial,sans-serif;
background: #f4f4f4 url(img/bg1.gif)   top center repeat-y;
}

#wrap {
background: #F0E68C;
color: #404040;
margin: 0 auto;
width: 948px;
}

#header {
clear: both;
margin: 0 0 0 0;
padding: 0;
height: 45px;
}



#header h1 {background-color:inherit; color:#505050; float:left; font-size:2em; margin:0 10px 10px; width:350px;}
#header h1 a { text-shadow:gray 3px 2px 4px; font-size:0.8em; color:#5E7830; }

#header p {float:right; font-weight:700; line-height:1.3em; margin:8px 0 0; text-align:center; width:400px;}

#frontphoto {margin: 0 10px 10px 10px; border: 1px solid #8B814C;}


#box {
           clear:right;
         margin: 0 10px 10px 10px;
position: absolute; 
}


/*Left and right sidebar */
#leftside {clear:left; float:left; }
#rightside {clear:right; float:right; margin-right: 5px; padding-right: 5px;}


#content {
margin: 0 170px 0 170px;

}




#content h2 {
font-size: 0.9em;
margin: 0 0 0.5em 0;
}


#content h1 {
font-size: 1.8em;
margin: 0 0 0.5em 0;
}

#content img {
padding: 1px;
display:inline;
background: #ffffff;
border: 4px solid #f0f0f0;
}

h3 {
font-size: 1.3em;
margin: 0 0 10px 0;
}


#content2 img {
padding: 1px;
display:inline;
background: #ffffff;
border: 4px solid #f0f0f0;
}


a {
text-decoration: none;
color: #B22222;
}

a:hover {
text-decoration: underline;
color: #6E8B3D;
}



a img {
border: 0;
}



/* Footer */
#footer {background:#CDBE70; border-top:1px solid #8B814C; border-bottom:1px solid #8B814C; border-right:1px solid #8B814C; border-left:1px solid #8B814C; clear:both; color:gray; margin:0 auto; padding:10px 0; text-align:center; width:760px; line-height:1.5em; font-size:0.9em;}
#footer p {margin:0; padding:0;}
#footer a {background-color:#CDBE70; color:grey ; font-weight:400; text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footer span {font-size:1.2em;}
#content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #F0E68C; color:#303030; display:inline; padding:1px;}
#leftside h2,#leftside h3, #rightside h2,#rightside h3 {text-align: center; text-shadow:grey 3px 2px 4px; font-size:1.1em; color:#5E7830; margin:0 0 5px 8px; padding:0;}

/* Additional classes */
.left {float:left; margin:3px 10px 2px 0;}
.right {float:right; margin:2px 0 2px 10px;}
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}

.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}




.arrowsidemenu{
	width: 150px; /*width of menu*/
	border-style: solid solid none solid;
	border-color: #94AA74;
	border-size: 1px;
	border-width: 1px;
	margin-left: 10px;
}
	
.arrowsidemenu div a{ /*header bar links*/
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	display: block;
	background: transparent url(arrowgreen.gif) 100% 0;
  height: 24px; /*Set to height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	padding: 4px 0 4px 10px;
	line-height: 24px; /*Set line-height of bg image-padding within link (ie: 32px - 4px - 4px)*/
	text-decoration: none;
}
	
.arrowsidemenu div a:link, .arrowsidemenu div a:visited{
	color: #26370A;
}

.arrowsidemenu div a:hover{
	background-position: 100% -32px;
}

.arrowsidemenu div.unselected a{ /*header that's currently not selected*/
	color: #6F3700;
}

	
.arrowsidemenu div.selected a{ /*header that's currently selected*/
	color: white;
	background-position: 100% -64px !important;
}

.arrowsidemenu ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.arrowsidemenu ul li{
	border-bottom: 1px solid #a1c67b;
}


.arrowsidemenu ul li a{ /*sub menu links*/
	display: block;
	font: normal 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: black;
	padding: 5px 0;
	padding-left: 10px;
	border-left: 10px double #a1c67b;
}

.arrowsidemenu ul li a:hover{
	background: #d5e5c1;
}



.detail_1 {
width: 553px;
	background-color: #CDBE70;
	border: 1px solid #8B814C;
	padding-left: 10px;
	padding-right: 10px;
	margin: 20px 10px 10px 10pt;
}



.detail_beschreibung {
	font-family: Arial, Times, serif;
	font-size: 12px;
	padding-top: 5px;
	margin-bottom: 10px;
}




.descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 3px;
	
	}
	



.detail_2 {
width: 553px;
	background-color: #A2CD5A;
	border: 1px solid #8B814C;
	padding-left: 10px;
	padding-right: 10px;
	margin: 20px 10px 10px 10pt;
}



.detail_beschreibung {
	font-family: Arial, Times, serif;
	font-size: 12px;
	margin-bottom: 10px;
}




.descr {
	color: #000;
	font-size: 0.9em;
	margin-bottom: 3px;
	
	}