/*

Design by Pixel 71.com

*/

* {

	margin: 0;

	padding: 0;

}

body {

	margin: 0px 0;

                background: #FFFFFF url(http://richter-pferde.de/mbg_gif.gif) repeat-y top center;	

                font-family: "Arial", Arial, Helvetica, sans-serif;

	font-size: 14px;

                line-height: 19px;

	color: #212121;

}

h1, h2, h3 {

	font-weight: normal;

	color: #3B3B3B;

}

h1 { font-size: 182%; }

h2 { font-size: 122%; }

h3 { font-size: 100%; }

p, ul, ol {

	margin-bottom: 20px;

	line-height: 167%;

	font-size: 85%;

}

a:link {

	color: #212121;

}

a:visited {

	color: #212121;

}

a:hover {

	text-decoration: none;

	color: #FF0000;

}

#header {

	background: #FFFFFF url(http://richter-pferde.de/wbg_gif.gif) repeat-y top center;

                width: 770px;

	height: 80px;

	margin: 0 auto;

}

#logo {

	float: left;

	width: 240px;

  background: url(images/header_logo_richter.png) no-repeat;

  height: 80px;

}

#menu {

	float: right;

}

#menu ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#menu li {

	display: inline;

}

#menu a {

	display: block;

	float: left;

	height: 50px;

	padding: 30px 25px 0 25px;

	background: url(images/img1.gif) no-repeat;

	text-decoration: none;

	font-size: 114%;

	color: #3B3B3B;

}

#menu a:hover {

	color: #FF0000;

}

#splash {

	width: 770px;

	height: 230px;

	margin: 0 auto;

	background: url(images/2010_header_gs_logo.png) no-repeat;

  border-top: 2px solid #212121;

  border-bottom: 2px solid #212121;

}

#splash p {

	float: right;

	width: 460px;

	height: 70px;

	margin: 0;

	padding: 110px 20px 0 50px;

	text-align: right;

	font-size: 136%;

	font-weight: bold;

	color: #FF0000;

}

#inner {

	background-color: #F1F2F2;

}

#page {

        width: 770px;

	margin: 0 auto;

}

#page h1, #page h2 {

	margin-bottom: 20px;

}

#content {

       	min-height: 475px;

        background-color: #F1F2F2;

        float: left;

	width: 490px;

	padding: 20px;

}

#content ol, #content ul {

	margin-left: 3em;

}

.searchbox {

 	font-family: "Arial", Arial, Helvetica, sans-serif;

	margin: 0 0 5px 0;

	padding: 3px;

}

#submenue {

 	font-family: "Arial", Arial, Helvetica, sans-serif;

	font-size: 100%;

	color: #212121;

}

#sidebar {

	float: left;

	width: 200px;

	padding: 20px;

}

#sidebar h2 {

	padding-top: 6px;

	font-weight: bold;

}

#sidebar ul {

	margin: 0;

	padding: 0;

	list-style: none;

}

#sidebar li {

	margin: 0 0 10px 0;

	padding: 0 0 10px 0;

	border-bottom: 1px dashed #CCCCCC;

}

#sidebar h3 {

	height: 17px;

	padding: 0 10px;

	background: #3B3B3B url(images/img4a.gif) no-repeat;

	color: #FFFFFF;

}

#footer {

                background: #FFFFFF url(http://richter-pferde.de/wbg_gif.gif) repeat-y top center;	

                clear: both;

	width: 770px;

	height: 50px;

	margin: 0 auto;

	padding-top: 10px;

	border-top: 3px solid #212121;

}

#footer p {

	margin: 0;

	padding: 0;

	line-height: normal;

	font-size: 77%;

}

#legal {

	float: left;

}

#links {

	float: right;

}

#content img,#contentalt img {

border:0px solid #b0b0b0;

/*** remove these when you want to always lineout your images to the left

float:left;

***/

margin:5px 15px 6px;

padding:5px;

}
