@charset "utf-8";
/* CSS Document */

/*==================================*/
/* Website hans-otte.de				*/
/* Datum: April 2011				*/
/* Autor: graugans-design			*/
/*==================================*/

/*==============================*/
/* Formatierung Unterseiten 	*/
/*==============================*/


/* Einige Seiten Content Prim gleichmäßig zweispaltig */
/*#heizung #content_prim_spalte_links,*/
#kontakt #content_prim_spalte_links,
#danke #content_prim_spalte_links {
	width: 456px;
	padding-right: 15px;
	border: none;
}

/*#heizung #content_prim_spalte_rechts,*/
#kontakt #content_prim_spalte_rechts,
#danke #content_prim_spalte_rechts {
	margin-left: 471px;	/* Border überlagert sich */
	border-left: 1px solid #e2e2e2;
	padding: 0 0 0 15px;
	border: none;
}

/* Kontakt- und Danke-Seite hat Trenner! */
#kontakt #content_prim_spalte_links,
#danke #content_prim_spalte_links {
	border-right: 1px solid #e2e2e2;
}

#kontakt #content_prim_spalte_rechts,
#danke #content_prim_spalte_rechts {
	border-left: 1px solid #e2e2e2;
}

/*==============================*/
/* Einzelne Inhalte Unterseiten	*/
/*==============================*/

/* Produktfoto absolut pos. um über den Rand des teasers zu ragen */
#index .produktfoto {
	position: absolute;
	top: 45px;		
}

#svp .produktfoto,
#ivp .produktfoto,
#zvp .produktfoto,
#vvp .produktfoto {
	position: absolute;
	top: 44px;	
	left: -130px;	
}

/* Teaser Kontakt und Impressum schmaler */
#kontakt #teaser,
#impressum #teaser,
#danke #teaser  {
	height: 160px;
}

#kontakt .produktfoto,
#impressum .produktfoto,
#danke .produktfoto {
	position: absolute;
	top: 56px;	
	left: 69px;
}

/* Textblock (Überschrift) nach rechts verschieben, da links Produktfoto */
.textblock_teaser {
	margin-left: 470px;
}

/* Auf Produktunterseiten Textblock weiter links */
#svp .textblock_teaser,
#ivp .textblock_teaser,
#zvp .textblock_teaser,
#vvp .textblock_teaser {
	margin-left: 330px;
}

/* Startseite */

/* Viererblock für Softwarevorstellung Startseite */
#vierblock_software {
	/*background: #33FFFF;*/
	height: 200px;	
}

.viererblock {
	/*background: #CCCCCC;*/
	width: 299px;
	float: left;
	position: relative;
	padding: 10px 10px 10px 0;
}

/* Produktbildchen von Text umflossen */
.viererblock img {
	float: left;
	margin-right: 7px; /* rechter Abstand */
	margin-bottom: 20px; /* Text soll nicht unter das Bild rutschen */
}

/* linke Produktbildchen etwas nach links verschieben (wg. des Schattens) */
.verschieben_links_10 {
	position: relative;
	left: -10px;	
	margin-right: -3px !important; /* rechten Abstand anpassen */
}

/* mehr erfahren link */
.mehr_erfahren {
	text-align: right;	
	margin-bottom: 0px !important; /* Abstand durch padding im Viererblock */
}

/* Die Trenner und HG der Viererblöcke */
.block_eins {
	border-right: 1px solid #bbbbbb;
	border-bottom: 1px solid #bbbbbb;
	background: url(../img/site/hg-block-eins.gif) no-repeat right bottom;	
}

/* Die Trenner und HG der Viererblöcke */
.block_zwei {
	border-bottom: 1px solid #bbbbbb;
	background: url(../img/site/hg-block-zwei.gif) no-repeat left bottom;	
}

/* Die Trenner und HG der Viererblöcke */
.block_drei {
	border-right: 1px solid #bbbbbb;
	background: url(../img/site/hg-block-drei.gif) no-repeat right top;	
}

/* Die Trenner und HG der Viererblöcke */
.block_vier {
	background: url(../img/site/hg-block-vier.gif) no-repeat left top;	
}

/* Partenerbeschreibung mit Linien getrennt */
.partner {
	/*border-top: 1px solid #dddddd;
	padding-top: 19px;*/
}

/* Partenerlogos floaten links */
.partner img {
	float: left;
	margin: 4px 10px 10px 0;	
}

/* iFrame Google Maps */
#svp .wrapper_iframe {
	float: left;
	margin-right: 20px;
}
#svp iframe {
	border: 1px solid #a6a8a9;
	padding: 3px;
}

/* Kein zweiter Contentbereich auf Kontakt und Impressum */
#kontakt #wrapper_content_sec,
#impressum #wrapper_content_sec,
#danke #wrapper_content_sec {
	display: none;	
}

/* Kein senkrechter Trenner zwischen den Spalten
auf der Impressum-Seite */
#impressum #content_prim_spalte_links,
#impressum #content_prim_spalte_rechts,
#danke #content_prim_spalte_rechts,
#danke #content_prim_spalte_links {
	border: none;	
}