
/*******************************************************************************

	Project		:	Kajak-Kauf.de
	Copyright	:	Design - die werbeagentur - www.diewerbeagentur.de

*******************************************************************************/
div#content h1 {
	font-size: 1.7em;
	margin: 10px 0 10px 0;
	padding: 0 0 0 12px;
}

div#content h1 a {
	font-size: 1.0em;
	text-decoration: none;
}

div#content h2 {
	font-size: 1.4em;
	margin: 0;
	padding: 25px 0 5px 12px;
}

div#content h3 {
	font-size: 1.1em;
	margin: 25px 0 5px 12px;
}

div#content p {
	margin: 0;
	padding: 0 0 10px 12px;
	line-height: 1.4em;
}

div#content .section p {
	margin: 0;
	padding: 0 0 5px 12px;
}

div#mainbody .inhalt {
	margin: 10px 0 0 0;
}

div#mainbody .inhalt a {
	margin: 0;
	padding: 0;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-decoration: none;
	padding-left: 14px;
	color: #000;
}

div#mainbody .inhalt a:hover {
	margin: 0;
	padding: 0;
	background-image: url(logolink.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 14px;
	color: #535353;
	text-decoration: none;
}

div#mainbody a.more {
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url(more.jpg);
	background-position: right 4px;
	font-size: 0.9em;
	font-weight: bold;
	color: #666;
}

div#mainbody a.more:hover {
	margin: 0;
	padding: 0 10px 0 0;
	background-image: url(more.jpg);
	background-position: right 4px;
	font-size: 0.9em;
	font-weight: bold;
	color: #333;
}

p#breadcrumb {
	height: 25px;
	font-size: 0.8em;
}

div#mainbody2 p#breadcrumb {
	height: 25px;
	font-size: 0.8em;
	padding-left: 12px;
}

div#footer a.extern {
	color: #666;
	text-decoration: none;
	background: none;
	padding: 0;
	margin: 0;
}

div#footer a.extern:hover {
	color: #999;
}

div#content .galerie {
	margin-bottom: 120px;
}

div#topmenu {
	padding: 96px 0 0 162px;
	text-transform: uppercase;
	font-size: 0.7em;
	font-family: Arial, Helvetica, sans-serif;
}

div#topmenu a {
	padding: 0 0 0 0;
	text-decoration: none;
}

.rexfancy-images {
	padding: 0;
	margin: 15px 0;
}

.rexfancy-images img {
	padding: 0;
	margin: 0 0 12px 12px;
	border: 1px solid #DFDFDF;
	float:left;
}

.clear-rexfancy {
	float:none;
	clear:both;
	margin: 0 0 20px 0;
}

.anleitung_box {
	float:left;
	padding: 0 0 15px 0;
	margin: 0 0 0 0;
	width: 315px;
}

table {
	padding: 0;
	margin: 0 0 20px 0;
}

.imglinkcontainer {
	float: left;
	margin: 12px 0 12px 12px;
}

.imglinkbild {
	margin: 5px 0 0 0;
	padding: 0;
	border: 1px solid #DFDFDF;
	height: 112px;
	width: 112px;
}

.imglink h4 {
	font-size: 1em;
	font-weight: normal;
	margin: 0;
}

.imglink a {
	font-size: 0.7em;
	text-decoration: none;
	background-image: url(up.gif);
	background-repeat: no-repeat;
	padding-left: 14px;
}

.artikelteaser {
	margin: 0 0 20px 0;
}

.linkcontainer {
	margin: 5px 0 5px 0;
}

/*div#content p.extlink_preface {
	margin: 0 0 0 12px;
	padding: 0 0 0.5em 0;
}*/

div#content p.extlink_block {
}

.weblinks a.extern {
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-decoration: none;
	padding-left: 14px;
	color: #535353;
	font-weight: bold;
}

a.extern, a.extlink_link {
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	background-image: url(link.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-decoration: none;
	padding-left: 14px;
	color: #535353;
}

a.extern:hover, a.extlink_link:hover {
	margin: 0 0 0 12px;
	padding: 0 0 0 0;
	background-image: url(logolink.jpg);
	background-repeat: no-repeat;
	background-position: left 2px;
	text-decoration: none;
	padding-left: 14px;
	color: #000;
}

.webtext {
	padding: 0 0 0 14px;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Formular Definition */

/* Div das das Formular umschließt */
.formgen {
	padding: 0;
	margin: 0 0 0 12px;
	width:390px;
}

.formgen .fileselect {
	border: 1px solid #877C60;
}

/* Was passiert wenn auf das Label geklickt wird? 
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}
*/
.formgen form {
	padding-right: 20px;
}

.formgen .formblock {
	margin: 10px 0;
	padding: 0;
}

.forminfo {
	width: 300px;
	margin-bottom: 20px;
	background-color: #DCDCDE;
	padding: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

.formheadline {
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
}

/*
Verhalten von br-Tags
*/
.formgen br {
	clear : both;
}

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/

.formtrenn {
	height: 30px;
}

.formtrenn hr {
	display: none;
}

/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 300px;
	height: 100px;
	margin: 0 0 10px 0;
	border: 1px solid #AFAFAF;
	background-color: #EFEFEF;
}

/* Textfeld */
.formgen .formtext {
	width: 200px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #AFAFAF;
	margin: 0 0 10px 0;
	background-color: #EFEFEF;
}

.formhinweis {
	padding: 0 0 0 0;
	font-size: 1em;
	margin: 10px 0 10px 0;
	width: 300px;
	color: #686B6F;
}

.formhinweis_captcha {
	padding: 0 0 0 0;
	font-size: 1em;
	margin: 10px 0 0 0;
	font-style: italic;
	width: 200px;
}

/* Label */
.formgen label {
	width: 250px;
	clear: left;
	float: left;
	padding: 0 0 0 0;
}

/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 200px;
	background-color: #EFEFEF;
	color: #000000;
	border: 1px solid #AFAFAF;
}

/* Sende-Button */
.formgen .formsubmit {
	width: 130px;
	text-align: center;
	background-color: #EFEFEF;
	border: 1px solid #AFAFAF;
}

/* Fieldsetbeschriftung */
.formgen legend {
	color: #333333;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color: #990000;
	font-weight: bold;
}

.formgen .formcaptcha {
	border: 0px solid #877C60;
	vertical-align: top;
	float: left;
	margin: 0;
}

/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* -------------- Video über YouTube --------*/

.video_container {
}

.video_desc {
	float: right;
	font-size: 0.8em;
	color: #666;
	text-align: right;
	margin: 5px 0 5px 10px;
	font-style: italic;
}

img.youtubepreview {
	border: 1px solid #DFDFDF;
}

.file img {
	margin: 0 12px 0 12px;
	height: 40px;
}

