/* ================================================
Stylesheet fuer die Seite M - maldonado
 
Datei: 		m_screen.css
Erstellt: 	06.10.2008
Update:		03.11.2008
Autor: 		F.L. - maldonado

Aufbau:
1. Kalibrierung und allgemeine Styles
2. Styles für die Layoutbereiche
3. Sonstige Styles
================================================ */

@import url(reset.css);

/* ================================================
1. Kalibrierung und allgemeine Styles
================================================ */

body {
/*    
  background: url(../img/maldo_grid.gif) no-repeat top left;
*/
	/*background: #fff;*/
	color: #000;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Corbel, Arial, Helvetica, sans-serif;
	font-size: 75%; /* Resets 1em to 12px */
	line-height: 1.5;
/*	line-height: 1.4;*/

}

/* allgemeine auszeichnungen */

/*
p {
	margin-bottom: .6em;
}
*/

strong {
	font-weight: bold;
}

q, em {
	font-style: italic;
}

small {
	font-size: .9em;
	color: #444;
}


/* ueberschriften */
h1, h2, h3, h4 {
	line-height: 1.2em;
	font-weight: bold;
}

h1 {
	font-size: 2.6em;
/*	padding: 0 15px 20px 0;*/
/*	margin-bottom: 3px;*/
}

h2 {
	font-size: 1.7em;
/*	margin-bottom: 20px;*/
}

h3 {
	font-size: 1.3em;
	/*margin-bottom: 10px;*/
}

h4 {
/*	margin-bottom: .6em;*/
}


/* allgemeine links*/

a {
	text-decoration: none;
	color: #66666;
	/*color:#d2ff00;*/
}

a:visited {
	color: #666666;
}

/*
a:hover {
	text-decoration: underline;
	color:#000;
}
*/

/* neu eingefuegt 06.05.2008*/

a.link_projekt {
	color: #666666;
	border-bottom: 1px solid #666666;
}

a.link_projekt:visited {
	color: #666666;
	border-bottom: 1px solid #666666;
	/*border-bottom: 1px dashed #000;*/
}

a.link_projekt:hover {
	color: #000;
	border-bottom: 1px solid #000;
}

/* navigation */
#nav {
	position: fixed;
	top: 90px;
	left: 10px;
	width: 180px;
	font-size: .9em;
	font-weight: bold;
}

#nav li {
	border-top: 1px solid #d3d3d3;
	border-bottom: 1px solid #d3d3d3;
	margin: 2pt 0pt 3px 0pt;
}

#nav a {
	display: block;
	padding: 6px 12px 7px 10px;
	color: #c0c0c0;
	background-color: #fcfcfc;
	text-decoration: none;
}

#nav a:hover {
	color: #000;
	background-color: #f3f1ed;
}

#nav a.selected {
	color: #000;
	background-color: #c0c0c0;
}


/* ================================================
2. Styles für die Layoutbereiche
================================================ */

#wrapper {
	position: absolute;
	top: 94px;
	left: 200px;
	width: 780px;
	/*
	margin-left: 10px;
	
	color: #555;
	background-color: #336699;
	*/
	
	padding: 0px 0px 0px 10px;
	/*padding: 10px;*/
}

#textbereich {
	overflow: hidden;
	/*background-color: #ff6105;
	padding-top: 10px;
	padding-bottom: 10px;*/
}
 
#fussbereich {
	/*background-color: #e0ea00;*/
	color: #ee1658;
	padding-top: 10px;
	padding-bottom: 15px;
	/*
	padding-left: 10px;
*/
}

#logobereich {
	background-image: url(../img/maldo_logo.gif);
	position: fixed;
	top: 10px;
	left: 0px;
	width: 200px;
	height: 70px;
}

#logobereich a {
text-decoration: none;
	position: fixed;
	top: 10px;
	left: 0px;
	width: 200px;
	height: 70px;

}

#logobereich a:hover {
	background-image: url(../img/maldo_logo_2.gif);
	position: fixed;
	top: 10px;
	left: 0px;
	width: 200px;
	height: 70px;
}


/* ================================================
3. Sonstige Styles
================================================ */

/* Link neu fuer Galerie*/

/*
.123 {
	float: left;
	background-color: #05ffde;
	}

a.link {
display:block;
width:240px;
height:180px;
border:10px solid #000000;
margin-top: 10px;
}

a.link:hover {
border:10px solid #009b0d;
}

a.kunde {
display: block;
color: #000;
margin-bottom: 3px;
font-size: 1.1em;
text-decoration: none;
margin-left: 10px;
}

a.art {
display: block;
color: #000;
font-size: 0.95em;
text-decoration: none;
margin-left: 10px;
}

a.kunde:hover {
text-decoration: underline;
}
*/

/* Link Galerie/Portfolio-Design */

.galerielink {
display:block;
width:240px;
height:180px;
border:2px solid #d3d3d3;
margin-bottom: 3px;
}

.galerielink:hover {
border:2px solid #d2ff00;
}

div.galerie {
/*overflow: hidden;  neu*/
/*background-color: #fff;*/
float: left;
border: 0px solid black;
padding-bottom: 35px;
padding-right: 10px;
}

a.kunde {
color: #999;
/*margin-bottom: 30px;*/
font-size: 1.1em;
text-decoration: none;
margin-left: 10px;
}

a.kunde:hover {
color: #000;
border-bottom: 1px solid #404040;
}

.art {
color: #999;
font-size: 0.95em;
text-decoration: none;
margin-left: 10px;
}

/* Projekt seite einzelne Galerie/Portfolio-Design */

div.galeriegross {
/*overflow: hidden;  neu*/
/*background-color: #fff;*/
float: left;
border: 1px solid black;
padding-bottom: 10px;
padding-right: 10px;
}

div.galerietext {
/*overflow: hidden;*/
background-color: #ee1658;
color: #000;
float: left;
border: 1px solid black;
padding-bottom: 10px;
padding-right: 10px;
}


/* einzelne Projektseite */

div.mustergalerie {
overflow: hidden; 
color: #000;
width: 750px;
float: left;
/*border: 1px solid black;*/
padding-bottom: 10px;
/*
padding-top: 10px;

padding-left: 10px;
*/
}

div.mustergalerie img {
float: left;
margin-right: 15px;
border: 1px solid black;
}

/* Startseite */
div.startseite {
overflow: hidden; 
width: 500px;
float: left;
/* border: 1px solid black; */
/*padding-top: 10px;*/
/*
padding-left: 10px;
*/
}


div.startseite img {
/*float: left;*/
margin-bottom: 10px;
}


/* Kontaktseite */
div.kontaktseite {
overflow: hidden; 
width: 500px;
float: left;
/*
border: 1px solid black;
padding-left: 10px;
*/
}

/* Kontaktseite */
div.impressum {
overflow: hidden; 
width: 500px;
float: left;
/*
border: 1px solid black;

padding-left: 10px;
*/
}

/* Link für Impressum*/
a.impressum {
color: #444;
text-decoration: none;
}

a.impressum:hover {
color: #000;
border-bottom: 1px solid #404040;
}