/*----------------------------------Basic Layout-------------------------------*/
#container{
	width: 826px;
	background-image:  url(back_container.jpg);
	background-repeat: repeat-y;
	margin:20px auto 20px auto;
}

#header{
	background-image:  url(back_header.jpg);
	background-repeat: no-repeat;
	height:113px;
	position:relative;
}
#metanav{
	position:absolute;
	top:13px;
	right:18px;
	
	text-align:right;
}
#menu{
	position:absolute;
	bottom:-10px;
	right:20px;
	text-align:right;
	margin-left:12px;

}
#submenu{

	background-repeat: no-repeat;
	padding:5px 15px;
	margin:10px 0;
	position:relative;
	text-align:right;
	width:700px;
	min-height:24px;
}



#main{
	width:529px;
	float:left;
	margin-left:13px;
	margin-top:-10px;
}
#sidebar{
	width: 232px;
	float: right;
	margin-right: 13px;
	background-color: #EAEAF7;
	border: 1px solid #DADAE7;
	border-left: 10px solid #DADAE7;
	padding-bottom:10px;
	padding-left:20px;
}

/* only IE mac will see this */
*>html #sidebar{ display:inline;}
*>html #main{ display:inline;}
/*end IE mac hack*/

#thumbs{
	clear:both;
	padding:10px 13px 0 13px;
	overflow:hidden;
	text-align:center;
}

#footer{
	background-image:  url(back_footer.jpg);
	background-repeat: no-repeat;
	height: 40px;
	color:#E1C3B1;
	font-size:11px;
	clear:both;
	padding:0 15px;
	margin-top:10px;
}
/*----------------------------------Meta Nav Tabs-------------------------------*/
#header img{
	margin-left:24px;
	border:0;
	float:left;
	background-color: transparent !important ;
}
#metanav ul{
	margin:0;
	padding:0;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
}
/*hack so only opera can see this*/
@media screen and (min-width: 550px){
#metanav ul {
	min-width: 250px;
	text-align: right;
}
	#metanav li a{
	float: left;
	width: auto;
}
	#metanav li {
	float: left;
	width: auto;
}
}
/*end hack*/
#metanav li{
	padding: 0;
	float: left;
	list-style: none;
	margin:0 2px;
}
#metanav a{
	display: block;
	width: auto;
	padding: 3px 10px;
	color: #E5CCBD;
	text-decoration: none;
	text-align: center;
	margin: 0;
	padding: 0;
	background-color: #D18B70;
	background-image:  url(back_toptabs.gif)!important;
	background-repeat: no-repeat;
	background-position: bottom right;
}
#metanav a span{
	display: block;
	padding: 2px 8px;
	width: auto;
	background-color: transparent !important;
	background-image:  url(back_toptabs.gif)!important ;
	background-repeat: no-repeat;
	background-position: bottom left;
	
}
/* only IE mac will see this */
*>html #metanav a span{ float:left;}
*>html #metanav a { float:left;}

/*end IE mac hack*/

 #metanav .tabon{
	background-color: #F7F6F1 !important ;
	color:#7E3617}
	
	.skip {
	position: absolute;
	overflow: hidden;
	width: 0;
	height: 0;
}

.skip:active, .skip:focus {
	position: relative;
	overflow: visible;
	width: auto;
	height: auto;
	font-size:16px;
}

/*----------------------------------Menu Tabs-------------------------------*/
#menu ul{
	margin:0;
	padding:0;
	font-size:14px;
}

#menu li{
	padding: 0;
	float: left;
	list-style: none;
	margin:0 2px;
	border:1px solid #024872;
}

#menu a:hover{
	background-color:#648CA5;
}

#menu #currentpage{
	display: block;
	width: auto;
	padding: 3px 10px;
	color: #024872;
	text-decoration: none;
	font-weight: bold;
	text-align: center;

	background-color: #648CA5;

	background-repeat: no-repeat;
	background-position: top right;
}

#menu a{
	display: block;
	width: auto;
	padding: 3px 10px;
	color: #024872;
	text-decoration: none;
	font-weight: bold;
	text-align: center;

	background-color: #99BACE;

	background-repeat: no-repeat;
	background-position: top right;
}
#menu a span{
	display: block;
	padding: 3px 10px;
	width: auto;
	background-color: transparent !important;
	background-image:  url(back_tabl.gif)!important ;
	background-repeat: no-repeat;
	background-position: top left;
	
}
/* only IE mac will see this */
*>html #menu a span{ float:left;}
*>html #menu a { float:left;}
/*end IE mac hack*/

 #menu .tabon{
	background-color: #F7F6F1 !important ;
	color:#7E3617}
/*----------------------------------SubMenu Tabs-------------------------------*/
#submenu ul{
	margin:0;
	padding:2px;
}

#submenu li {
	position:relative;
	float:left;
	width:auto;
	margin:0 4px;
	padding:0;
	z-index:20 !important;
	/*font-family:Georgia,"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	min-width:100px;
	text-align:center;
	list-style: none;
	background-image: none;
	font-size:13px;
}

#submenu li a {
	text-decoration:none;
	color:#AB4A1F;
	font-weight:bold;
	width:auto;
}
/* only IE mac will see this */
 *>html #submenu li a { float:left;}
/*end IE mac hack*/

/*hack so only opera can see this*/
@media screen and (min-width: 10px){
   #submenu ul {
	min-width: 400px;
	text-align: right;
}
#submenu li a {
	float: left;
	display:block;
	min-width:110px;
	padding:4px 0;

	background-repeat: no-repeat;
	background-position: bottom center;
}
#submenu li  {
	text-align: center;
	width: auto;
}

#submenu a:hover  {
	/*background-color: #F7F6F1;*/

	background-repeat: no-repeat;
	background-position:  top center;
}
}
/*end hack*/
#slider {
	position:absolute;
	width:110px;
	height:24px;
	padding:0;
	z-index:1;
	background-image:  url(back_submenutab.gif);
	background-repeat: no-repeat;
	background-position: top left;
}
/*----------------------------------Sidebar-------------------------------*/
#sidebar p{
	margin:4px 8px;
}

#sidebar h2{
	background-color: #F7F6F1;
	background-image:  url(back_h2.gif);
	border-top:1px solid #FAFAF7;
	border-bottom:1px solid #FAFAF7;
	
}

#sidebar ul{
	margin:10px;
	padding:0px;
	margin-bottom:30px;
}


#sidebar li{
	font-size:1.2em;
	font-weight:bold;
	margin:2px;
	padding:5px;
	border:1px solid #CC9160;
	background-color:#DADAE7;
}

#sidebar li:hover{
	background-color:#CC9160;
}

/*----------------------------------Portfolio-------------------------------*/

#imgtabs{
	margin: -10px 8px 0 8px;
	padding: 0;
	text-align: right;
	/*overflow: hidden;
	position: relative;
	bottom: -1px;
	font-family: Georgia,"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	border: 0;
	float:right;
}

#imgtabs li{
	margin: 0;
	padding: 0;
	text-align: center;
	float: left;
	width:auto;
	background-image:  url(back_tab2r.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-right: 2px;
	list-style: none;
}
#imgtabs li a{
	display: block;
	text-align: center;
	margin: 0;
	padding: 4px 12px 3px 14px;
	text-align: center;
	float: left;
	width:auto;
	background-image:  url(back_tab2l.gif);
	background-repeat: no-repeat;
	background-position: top left;
	margin-right: 2px;
	list-style: none;
	border-bottom: 1px solid #D7D1C9;
	font-weight: bold;
}

/* only IE mac will see this */
 *>html #imgtabs li a { float:left;}
/*end IE mac hack*/

/*hack so only opera can see this*/
@media screen and (min-width: 10px){
   #imgtabs {
	min-width: 220px;
	float:right;
	clear:both;
}
   #imgtabs li{
	float:left;
	width:auto;
}
   #imgtabs li a{
	float:left;
	width:auto;
}
}

#imgtabs .tabon{
	border-bottom:1px solid #F7F6F1;
	font-weight:normal;
	color:#665C48;
	padding-right:12px;
}
.photo{
	border:1px solid #D7D1C9;
	padding:2px;
	clear:both;
	background-color: #FDFDFC;
	margin:0 4px;
	background-image:  url(back_loading.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	margin-top:-1px;
	min-height:260px;
}
#thumbs ul{
	margin:0 0 0 20px;
	padding:0;
}
#thumbs li{
	list-style: none;
	float:left;
	padding:0;
	background-image: none;
}
.current a img{
	border:2px solid #c09b3b !important;
	display:block;
	padding:3px;
	margin:0 5px;
}

#thumbs a img{
	display:block;
	padding:3px;
	border:1px solid #A9A596;
	margin:0 5px;
	text-decoration:none;
}
#thumbs a:hover img, #thumbs a:visited:hover img, #thumbs .current a:hover img{
	display:block;
	margin:0 5px !important;
	padding:3px;
	float:left;
	border:1px solid #9A4723;
	background-color: white;
}
#thumbs a:visited img{
	border:1px solid #D7D1C9;
	display:block;
	margin:0 5px;
	padding:3px;
	float:left;
}
a.view, a.view:visited{
	display:block;
	float:right;
	padding:4px 8px;
	/*font-family: Georgia,"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	font-weight:bold;
	color:#E5CCBD !important;
	text-transform:uppercase;
	background-color: #AB4A1F;
	background-image: url(back_linkbutton.gif);
	border:1px solid #7E3617;
	margin-top:10px;
}
a.view:hover, a.view:visited:hover{
	background-color: #C6592B;
	border:1px solid #7E3617;
	color:white !important ;
	text-decoration:none;
}
.portside{
	margin-top:35px;
}
.prevnext{
	clear: both;
	text-align: center;
	margin: 5px;
	padding: 0;
}
/*----------------------------------home-------------------------------*/
.home{
	background-repeat: no-repeat;
	background-position: top right;
}


/*----------------------------------text-------------------------------*/
#main p{
	margin:5px 10px;
	line-height:1.6em;
}

/*----------------------------------footer-------------------------------*/
#footer p{
	padding:5px !important ;
}
#footer a, #footer a:visited{
	color:#EFECE8;
}
#footer a:hover, #footer a:visited:hover{
	color:#F7F6F1;
}
/*----------------------------------forms-------------------------------*/
form{
	padding:10px;
}
input, textarea {
	border:1px solid #665C48;
	background-color: #EFECE8;
}
input:focus, textarea:focus {
	border:1px solid #9A4723;
	background-color: #FAFAF7;
}
.button, .button:focus{
	padding:4px 8px;
	/*font-family: Georgia,"Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	font-weight:bold;
	color:#E5CCBD;
	text-transform:uppercase;
	background-color: #AB4A1F;
	background-image: url(back_linkbutton.gif);
	border:1px solid #7E3617;
	margin:5px 0;
}
 .button:focus{
	color:white;
}




/*----------------------------------General: body, links, fonts-------------------------------*/
body{
	background-image:  url(back_page.jpg);
	background-repeat: repeat-x;
	background-color: #E2DDD7;
	color:#665C48;
	font-size: 11px;
	font-family: "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a{
	color:#C6592B;
	text-decoration:none;
	font-weight:bold;
}

a:visited{
	color:#9A4723;
	text-decoration:none;
}

a:hover{
	color:#7E3617;
	text-decoration:underline;
}



h1{
	font-size:19px;
	color:#024872;
	margin:10px 5px 10px 5px;
	padding:0;
	border-bottom: 1px solid #DADAE7;
}

h2{
	font-size:13px;
	color:#7C3120;
	padding:4px 8px;
	margin:5px;
	border-bottom: 1px solid #CC9160;
	width:70%;
	margin-left:10px;
	margin-bottom:15px;
}


h3{
	font-size:11px;
	color:#9A4723;
	text-transform:uppercase;
	letter-spacing: 1px;
	margin: 5px;
}
h4{
	font-size:11px;
	color:#9A4723;
	margin: 5px;
}
.clear{
	clear:both;
}

li{
	list-style: none;

	background-repeat: no-repeat;
	background-position: 0 4px;
	padding:2px 4px 2px 16px;
}


label { /* Alle Labels UND Formularelemente auswählen */
  display: block;
  float: left;
  width: 130px; /* Breite.*/
 text-align: right; 
 padding-right: 1em; 
}

#form p{
	padding:0px;
	font-size:0.9em;
}

input#text{
	background-color:white;
	color: #84806B;
}

input:hover{
	background-color:#F1F1F1;
}

label.radio{
  width: auto;
  text-align:left;
  clear:left;
}

input#radio {
  float: none;
  width: auto;
}

input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}

select{
	color: #84806B;
}

textarea{
	color: #84806B;
	width:220px;
}

.red{
	color:red;
}

.article{
	font-size:1.1em;
}

#bls {border:none;font-size:0.9em;padding:0;margin:0;text-align:center;}
#bls li {display:inline;padding:1px;margin:0;}
.bl {font-face:normal}