@charset "UTF-8";


/*
Theme Name: Broker7islas theme
Theme URI: http://www.broker7islas.com/
Description: Broker7islas theme
Version: 1.0
Author: Sebastian Thieme
Author URI: http://www.thiem.es/
*/


/* ========================================================================= */
/* ========================================================================= */
/* LAYOUT */
/* ========================================================================= */
/* ========================================================================= */

#alles{ 
	margin: 0 auto;	
	/* min-width: 47.5em; */							/* 760px */
	width: 100%;
}

#generaloben {
	margin: 0 auto;	
	width: 100%;
	background: #f5f4e8 url(../images/background.jpg) top left repeat-x;
}

#inhaltoben{  
	margin: 0 auto;	
	max-width: 60em;      								/* 960px / 16px = 60em */
	padding-left: 0.625em;
	padding-right: 0.625em;
}

#generalunten {
	margin: 0 auto;	
	width: 100%;
	background: #ffffff;								/*WEISS*/
	border-top: 4px solid #ff0000;
}

#inhaltunten{  
	margin: 0 auto;	
	max-width: 60em;      								/* 960px / 16px = 60em */
	padding-left: 0.625em;
	padding-right: 0.625em;
}

/* ========================================================================= */
/* LINKS */

/* http://web-kreation.com/index.php/html-css/add-file-type-icons-next-to-your-links-with-css/ */
/* ========================================================================= */

a {
	text-decoration: underline;
	color: #000000;							/*SCHWARZ*/
}




/* pdf file */
a[href$='.pdf'] {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	background: transparent url(../images/pdf.gif) center left no-repeat;
}

/* download link */
a[href$='.zip'] {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	background: transparent url(../images/download.gif) center left no-repeat;
}

/* vCard file */
a[href$='.vcf'] {
	display: inline-block;
	padding-left: 20px;
	line-height: 18px;
	background: transparent url(../images/vcard.gif) center left no-repeat;
}

/* external link */
a[href^="http:"] {
	display: inline-block;
	padding-right: 15px;
	background: transparent url(../images/external_link.gif) center right no-repeat;
}

a[href^="http:"]:hover {
	display: inline-block;
	padding-right: 15px;
	background: transparent url(../images/external_link_hover.gif) center right no-repeat;
}

/* home link */
a[href="http://www.broker7islas.com/index.xhtml"] {
	display: inline-block;
	padding: 0 20px 2px 16px;
	background: transparent url(../images/home.gif) center left no-repeat;
}

a[href="http://www.broker7islas.com/index.xhtml"]:hover {
	display: inline-block;
	padding: 0 20px 2px 16px;
	background: transparent url(../images/home.gif) center left no-repeat;
}

/* top link */
a[href="#page_top"] {
	display: inline-block;
	padding-left: 20px;
	padding-right: 12px;
	background: transparent url(../images/top.gif) center left no-repeat;
}

/* mailto: links */
a[href="mailto:info@broker7islas.com"] {
	display: inline-block;
	padding-left: 20px;
	padding-bottom: 2px;
	background: transparent url(../images/email.gif) center left no-repeat;
}

/* kreis link */
a[href="http://www.thiem.es/"] {
	display: inline-block;
	padding-left: 17px;
	padding-right: 15px;
	background: transparent url(../images/logo_kreis.gif) center left no-repeat;
}

a[href="http://www.thiem.es/"]:hover {
	display: inline-block;
	padding-left: 17px;
	padding-right: 15px;
	background: transparent url(../images/logo_kreis_hover.gif) center left no-repeat;
}



/* ========================================================================= */
/* TYPOGRAPHY */
/* ========================================================================= */


/*  */
h1 {
		
}

/* Claim im Content */
h2 {
	padding: 0;
	font-size: 3em;
	line-height: 1.14583em;
	color: #bdb0a0;									/*ROT*/
}

/* Titel im Footer */
h3 {
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.625em;
}

/* Personennamen auf Wir-über-uns */
h4 {
	font-weight: bold;
	font-size: 2em;
}

/* Seitentitel */
h5 {
	font-weight: bold;
	font-size: 2em;
	padding-top: 1em;
	padding-bottom: 0.625em;
}

/* Zwischentitel */
h6 {
	font-weight: bold;
	padding-bottom: 0.25em;
}

p {
	
}

abbr, acronym { 
	border-bottom: #6F6558 1px dashed;									/*BRAUN DUNKEL*/
	font-style: normal;					/* Hack - Safari hat die Angewohnheit abbr in italics zu setzten.*/ 
} 


										/* In printed documents, the dotted line is probably just confusing. 
										You might thus want to use a style sheet that suppresses it for print media.
@media print {
  abbr, acronym { border: none; } }

*/

#nachoben {
	font-size: 0.875em;
}

.names {
	font-style: italic;
	letter-spacing:0.05em;
}

.broker7islasstyle {
	font-style: italic;
	font-weight: bold;
	letter-spacing: -0.05em;
}
	

.categories li {
	margin-left: 3em;
	padding-left: 0.25em;
	list-style-type: disc;
	list-style-image: url(../images/pfeil.gif);	/* ändert das Bild der Listen */
	line-height:  1.5em;
	font-size: 1em;
	font-weight: bold;
}

.serviceincluded li {
	margin-left: 1em;
	padding-left: 0.25em;
	list-style-type: disc;
	list-style-image: url(../images/ok.gif);	/* ändert das Bild der Listen */
	font-size: 1em;
	font-weight: bold;
	line-height:  1.5em;
}

.verschlisten li {
	margin-left: 1em;
	padding-left: 0.05em;
	list-style-type: disc;
	list-style-image: url(../images/pfeil.gif);	/* ändert das Bild der Listen */
	font-size: 1em;
	font-weight: bold;
	line-height:  1.5em;
}

.noliststyle {
	list-style: none;
}

	

/* ========================================================================= */
/* HEADER */
/* ========================================================================= */

#header {  
	
	margin: 0 auto;
	position: relative;
	float: left;
	width: 100%;							/* 960px / 16px = 60em */
	min-height: 5em;						/* 80px / 16px = 5em */
	padding-top: 10px;
}




/* ========================================================================= */
/* Logo (CSS Sprites) */

/* http://www.alistapart.com/articles/sprites */
/* ========================================================================= */


#logo {
	float: left;
	padding: 0.625em 0.625em 0.875em 0.625em;
}

#logosprite {
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
	width: 211px; 
	height: 60px;
}

#logosprite li {
	width: 211px; 
	height: 60px; 
	position: absolute; 
	background: url(../images/broker7islas_logo.gif) 0 0 no-repeat; 
	display: block; 
	list-style: none;
}

#logosprite a {
	width: 211px; 
	height: 60px; 
	display: block; 
}

#logosprite a:hover {
	background: url(../images/broker7islas_logo.gif) -211px 0 no-repeat;
}



/* ========================================================================= */
/* NAVIGATION */
/* ========================================================================= */

.navigation {  
	float: left;
	width: 100%;
}

#navcontainer {
	float: left;
	width: 100%;
	border-bottom: 2px dotted #d9d4c6;					/*BRAUN MITTEL*/
}

/* Startseite */

#navcontainer_index {
	float: left;
	width: 100%;
	border: 0;
}


/* ========================================================================= */
/* LANGUAGE */
/* ========================================================================= */

#language {  
	float: right;
	width: 80px;
	padding: 0.75em;
}

#language img {
	padding-left: 7px;
	display: inline;
}

/* Startseite */

#language_index {  
	float: right;
	width: 80px;
	padding: 0.75em 0.75em 0 0;
}

#language_index img {
	padding-left: 7px;
	display: inline;
}


/* ========================================================================= */
/* MENU */

/* Fat Erik's Pipelist */
/* http://css.maxdesign.com.au/listamatic/horizontal32.htm */
/* ========================================================================= */

#navlist {
	padding: 0.75em;
}

#navlist, #navlist li a, #navlist li a:link {
	list-style: none;
	margin: 0;
	color: #6F6558;									/*BRAUN DUNKEL*/
	font-size: 1.125em;
	font-weight: bold;
	text-decoration: none;
	border-bottom: none;
}

#navlist li {
	display: inline;
	padding-right: 1.25em;
	margin: 0;
}

														/* Hiermit werden Balken zwischen die Links geschoben.
														Achtung, das padding in #navlist li muss dann auf 0.
#navlist li:before { 
	content: "| "; 
}
#navlist li:first-child:before { 
	content: ""; 
}
*/

#navlist li a:hover {
	color:#ff0000;									/*ROT*/
	border-bottom: 5px solid #ff0000;				/*ROT*/
}


/* ––––––––––––– */
/* IE workaround */
/* ––––––––––––– */

/*All IE browsers*/
* html #navlist li {
	border-left: 1px solid black;
	padding: 0 0.4em 0 0.4em;
	margin: 0 0.4em 0 -0.4em;
}


/*Win IE browsers - hide from Mac IE\*/
* html #navlist { 
	height: 1%; 
}

* html #navlist li {
	display: block;
	float: left;
}
/*End hide*/


/*Mac IE 5*/
* html #navlist li:first-child { 
	border-left: 0;
}






/* ========================================================================= */
/* BREADCRUMB */

/* http://www.alistapart.com/articles/taminglists/ */
/* ========================================================================= */

#breadcrumb {  
	float: left;
	width: 100%;
	/* height: 2.8125em; */
	color: #ff0000;
	font-size: 0.813em;
	border-bottom: 2px dotted #d9d4c6;					/*BRAUN MITTEL*/
	padding: 0.938em 0 0.938em 0;
}

#breadcrumb ul {
	margin-left: 0;
	padding-left: 0;
	display: inline;
	border: none;
} 

#breadcrumb ul li {
	margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#breadcrumb ul li.first {
	margin-left: 0;
	border-left: none;
	padding-left: 0.938em;
	list-style: none;
	display: inline;
}




/* ========================================================================= */
/* CONTENT */
/* ========================================================================= */


.content {  
	float: left;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 10%;
	padding-right: 40%;
	width: 50%;
	min-height: 25em;
}

.content_index {  
	float: left;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 10%;
	padding-right: 10%;
	width: 80%;
	min-height: 25em;
}

.content_oben {  
	float: left;
	width: 100%;
	min-height: 5.625em;
}

#content_mitte_links {  
	float: left;
	overflow: hidden;
	display: inline;						/*double float bug will disappear in IE 5, 5.5 and 6*/
	min-height: 10em;
	width: 31.25%;
	margin: 1%;
}


#content_mitte_mitte {  
	float: left;
	overflow: hidden;
	min-height: 10em;
	width: 31.25%;
	margin: 1%;
}

#content_mitte_rechts {  
	float: left;
	overflow: hidden;
	min-height: 10em;
	width: 31.25%;
	margin: 1%;
}

.content_unten {  
	float: right;
	width: 100%;
	min-height: 5.625em;
	padding-top: 2em;
	border-top: 2px dotted #d9d4c6;					/*BRAUN MITTEL*/
}

.content_unten li{  
	display:inline-block;
	list-style-type: none;
	padding-right: 10px;
	margin-bottom: 2em;
}

/* external link */
.content_unten a[href^="http:"] {
	background: transparent;
}


.content_team {  
	float: left;
	overflow: hidden;
	margin: 0 auto;
	padding-left: 10%;
	padding-right: 20%;
	width: 70%;
	min-height: 25em;
}



/* ========================================================================= */
/* Background Images */
/* ========================================================================= */

#backgroundimage_01 {
	background: transparent url(../images/team.png) bottom right no-repeat; 
}


/* ========================================================================= */
/* ContentIcons (CSS Sprites) */

/* http://www.alistapart.com/articles/sprites */
/* http://www.lightpostcreative.com/image-sprites-tutorial/ */
/* ========================================================================= */

/* Sprite alle*/
#content_mitte_links li span, #content_mitte_mitte li span, #content_mitte_rechts li span { 
	display: none; 
} 						/* Versteckt den Text der Links, ist aber SEO-friendly */

.starticons {
	position: relative; 
	margin: 0 auto; 
	padding: 0; 
	width: 150px; 
	height: 150px;
}

.starticons li{
	width: 150px; 
	height: 150px; 
	position: absolute; 
	display: block; 
	list-style: none;
}

.starticons  a{
	width: 150px; 
	height: 150px; 
	display: block;
}


/* Sprite links*/

#starticons_links li { 
	background: url(../images/content_sprites.jpg) 0 0 no-repeat; 
}

#starticons_wechsellinks a:hover {
	background: url(../images/content_sprites.jpg) -150px 0 no-repeat;
}


/* Sprite mitte*/

#starticons_mitte li {
	background: url(../images/content_sprites.jpg) 0 -150px no-repeat; 
}

#starticons_wechselmitte a:hover {
	background: url(../images/content_sprites.jpg) -150px -150px no-repeat;
}


/* Sprite rechts*/

#starticons_rechts li {
	background: url(../images/content_sprites.jpg) 0 -300px no-repeat; 
}

#starticons_wechselrechts a:hover {
	background: url(../images/content_sprites.jpg) -150px -300px no-repeat;
}





/* ========================================================================= */
/* FOOTER */
/* ========================================================================= */

#footer {  
	float: left;
	width: 100%;
}

#sitemap {
	float: left;
	width: 100%;
	background: #ffffff;							/*WEISS*/
	border-bottom: 1px dotted #d2d2d2;
	font-size: 0.875em;
	line-height: 1.375em;
}

.footer_listen ul {
	list-style-type: disc;
	list-style-image: url(../images/menu_arrow_main.gif);	/* ändert das Bild der Listen */
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
	}

.footer_listen ul ul {
	list-style-type: disc;
	list-style-image: url(../images/menu_arrow.gif);	/* ändert das Bild der Listen */
	list-style-position: inside;
	margin-left: 0;
	padding-left: 1em;
	text-indent: -1em;
}

#footer_menu1 {  
	float: left;
	overflow: hidden;
	display: inline;						/*double float bug will disappear in IE 5, 5.5 and 6*/
	min-height: 12.5em;
	width: 21%;
	margin: 1%;
	padding: 1%;							/* padding + margin + width sind voneinander abhängig*/
}

#footer_menu2 {  
	float: left;
	overflow: hidden;
	min-height: 12.5em;
	width: 21%;
	margin: 1%;
	padding: 1%;
}

#footer_menu3 {  
	float: left;
	overflow: hidden;
	min-height: 12.5em;
	width: 21%;
	margin: 1%;
	padding: 1%;
}

#footer_menu4 {  
	float: left;
	overflow: hidden;
	min-height: 12.5em;
	width: 21%;
	margin: 1%;
	padding: 1%;
}

.adresse ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

.zeiten ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

.wochentag {  
	color: #FF0000;									/*ROT*/
}

#footer_copyright { 
	clear:both; 
	float: left;
	width: 100%;
	min-height: 2.5em;
	padding-top: 0.625em;
	color: #6F6558;									/*BRAUN DUNKEL*/
	font-size: 0.75em;
}

#footer_copyright p{  
	text-align: center;
}



/* ========================================================================= */
/* ========================================================================= */
/* INHALT */
/* ========================================================================= */
/* ========================================================================= */

#adresseimtext img{
	position: relative;
	top: 2px;
}


/* ================================== */
/* Hotlines*/
/* ================================== */

#hotlines {
}

.hotlinescompany { 
	float: left; 
	width: 400px;
	margin-bottom: 1.563em;
}

.hotlinescompany img{ 
	float: left;
	padding-right: 1.563em;
}

.hotlinesdaten {
	display: inline; 
	float: left;
	/*margin-top: 0.5em;*/
}

.hotlinesname {
	font-weight: bold;
	font-style: italic;
	letter-spacing: 0.05em;
	font-size: 1.5em;
	padding-bottom: 0.25em;
}

.hotlinestel {
	display: inline-block;
	font-size: 0.875em;
	color: #ff0000;
	/* padding-left: 1em;
	background: transparent url(../images/phone.gif) no-repeat 0 3px; */
	font-size: 1.125em;
}


/* ================================== */
/* Team*/
/* ================================== */

.teammember {
	overflow: hidden;
	width: 100%;
	margin: 0;
	/*border: 1px solid #000000;*/
}

.teambild { 
	float:left;
	margin: 0; 
	padding: 0;
	width: 180px; 
	height: 240px;
}

.teambild li {
	width: 180px; 
	height: 240px; 
	position: absolute; 
	display: block; 
	list-style: none;
}

.teambild a{
	width: 180px; 
	height: 240px; 
	display: block;
}

.teambild li span{
	display: none; 
}

#spritemonika li{
	background: url(../images/team.gif) 0 -240px no-repeat;
}

#spritemonikawechsel a:hover {
	background: url(../images/team.gif) 0 0 no-repeat;
}

#spritepolly li{
	background: url(../images/team.gif) -180px -240px no-repeat;
}

#spritepollywechsel a:hover {
	background: url(../images/team.gif) -180px 0 no-repeat;
}

#spritegwen li{
	background: url(../images/team.gif) -360px -240px no-repeat;
}

#spritegwenwechsel a:hover {
	background: url(../images/team.gif) -360px 0 no-repeat;
}

#spritejavier li{
	background: url(../images/team.gif) -540px -240px no-repeat;
}

#spritejavierwechsel a:hover {
	background: url(../images/team.gif) -540px 0 no-repeat;
}

#spritejorge li{
	background: url(../images/team.gif) -720px -240px no-repeat;
}

#spritejorgewechsel a:hover {
	background: url(../images/team.gif) -720px 0 no-repeat;
}

.teamtext {
	float: left;
	padding-left: 0.5em;
	margin-top: 4em;
}

.teamemail {
	padding-left: 0.5em;
	display: block;					/* sonst Umbruchproblem mit E-mail Bild bei einigen Adressen*/
}

.teamemail img {
	position: relative;
	top: 2px;
}