/*  

Theme Name: skopp

Theme URI: http://s-kopp.de/

Description: stylesheet s-kopp 0.5

Version: 0.5

Author: guido haak * chives - Buero fuer Webdesign Plus

Author URI: http://www.chives.de

*/



/**

 * ----------------------------------------------------------------------------

 * Tags

 *

 */



* {

margin: 0;

padding: 0;

}



body {

background: #464646 url(../images/body_bg3.gif) repeat-x;

font-size: 11px;

font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;

color:#564b47;

padding:0px;

margin:0px;

text-align:center;

}



a, a:visited {color: #1684c3; text-decoration: none;}

a:hover {color: #222;}

a:active { color:#000000;}


p a, p a:visited {color: #1684c3; text-decoration: underline;}


h1 {

color: #48755a;

font-family: Georgia, "Times New Roman", sans-serif;

font-size: 22px;

letter-spacing: -1px;

line-height: 30px;

margin: 0 0 0.8em 0;

text-decoration: none;

font-weight: lighter;

}

	

h2 {

font-size:12px;

font-weight: bold;

margin: 0 0 0.8em 0;

}



h3 {

font-size:11px;

font-weight: bold;

margin: 0 0 0.2em 0;

}



hr {

display: none;

}



img {

border: 0;

}







p {

 padding: 0;

 margin: 0 0 1.5em 0;

} 



hr {

    display: none;

}

.hr {

   border-top: 1px solid #eee;

}


abbr,

acronym {

font-style: inherit;

border-bottom: 1px dotted #676767;

cursor: help;

}


form  {

margin: 0;

}


em,

strong {

font-weight: bold;

font-style: normal;

}



blockquote {

font-variant: small-caps;

font-style: normal;   

margin-bottom: 0.5em;

margin-left: 0;

}



q,

cite {

font-style: italic;

}



/**

 * ----------------------------------------------------------------------------

 * Layout

 *

 */



/* ----------container zentriert das layout-------------- */

#container {

width: 800px;

padding:0px;

margin: 0px;

margin-left: auto;

margin-right: auto;

} 



/* ----------banner for identity-------------- */

#banner {

text-align: right;

background-color: #e1ddd9;

background-image: url(../images/id_hund.jpg);

width: 800px;

height: 224px;

padding: 0px;

margin: 0px; 

border-bottom: 10px solid #919191;

}



/* ----------outer und inner layout----------------- */

#outer{ 

border-left: solid 200px #f2f2f2;  /* linke Menue Spalten Farbe  */ 

background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */

text-align:left; /* Center Hack neutralisiert */

} 



#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 










/* --------------Spalte links------------- */

#left {

width:200px; 

float:left; 

position:relative; 

margin-left:-200px; 

margin-right:1px;

}

 

/* -----------------Inhalt--------------------- */

#contentblock { 

position: relative; 

margin: 0px;

padding-top: 28px;

padding-bottom: 28px;

font-size: 11px/18px;

line-height: 1.7em;

background-image: url(../images/main_mid3.gif);

background-repeat: repeat-y;

}



/*  ----------------footer---------------------- */ 

#footerblock {

background-color: #f2f2f2;

height: 5em;

clear:left;

padding:0px;

margin:0px;

text-align: right; 

} 



#footer p

{

border-top: 1px dashed #aaa;

position: relative;

top: 2em;

text-align: right;

padding: 2.5em 30px 2.5em 200px;

font: 9px/1.6em "trebuchet ms", verdana, sans-serif;

text-transform: uppercase;

letter-spacing: 1px;

color: #919191;

background: #f2f2f2;

}



#footer a

{

text-decoration: none;

}



/*  ----------------mainmenu---------------------- */ 



#mainmenublock  {

background-color: #transparent;

font: bold 12px/1.5em Verdana;

height: 31px;

}



/**

 * ----------------------------------------------------------------------------

 * Pagelements

 *

 */



#content {

padding: 0 40px 36px 20px;	

}



/*  ----------------listen---------------------- */ 

 


ul {

    list-style: none;

}



ol, ul {

    padding: 0;

    margin: 0;

}



#content  ul {padding: 0 0 8px 34px; margin: 1em 0em; }








#content  ol {padding: 0 0 8px 34px; margin: 1em 0; line-height: 20px; list-style-position: outside}

#content  ul li {padding-left: 10; margin: 0.2em 0 0.2em 1px; list-style: none; list-style-image: url(../images/bullet.png); }

#content  ul.subbulletlist li {padding: 0; margin: 0.2em 0 0.2em 1px; list-style: square; list-style-image: none; }



/*  ----------------aktuelles---------------------- */ 



.commentary  {

    font-size: 11px;

	 padding-top: 4px;

	 line-height: 17px;

	 color: #ccc;

}



.commentary a:link,

.commentary a:visited,

.commentary a:focus {

    text-decoration: none;

	 border-bottom: 0px;

	 color: #3b3b3b;

}



.commentary a:hover {

	text-decoration: underline;

	color: #111;

}



h3 a, h3 a:link  {

	text-decoration: none!important;	

}



h3 a:visited  {

	color: #026391;

}



.date-content	{

		margin: 0px;

		padding: 0px;

		font-size: 11px;

		font-weight: bold;

		text-transform: uppercase;

}



/*  ----------------fotogalerie---------------------- */ 



#slideshowblock  {


padding: 0;

margin: 0;

}



#slidenavigator  {

display: block; 

position: relative; 

background-color:#f2f2f2;

padding: 0.1em; 

text-align:center; 

margin-bottom: 1.6em; 

width: 99%;

clear: right;

}



/* thumbs */

span.thumb {

	position: relative;

	float: left;

	width: 140px;

	margin: 0 2em 2em 0;

	padding: 0;

}

.thumb img.thumb {

	border: 5px solid #a2cee7;

}

.thumb img.thumb:hover {

	border: 5px solid #459dcf;

}



/* detailbild mit foto */


div.picMaxi  {
    position: relative;
    margin-right: 0; 
    margin-bottom: 1.5em;
    float: left;
    overflow: hidden; 
}

div.picMaxi  {
    margin-top: 5px;
    width: 540px;  /* 540 Maximalbreite */
}



.anmerkung {

    font-size: 10px;

	 padding-top: 4px;

	 line-height: 120%;

}



.anmerkung a:link,

.anmerkung a:visited,

.anmerkung a:focus,

.anmerkung a:hover {

    text-decoration: none;

} 


/*  ----------------Gaestebuch---------------------- */ 


.gb_entry  {

margin-top: 1em;

}

.vpgb_comment   {

font-style: italic;

margin-top: 1em;

}


/* Kontakt Formular
----------------------------------------------- */

label {
	display: block;
	margin: 0;
	padding: 0px 0;
	color: #564b47;
	font-size: 11px;
}

div#contact_form {
	margin-bottom: 28px;
	padding: 0;
	width: 90%;
}
	
#contact_form p {
	margin: 0;
	padding: 0 0 6px 0;
}
	
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {

	display: none;
}

.formLabel, .formMessage {
	padding: 0;
	font-size: 85%;
	font-weight: normal;
}

.row {
	clear: both;
	padding-top: 4px;
}
	
.inputfield, .inputarea, .inputdrop, .searchfield { 
	border: 1px solid #999;
	color: #666;
	background-color: #fefefe;
	margin: 0 0 4px 0;
	padding: 2px 0 2px 0px;
	width: 99%;
	font-size: 12px;
}

.inputfield, .inputdrop {
	width: 50%;
}
	
textarea { 
	font-size: 110%;
	font-family: Arial, helvetica, sans-serif;
}

span.required {
	color: #ff0000;
	font-size: 110%;
}

/*
.submit, .reset  {
	color: #3b3b3b;
	font-size: 9px;
	height: 2em;
	background-color: #f1efec;
	border: 1px dotted #3b3b3b;
	padding: 2px 4px;
	margin: 0;
}
*/
 

/*  ----------------mainmenu-tabs---------------------- */ 



#tabsC {

position: relative;

top: 193px;

left: 0px;

float:left;

width:100%;

background:transparent;

font-size:86%;

line-height:normal;

}



#tabsC ul {

margin:0;

padding:10px 10px 0 200px;

list-style:none;

}



#tabsC li {

display:inline;

margin:0;

padding:0;

}



#tabsC a {

float:left;

background:url("../images/tableftC.gif") no-repeat left top;

margin:0;

padding:0 0 0 4px;

text-decoration:none;

}



#tabsC a span {

float:left;

display:block;

background:url("../images/tabrightC.gif") no-repeat right top;

padding:5px 15px 4px 6px;


color:#1d3645;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

#tabsC a span {float:none;}

/* End IE5-Mac hack */



#tabsC a:hover span {

color:#FFF;

}



#tabsC a:hover {

background-position:0% -42px;

}



#tabsC a:hover span {

background-position:100% -42px;

} 



#tabsC a.selected  {

background-position:0% -42px;	

}



#tabsC span.selected  {

background-position:100% -42px;

color: #fff;

}



/*  ----------------submenu---------------------- */ 



.subnavi {

background-color: #eee;

border-bottom: 1px dotted #111;

padding: 0px;

margin: 20px 0px 20px 0px;

}



#submenublock  {

width:200px; 

}



#submenublock h2  {

color: #111;

font-size: 11px;

text-transform: uppercase;

letter-spacing: 1px;

font-weight: lighter;

padding: 32px 10px 16px 25px;	

}



#submenublock a, a:visited {

text-decoration: none;

padding: 0px;

margin: 0px;

}



#submenublock a:hover {color: #111;}

#submenublock a:active {text-decoration: line-through;}



#submenublock a.open {

color:#000000;

}



#submenublock .subnavi ul li a {

display:block;

border-top: 1px dotted #111;

background-color: #fff;

color: #464E42;

text-decoration: none;

padding: 4px 15px 4px 25px;

margin: 0px 0px 0px 0px;

}



#submenublock .subnavi ul li a:visited {color:#464E42;}


#submenublock .subnavi ul li a:hover {color: #fff; background-color: #459dcf;  }

#submenublock .subnavi ul li a:active { color:#ffffff; text-decoration: line-through; background-color: #1684c3;}



#submenublock .subnavi ul li a.selected {

font-weight: bold;

color:#564b47;

background-color: #e4f1f8;

}



#submenublock ul {

list-style-type: none;

margin: 0px 25px 0px 25px;

padding: 0px;

} 



#submenublock li {

margin-bottom: 10px;

}



#submenublock .subnavi ul {

list-style-type: none;

padding: 0px;

margin: 0px;

} 



#submenublock .subnavi li{

display:inline;

margin: 0px;

padding: 0px;

}



#kontakt  {

padding: 0 10px 16px 25px;	

}



/**

 * ----------------------------------------------------------------------------

 * Helper

 *

 */


.clearer {

height: 0px;

clear: left;

overflow: hidden;

font-size: 0px;

line-height: 0px;

}



.white {

color: #ffffff;

}



.alignright { 

margin-top: 0pt; text-align: right; clear: both; 

}





.floatright {

float: right;

}



.floatleft {

float: left;

}



.hide {

position: absolute;

left: -1000em;

width: 500em;

line-height: 0px;

}



.print {

display: none;

}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {  
    height: 1%;
}

.clearfix {
    display: block;
}
/* End hide from IE-mac */