/* CSS Document für martinschedle.ch */

/*
 * Allgemein HTML
 *****************************************************************************/

html, body, div, p, h1, h2, h3, ul, ol, 
span, a, table, td, form, img, li {
   margin:0;
   padding:0;
}

html {
   -webkit-text-size-adjust: none;
}

body {
   font-size: 101%;
   text-align:center;
   background-color: #adadad;
}

strong {
   font-weight: bold;
}

.center {
   text-align: center;
}

img {
   border: 0 none;
}

.klein {
   font-size: 0.7em;
}

.c {
   text-align: center;
}

.r {
   text-align: right;
}

.top {
   vertical-align: top;
}
/*
 * Layout
 *****************************************************************************/

#bg {
   background-color: #efefef;
}

/* ----------------------------------------------------------------------------------------------------------- head*/

#head {
	background-color: #fff;
	margin:0;
}

#headwrapper {
   margin:0 auto;
   width:970px;
}

#headwrapper img.logo {
   margin:20px 0;
}

/* ----------------------------------------------------------------------------------------------------------- navi*/

#navi {
	background: #adadad;
	margin:0;
	height:40px;
}

#naviwrapper {
   margin:0 auto;
   width:970px;
}

#naviwrapper ul {
   text-align:left;
   line-height:40px;
   font-size: 1.2em;
   font-family: 'PT Sans Narrow', sans-serif;
}

#naviwrapper li {
   list-style-type:none;
   float:left;
   margin-right:20px;
}

#naviwrapper a:link,
#naviwrapper a:visited {
   text-decoration: none;
   color:#efefef;
}

#naviwrapper a:hover {
   text-decoration: none;
   color:#fff;
}

#naviwrapper a:active {
   text-decoration: none;
   color:#efefef;
}


/* ----------------------------------------------------------------------------------------------------------- content*/

#contentwrapper {
   margin:10px auto 0 auto;
   padding-bottom:60px;
   width:970px;
   overflow:hidden;
}

#content {
   margin:0;
   text-align:left;
}

#contentleft {
   margin:0;
   width:455px;
   text-align:left;
   float:left;
}

#contentleft2 {
   margin:0;
   width:680px;
   text-align:left;
   float:left;
}

#content h1 {
	font-size: 2.0em; 
	color: #000; 
	margin:30px 0 20px 0;
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
}

#content h2 {
	font-size: 1.4em; 
	color: #000; 
	font-weight:normal;
	margin:0 0 20px 0;
	font-family: 'PT Sans Narrow', sans-serif;
}

#content p {
	font-size:1.0em; 
	line-height: 1.5em; 
	color: #000; 
	margin:0 0 20px 0;
	font-family: 'PT Sans Narrow', sans-serif; 
}

#content ul {
	font-size: 0.85em;
	color: #000; 
	margin:0 0 10px 0; 
}

#content li {
	font-size:1.0em; 
	line-height: 1.5em; 
	color: #000; 
	margin:0 0 20px 0;
	font-family: 'PT Sans Narrow', sans-serif; 
}

#content a:link,
#content a:visited {
   color: #666;
   text-decoration: underline;
}

#content a:hover {
   color: #000;
   text-decoration: none;
}

#content a:active {
   color: #000;
   text-decoration: none;
}

#content input,
#content select{
 color: #000;
 margin: 0px 0px 15px 0;
 background: #fff;
 border: 1px solid #adadad;
 padding:5px;
}

#content label {
 font-family: 'PT Sans Narrow', sans-serif;
} 

#content #mailerror {
	padding:10px;
	background: #fff;
 border: 1px solid #adadad;
 margin:0 0 20px 0;
}

#content #mailerror ul {
	list-style-type:square;
}

#content #mailerror li {
 font-size: 1em;
 line-height: 1.5em;
	color: #000000;
	margin:0 0 10px 15px;
	font-family: 'Droid Serif',serif;
}

#content textarea { 
 width: 400px;
 height:200px;
 margin: 0px 0px 15px 0;
 background: #fff;
 border: 1px solid #adadad;
 color: #000;
 padding:5px;
}

#content input#submit { /* den Submit-Button */
 border: 1px solid #adadad;
}

#content ul.galerie {
	padding:0;
	margin:0;
	list-style-type:none;
	font-family: 'Droid Serif', serif;
}
#content ul.galerie li{
	padding: 3px;
	background-color:#ebebeb;
	border:1px solid #CCC;
	float:left;
	margin:0 10px 10px 0;	
}
#content ul.galerie li:hover{
	border:1px solid #333;
}
#content ul.galerie li span{
	display:block;
	text-align:center;
	font-size:0.85em;
}
#content ul.galerie li a img{
		border:none;
}
			
#content ul.category {
	padding:0;
	margin:0;
	list-style-type:none;
	width:455px;
}

#content ul.category li{
	padding: 5px;
	background-color:#fff;
	border:1px solid #adadad;
	float:left;
	margin:0 10px 10px 0;	
}

#content ul.category li:hover{
	border:1px solid #333;
}
#content ul.category li span{
	display:block;
	text-align:center;
	font-size:0.85em;
}
#content ul.category li a img{
		border:none;
}

#content ul.category li p{
	padding: 0;
	text-align:center;
	margin:0;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:1.5em; 
}

/* ----------------------------------------------------------------------------------------------------------- sidebar*/

#sidebar {
   margin:0 0 0 30px;
   text-align:left;
   float:left;
   width:480px;
}

#sidebar2 {
   margin:0 0 0 30px;
   text-align:left;
   float:left;
   width:260px;
}

#sidebar h1,
#sidebar2 h1, {
	font-size: 2.0em; 
	color: #000; 
	margin:30px 0 20px 0;
	font-weight:normal;
	font-family: 'PT Sans Narrow', sans-serif;
}

#sidebar h2 {
	font-size: 1.4em; 
	color: #000; 
	font-weight:normal;
	margin:0 0 20px 0;
	font-family: 'PT Sans Narrow', sans-serif;
}

#sidebar p,
#sidebar2 p {
	font-size:1.0em; 
	line-height: 1.5em; 
	color: #000; 
	margin:0 0 20px 0;
	font-family: 'Droid Serif', serif; 
}

#sidebar p.small {
	font-size:0.75em; 
	line-height: 1.0em; 
	color: #000; 
	margin:0 0 20px 0;
	font-family: 'Droid Serif', serif; 
}

#sidebar a:link,
#sidebar a:visited {
   color: #000;
   text-decoration: underline;
}

#sidebar a:hover {
   color: #adadad;
   text-decoration: none;
}

#sidebar a:active {
   color: #000;
   text-decoration: underline;
}

/* ----------------------------------------------------------------------------------------------------------- foot*/

#footwrapper {
   margin:0;
   text-align:left;
   background: #adadad;
   min-height:150px; 
}

#foot {
   margin:0 auto;
   width:970px;
   font-family: 'PT Sans Narrow', sans-serif;
}

#foot p {
	font-size:1.0em; 
	color: #efefef; 
   padding-top:10px;
}

#foot a:link,
#foot a:visited {
   color: #efefef;
   text-decoration: underline;
}

#foot a:hover {
   color: #fff;
   text-decoration: none;
}

#foot a:active {
   color: #efefef;
   text-decoration: underline;
}