/*************************************
    Inhalt:
    
	0. Reset / Settings
    1. Seitenaufbau
    2. Navigation
    3. Content
    4. Typographie
    5. Links
    6. Formulare
*************************************/


/*************************************
    0. Reset / Settings
*************************************/

* {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    list-style: none;
	text-decoration: none;
}

.clearfix:after {
	content:".";
	display:block;
	height:0;
	font-size:0;
	clear:both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}

textarea { overflow: auto; font-size: 100%;}

html {
	background: #090909 url('../images/bg.gif') repeat-x;
}
body {
	background: #090909 url('../images/bg.gif') repeat-x;
	color: #c5c7c8;
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: small;
}
p {margin: 3px 0px 12px 0px;}
img {display: block;}

.rot {color: #ed1c22;}

.clear 		{clear:both;}

strong {font-weight: bold;}
.border {border: 1px solid #666;}

.rounded {
  -moz-border-radius:1.6ex;
  -webkit-border-radius:1.6ex;
}
.roundedtop {
  -moz-border-radius-topleft:1.6ex;
  -webkit-border-top-left-radius:1.6ex;
  -moz-border-radius-topright:1.6ex;
  -webkit-border-top-right-radius:1.6ex;
}
.roundedbottom {
  -moz-border-radius-bottomleft:1.6ex;
  -webkit-border-bottom-left-radius:1.6ex;
  -moz-border-radius-bottomright:1.6ex;
  -webkit-border-bottom-right-radius:1.6ex;
}

.roundedtopleft {
  -moz-border-radius-topleft:1.6ex;
  -webkit-border-top-left-radius:1.6ex;
}

.roundedright {
  -moz-border-radius-topright:1.6ex;
  -webkit-border-top-right-radius:1.6ex;
  -moz-border-radius-bottomright:1.6ex;
  -webkit-border-bottom-right-radius:1.6ex;
}
.roundedtopright {
  -moz-border-radius-topright:1.6ex;
  -webkit-border-top-right-radius:1.6ex;
}

.roundedbottomleft {
  -moz-border-radius-bottomleft:1.6ex;
  -webkit-border-bottom-left-radius:1.6ex;
}
.roundedbottomright {
  -moz-border-radius-bottomright:1.6ex;
  -webkit-border-bottom-right-radius:1.6ex;
}

/*************************************
    1. Seitenaufbau
*************************************/

div#site-wrapper {
	position: relative;
	margin: 0px auto;
	width: 980px;	
}
	div#site-header {
		position: relative;
		padding: 0px 0px;
		height: 70px;
		margin-bottom:35px;
		z-index: 5;
	}
		img#site-logo {
			padding: 23px 0px 0px 23px;	
		}
		div#site-header ul#sprachen {
			position: absolute;
			right: 0px;
			top: 20px;			
			left: 920px;
		}
			div#site-header ul#sprachen li a {
				padding: 5px;
			}
	div#site-content {
		position: relative;
		z-index: 4;
		float:left;
		width: 100%;
	}
	div#site-footer {
		position: relative;
		margin-top: 10px;
		height: 25px;
		padding: 0px 20px;
		background:none;

	}

/*************************************
    2. Navigation
*************************************/

.last {border-bottom: none !important;}
.hover {color: #ed1c22;}

/*** MAIN ***/



div#site-header ul {position: absolute;top: 45px;left: 145px;z-index: 50 !important;}
div#site-header ul li {position: relative;float: left;z-index: 50 !important;}
div#site-header ul li.aktiv.level1 a span {color: #ed1c22;}
div#site-header li.aktiv.level1 ul li.level2 a span {color: #c5c7c8;}

	div#site-header ul li a {
		position: relative !important;
		z-index: 1000 !important;
		display: block;
		line-height: 17px;
		padding: 11px 11px 22px 11px;	
	}
	div#site-header ul li.main-hover a {
			position: relative !important;
			z-index: 1000 !important;
			color: #ed1c22;
			padding: 10px 10px 21px 10px;	
			border-top: 1px solid #646464;
			border-left: 1px solid #646464;
			border-right: 1px solid #646464;
			background: #090909;
	}	 	
	div#site-header ul li.main-hover ul li a {
		padding: 0px;
		border: 0px;
		color: #c5c7c8;		
	}
	div#site-header ul li.main-hover ul li a:hover {
		color: #ed1c22;		
	}
	div#site-header ul li.main-hover ul {
		display: block;
	}
	div#site-header ul li ul {
		padding: 10px 10px 10px 15px;
		left: 0px;
		top: 48px;
		border: 1px solid #646464;
		display: none;
		background: #090909;
		white-space: nowrap;
	}
	div#site-header ul li.active a {
		color: #ed1c22;
	}
	div#site-header ul li ul li{			
		float: none;
		padding: 5px 0px 0px 0px;
	}
	div#site-header ul li ul li a:hover span {
		color: #ed1c22 !important;	
	}
	div#site-header ul li.full ul{position: absolute;left: -145px;width: 958px;}
	div#site-header ul li.full ul li  {
		float: left;
	}
		div#site-header ul li.full ul li ul li {
		float: none;
	}
	div#site-header ul li.full ul li ul {		
		position: relative;
		padding: 10px 0px 10px 10px;
		margin: 0px;
		top: auto;
		left: auto;
		border: 0px solid #f00;		
		width: 145px;
	}		
	div#site-header ul li.full {position: static;}
	div#site-header ul li.full ul li {	
		padding: 0px;
		margin: 0px;
	}
	div#site-header ul li.full ul li.buchstabe {
		color: #f00;
	}


/*** META ***/
div#site-footer ul {
	padding-right: 10px;
	position: absolute;
	right: 0px;
}

div#site-footer ul li {
	float: left;
	padding-left: 10px;
}
div#site-footer ul li img {
	padding-top: 3px;
}

/*************************************
    3. Content
*************************************/
.text {
	line-height: 1.5;
}
div#site-content div.full ul li {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 20px;
}
div#site-content div.full ol li {
	list-style-position: outside;
	list-style-type: decimal;
	margin-left: 20px;
}

.contentbackground {
	background: #000;
}

div.head {
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	height: 40px;
	line-height: 40px;
	text-transform: uppercase;
	padding: 0px 20px;
	color: #ed1c22;
	background: #1D1D1D;
}

/**** STARTSEITE *****/
	div#startslider {
		height: 384px;
	}


		#slider {
			position: relative;
			display: block;
			z-index: 0 !important;
		}
		#slider img {
			
			display: block;
			z-index: 0 !important;
		}

		div.contentcol100 {
			float: left;
			width: 980px;	
		}
		div.contentcol100s {
			float: left;
			width: 978px;	
		}
		div.contentcol66 {			
			float: left;
			width: 705px;
			margin: 0px 8px 0px 0px;
			background: none;
		}
		div.contentcol33 {
			float: right;
			width: 267px;
			height: 200px;	
		}
		div.contentcol66d {			
			float: right;
			width: 705px;
			background: none;
		}
		div.contentcol33d {
			float: left;
			margin: 0px 8px 0px 0px;
			width: 267px;
			height: 200px;	
		}
		div.contentcol66s {
			float: left;
			width: 703px;
			margin: 0px 8px 0px 0px;
		}
		div.contentcol33s {
			padding: 20px;
			float: right;
			width: 225px;
			height: 200px;
		}
		div.contentcol66s2 {
			float: right;
			width: 703px;			
		}
	
		div.contentcol50 {
			line-height: 1.5;
			float: left;
			width: 440px;
			margin-right: 10px;
			padding: 0px;
		}
		div.redbox33 {
			width: 267px;
			height: 384px;
			overflow: hidden;			
		}
		div.redbox33 ul li.head {
			background: #000;
			border-top: 1px solid #84181b;
			border-left: 1px solid #84181b;
			border-right: 1px solid #84181b;
			text-transform: uppercase;
			color: #ed1c22;
			height: 34px;
			line-height: 34px;
			padding: 0px 10px 0px 25px;		
		}
		div.redbox33 ul li {
			height: 86px;
			border-left: 1px solid #84181b;
			border-right: 1px solid #84181b;
			border-bottom: 1px solid #666;
			list-style-position: outside;
			background: #1a1a1a;
		}
		div.redbox33 ul li a {
			padding: 25px 10px 25px 55px;
			display: block;
			background:  url('../images/pfeil_rot.gif') 25px 30px no-repeat;
		}
		div.redbox33 ul li span.head {
			text-transform: uppercase;
		}
		div.redbox33 ul li.nlast {
			border-left: 1px solid #84181b;
			border-right: 1px solid #84181b;
			border-bottom: 1px solid #84181b;
		}

		div.redbox33 ul li:hover {
			cursor: pointer;
		}
		a#teaser1 {
			position: relative;
			margin: 8px 10px 8px 0px;
			float:left;
		}
		a#teaser2 {
			position: relative;
			margin: 8px 0px 8px 0px;
			float:left;
		}		
		
		a#newsletterhead {
			cursor: default;
			text-transform: uppercase;
			color: #ed1c22;
			display: block;
			width: 216px;
			height: 30px;
			line-height: 30px;
			padding: 0px 25px;
			border-top: 1px solid #84181b;
			border-left: 1px solid #84181b;
			border-right: 1px solid #84181b;
			margin: 8px 0px 0px 0px;
		}
		
		a#newsletter {
			cursor: default;
			display: block;
			border-right: 1px solid #84181b;
			border-bottom: 1px solid #84181b;
			border-left: 1px solid #84181b;
			border-top: 1px solid #666666;
			width: 216px;
			height: 53px;
			background: #1a1a1a;
			padding: 25px;
			color: #c5c7c8 !important;
		}
		
/**** GESTUET *****/

	div#gestuet {
		background: #000;
		border: 1px solid #666;
		padding: 30px;  
	}
	div#gestuet h2 {
		font-size: 120%;
		margin-bottom: 20px;
	}
	div#gestuet a#team {
		display: block;
		background: url('../images/buttons/teamuebersicht.gif') no-repeat;
		height: 25px;
		width: 159px;
		margin-left: -10px;
	}

/**** ANFAHRT *****/

	div#anfahrt {
		background: #000;
		border: 1px solid #666;
		height: 650px;
	}	
	div#anfahrt h1{
		font-size: 100%;
		color: #ed1c22;
		text-transform: uppercase;
		border-bottom: 1px solid #666;
		padding: 10px 23px;
	}
	div#anfahrt img#anfahrt_gross {
		margin: 5px 50px 0px 0px;
		float: right;
	}
	div#anfahrt img#anfahrt_detail {
		margin: 50px 0px 0px 50px;
		float: left;
		border: 1px solid #333;
		padding: 7px;
	}
	div#anfahrt a#routenplaner {
		background: url('../images/buttons/routenplaner.gif') no-repeat;
		margin: 20px 0px 0px 40px;
		float: left;
		height: 25px;
		width: 159px;
		display: block;
	}
	div#anfahrt a#pdf {
		background: url('../images/buttons/pdf_herunterladen.gif') no-repeat;
		margin: 20px 0px 0px 50px;
		float: left;
		height: 25px;
		width: 159px;
		display: block;
	}	
	div#kontakt {	
		background: #000;
		border: 1px solid #666;
	}	
	div#kontakt div#block-1 h1{
		font-size: 100%;
		color: #ed1c22;
		text-transform: uppercase;
		border-bottom: 1px solid #666;
		padding: 10px 23px;
	}
	div#kontakt div#block-2 {
		margin: 20px 0px 0px 60px;
		float: left;
		width: 420px;
		padding: 20px;
	}
	div#kontakt div#block-3 {
		margin: 20px 20px 0px 0px;
		float: right;
		width: 380px;
		padding: 20px;
	}

	div#bestellform {
		background: #000;
		border: 1px solid #666;
		height: 700px !important;
		min-height:700px;
		height:auto !important;
		height:700px;

		
	}	
	div#bestellform div#block-1 h1{
		font-size: 100%;
		color: #ed1c22;
		text-transform: uppercase;
		border-bottom: 1px solid #666;
		padding: 10px 23px;
	}
	div#bestellform div#block-2 {
		float: left;
		width: 550px;
		padding: 20px;
		
	}
	div#bestellform div#block-3 {
		float: right;
		width: 380px;
		padding: 20px;
	}
	
/**** TEAM *****/

	div#team {
		background: #000;
		border-left: 1px solid #666;
		border-right: 1px solid #666;
		border-bottom: 1px solid #666;
		padding: 0px;
	}
	div#team  p {
		padding: 0;
		margin: 2px 0px;
	}
	div#team img {
		margin: 0px 20px 10px 0px;
	}	
	div.teamhead {		
		border: 1px solid #666;
		height: 40px;
		line-height: 40px;
		padding: 0px 20px;
		background: #1D1D1D;
	}
	div.teamhead h1 {
		font-size: 100%;
		color: #ed1c22;
		text-transform: uppercase;
	}
	.head h1 {
		font-size: 100%;
		color: #ed1c22;
		text-transform: uppercase;
	}
	
	div#team h2{
		padding-left: 2px;
		font-size: 120%;
		color: #ed1c22;
		
	}
	div#team h3{
		font-size: 100%;
		color: #ed1c22;
	}
	div#teammitte {
		border-bottom: 1px solid #666;
		padding: 23px 23px;
	}

	div#teammitte h1 {
		font-size: 160%;
		margin: 0px 0px 10px 0px;
	}

	div#team div#block-2 {
		margin-right: 23px;
		margin-bottom: 10px;
		
	}
	div#team div#block-3 {
		margin-right: 23px;
		margin-bottom: 10px;
	}
	div#team div#block-4 {	
		margin-right: 10px;
		margin-bottom: 10px;
	}	
	div#team div#block-6 {
		height: 210px;
		width: 249px;
		border-right:  1px solid #666;
		float: left;		
		padding: 33px 33px;
	}
	div#team div#block-7 {
		height: 210px;
		width: 260px;
		border-right:  1px solid #666;
		padding: 33px 33px;
		float: left;
	}
	div#team div#block-8 {
		height: 210px;
		width: 269px;
		float: right;
		padding: 33px 33px;		
	}	

		
/**** PFERDEMARKT LISTE *****/

	div.pnav {
		margin-bottom: 10px;
		height: 165px;
		padding: 5px 20px 25px 20px;
		float: left;
		width: 225px;
	}
	div.pnav2 {
		margin-bottom: 10px;
		height: 75px;
		padding: 5px 20px 25px 20px;
		float: left;
		width: 225px;
	}
	div.contentcol33s2 {
		padding: 20px;
		float: left;
		width: 225px;
		height: 200px;
		margin: 0px 8px 0px 0px;
	}
	div.pnav ul li a, div.pnav2 ul li a {
		display: block;
		font-size: 120%;
		height: 35px;
		line-height: 35px;
		border-bottom: 1px solid #333;
		padding: 5px 0px 5px 20px;
		background: url('../images/pfeile.png') 0px 15px no-repeat;
	}
	div.pnav ul li a.aktiv, div.pnav2 ul li a.aktiv {
		color: #ed1c22;
	}
	 a#kontakt {
		display: block;
		background: url('../images/buttons/kontaktformular.gif') no-repeat;
		height: 25px;
		width: 159px;
	 }
	  a#inserat {
		display: block;
		background: url('../images/buttons/inseratsformular.gif') no-repeat;
		height: 25px;
		width: 159px;
	 }
	 
		ul#pferdemarkt {
			/*margin: 10px 20px;*/
		}
		ul#pferdemarkt li {
			height: 80px;
			padding: 10px 0px;
			margin-left: 20px;
			border-bottom: 1px solid #666;
			width: 663px;
		}
		ul#pferdemarkt li.head {
			width: 663px;
			margin: 0px;
			height: 40px;
			line-height: 40px;
			text-transform: uppercase;
			padding: 0px 20px;
			background: #1D1D1D;
			color: #ed1c22;
		}
		ul#pferdemarkt li.leer {
			border: none;
		}
		ul#pferdemarkt li a {
			height: 70px;
			line-height: 180%;			
		}
		ul#pferdemarkt li a:hover {
			 color: #c5c7c8;
		}
		ul#pferdemarkt li a.mitte {
			display: block;
			padding-top: 15px;
		}
		ul#pferdemarkt li a span {
			font-weight: bold;
			color: #ed1c22;
		}
		ul#pferdemarkt li a img{			
			float: left;
			margin-right: 20px;
		}

/**** PFERDEMARKT DETAIL *****/

ul#pferdehead {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background: #000;
}
ul#pferdehead li {
	text-align: center;
	height: 40px;
	float: left;
	
}
ul#pferdehead li a {
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #ed1c22;
	font-size: 90%;
}

ul#pferdehead li.pfeillinks {
	width:234px;
	background: #1d1d1d url('../images/pfeile.png') 28px -47px no-repeat;
}

ul#pferdehead li.mitte {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width:233px;
	background: #1d1d1d;
}

ul#pferdehead li.pfeilrechts {	
	width:234px;
	float: right;
	background: #1d1d1d url('../images/pfeile.png') 195px 12px no-repeat;
	border-right: none;
}

ul#pferdehead li.deactivated {
	background: #1d1d1d;
}

div#pferdbody {
	padding: 30px 50px;
	background: #000;
	border: 1px solid #666;
}
div#pferdbody h1 {
	text-transform: uppercase;
	color: #ed1c22;
	font-weight:normal;
	font-size: 150%;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
}
div#pferdbilder {
	float: left;
	width: 280px;
	margin-right: 40px;
}
div#pferdbilder img {
	float: left;
	margin-bottom: 10px;	
}
a.img2 {
	display: block;
	border: 1px solid #444;
	padding: 2px;
	margin-right: 8px;
	margin-bottom: 20px;
	float:left;
	width: 79px;
	height: 80px;
	line-height: 80px;
}
.img2last {
	margin-right: 0px;
}

div#pferdtext {
	float: left;
	width: 260px;
	margin-bottom: 15px;
}
div#pferdbody td.breite {width: 120px;}
div#pferdbody td.abstand {padding-top: 10px;}


		
/**** AKTUELLES LISTE *****/

	div.full {
		width: 938px;
		padding: 20px;
		background: #000;
	}
		ul#aktuelles {
			/*margin: 10px 20px;*/
		}
		ul#aktuelles li {
			height: 80px;
			padding: 10px 0px 10px 80px;
			margin-left: 20px;
			border-bottom: 1px solid #666;
			width: 858px;
			background: url('../images/pfeil_rot.gif') 33px 37px no-repeat;
		}
		ul#aktuelles li.head {
			width: 938px;
			margin: 0px;
			height: 40px;
			line-height: 40px;
			text-transform: uppercase;
			padding: 0px 20px;
			background: #1D1D1D;
			color: #ed1c22;
		}
		ul#aktuelles li.leer {
			border: none;
		}
		ul#aktuelles li p {
			padding-top: 10px;
		}
		ul#aktuelles li a:hover {
			color: #c5c7c8;
		}		
		ul#aktuelles li span {
			line-height: 150%;
			font-weight: bold;
			color: #ed1c22;
		}
		ul#aktuelles li img{			
			float: left;
			margin-right: 20px;
		}

/**** AKTUELLES DETAIL *****/


ul#newshead {
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	border-left: 1px solid #666;
	background: #000;
}
ul#newshead li {
	text-align: center;
	height: 40px;
	float: left;
	
}
ul#newshead li a {
	text-transform: uppercase;
	height: 40px;
	line-height: 40px;
	display: block;
	color: #ed1c22;
	font-size: 90%;
}

ul#newshead li.pfeillinks {
	width:200px;
	background: #1d1d1d url('../images/pfeile.png') 28px -47px no-repeat;
}

ul#newshead li.mitte {
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width:576px;
	background: #1d1d1d;
}

ul#newshead li.pfeilrechts {
	width:200px;
	float: right;
	background: #1d1d1d url('../images/pfeile.png') 160px 12px no-repeat;
	border-right: none;
}
ul#newshead li.deactivated {
	background: #1d1d1d;
}

div#newsbody {
	padding: 30px 50px;
	background: #000;
	border: 1px solid #666;
}
div#newsbody h1 {
	text-transform: uppercase;
	color: #ed1c22;
	font-weight:normal;
	font-size: 150%;
	letter-spacing: 0.5px;
	margin-bottom: 30px;
}
div#newsbilder {
	margin-right: 20px;
	float:left;
	width: 280px;
}
div#newsbilder img {
	margin-bottom: 20px;	
}

div#newstext {
	line-height: 1.5;
}
		
/**** DECKHENGSTE LISTE *****/

div#listwrapper {
	border: 1px solid #666666;
	padding-bottom: 17px;
}

div.preview {
	width: 120px;
	height: 280px;
	float: left;
	margin-left: 17px;
	margin-top: 17px;
}
div.preview img {
	padding-bottom: 5px;
}
div.preview h1 a {
	font-size: 45%;
	display: block;
	text-transform: uppercase;
	color: #ed1c22;
	padding-bottom: 3px;
}
div.preview h1 a:hover {
	color: #ed1c22;
}
div.preview a {
	display: block;
	font-size: 85%;
}
div.preview a:hover {
	color: #c5c7c8;
}


/**** DECKHENGSTE DETAIL *****/

div#deckhengst {
	border: 1px solid #666;
	background: #000;
}
div#deckhengst div#media {
	width: 475px;
	height: 475px;
	float: left;
}
div#deckhengst div#description {
	position: relative;
	padding: 70px 50px 50px 50px;
	height: 365px;
	float:left;
	width: 279px;
	border-right: 1px solid #666;
}

div#deckhengst div#description h1 {
	background: url('../images/3pfeil.gif') no-repeat;
	font-size: 150%;
	text-transform: uppercase;
	padding-left: 52px;
	letter-spacing: 1px;
}
div#deckhengst div#description img#kontakt {
	
}
div#deckhengst div#description li.button {
	margin-top: 10px;
}
div#deckhengst div#description a.vorheriges {
	display: block;
	font-size: 90%;
	padding: 12px 10px 10px 40px;
	color: #ed1c22;
	position: absolute;
	text-transform: uppercase;
	bottom: 0px;
	left: 0px;
	width:139px;
	height: 36px;
	border-top: 1px solid #666;
	border-right: 1px solid #666;
	background: url('../images/pfeile.png') 20px -40px no-repeat;
}
div#deckhengst div#description a.vorheriges:hover{
	cursor: pointer;
	background: #1d1d1d url('../images/pfeile.png') 20px -40px no-repeat;
}
div#deckhengst div#description a.naechstes {
	display: block;
	font-size: 90%;
	text-align: right;
	color: #ed1c22;
	padding: 12px 40px 10px 10px;
	text-transform: uppercase;
	position: absolute;
	bottom: 0px;
	left: 190px;
	width:139px;
	height: 36px;
	border-top: 1px solid #666;
	background: url('../images/pfeile.png') 160px 20px no-repeat;
}


div#deckhengst div#description a.naechstes:hover{
	cursor: pointer;
	background: #1d1d1d url('../images/pfeile.png') 160px 20px no-repeat;
}
div#deckhengst div#description a.deactivated {
	background: none;
	cursor: default;
}

div#deckhengst div#description a.deactivated:hover {
	background: none;
	cursor: default;
}

div#deckhengst div#description ul {
	padding: 20px 20px 30px 53px;
}

div#deckhengst div#description ul li {
	padding: 2px 0px;
}

div#deckhengst div#ansichten {
	font-size: 90%;
	text-transform: uppercase;
	padding: 10px 0px 5px 18px;
	float:left;
	width: 75px;
	height: 435px;	
}
div#deckhengst div#ansichten a.img {
	display: block;
	border: 1px solid #444;
	padding: 2px;
	margin-top: 7px;
	width: 75px;
	height: 75px;
	line-height: 77px;
}


a.detailtab {
	font-size: 90%;
	text-transform: uppercase;
	margin-top: 20px;
	margin-right: -1px;
	float:left;
	display: block;
	height: 38px;
	line-height: 38px;
	width: 157px;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #666;
	padding: 0px 30px
}
a.activetab {
	color: #ed1c22;
	background: #1d1d1d;
	  
}
.lasttab {
	border-right: 1px solid #666;
}
div#details {
	padding: 40px 30px 40px 30px;
	margin-top: 0px;
	border: 1px solid #666;
	line-height: 1.5;
}
div#details div.col {
	float: left;
	width: 420px;
	padding-right: 35px;
}
div#details table {
	border-collapse: collapse;
	margin: 0px auto;
	font-size: 110%;
}
div#details table td {
	width: 200px;
	border-bottom: 1px solid #666;
	vertical-align: middle;
	padding: 3px 5px;
}
div#details table td.bottom {
	border-bottom: none;
}
div#details ul#nachkommen li {
	float: left;
	width: 102px;
	margin-right: 15px;
	display: inline;
}
div#details ul#nachkommen li img {
	margin-bottom: 5px;
}
/*** MEDIEN ***/
div.medien {
	background: #000;
	height: 600px;
}
div.medien h2 {
	font-size: 120%;
	color: #ed1c22;
	margin: 0px;
}
div.medien a:hover {
	color: #c5c7c8;
}
div.medien div img {
	margin-bottom: 20px;
}
div#katalog {
	margin: 60px 0px 0px 160px;
	float:left
}
div#dvd {
	margin: 60px 140px 0px 0px;
	float: right;
}

div#Bkatalog {
	margin: 50px 100px 0px 0px;
	float: right;
}
div#Bdvd {
	margin: 30px 80px 0px 0px;
	float: right;
}
a#bestellformular {
	margin: 500px 0px 0px 700px;
	display: block;
	background: url('../images/buttons/bestellformular.gif') no-repeat;
	height: 25px;
	width: 159px;
}

/*************************************
    4. Typo
*************************************/

sup {vertical-align: text-top; line-height: 14px;}

div.redbox33 ul li h2 {
	padding-bottom: 5px;
	letter-spacing: 1px;
	color: #c5c7c8;
	text-transform: uppercase;
	font-size: 100%;
	line-height: 100%;
}
div.redbox33 ul li p {
	color: #c5c7c8;
	text-transform: none;
	font-size: 90%;
}

div#site-header ul li a {
	font-family: helvetica, arial, sans-serif;
	letter-spacing: 0px;
	color: #c5c7c8;
	font-size: 120%;
	text-transform: uppercase;
}
div#site-header ul li ul li a {
	color: #c5c7c8;
	font-size: 110%;
	text-transform: none;
}
div#site-footer ul li {
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: 85%;
}
div.contentcol33s h1, div.contentcol33s2 h1 {
	text-transform: uppercase;
	font-size: 100%;
	padding: 2px 0px 10px 0px;
	color: #ed1c22;
}
div.contentcol33s p, div.contentcol33s p {
	margin-bottom: 10px;
	line-height: 150%;
}

/*************************************
    5. Links
*************************************/

a {cursor:pointer;color:#c5c7c8 }
a:hover {color: #ed1c22;}
a.abutton {text-indent: -10000px; overflow: hidden;}
#site-content a {
	color: #ed1c22;
}
#site-content div.preview a {
	color:#c5c7c8;
}
#site-content div.preview h1 a {
	color: #ed1c22;
}  
#site-content ul li a {
	color:#c5c7c8;
}
#site-content ul#pferdehead li a {
	color: #ed1c22;
}
#site-content ul#newshead li a {
	color: #ed1c22;
}
#site-content ul li a:hover {
	color: #ed1c22;
}
/*************************************
    5. Formulare
*************************************/
div.filter input {
	border: none;
	background: #fff;
}

