/* -- CSS definition for MARIA LINARES by MARIA LINARES --- */

body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-family: Arial, Helvetica, Sans serif, Verdana;
	background:#ccc url(img/bg_hirschrot.jpg);
	background-position:top;
	background-attachment:fixed;
	background-repeat:no-repeat;
	font-size:100%;
}



#container {
	margin:20px 50px;
	padding:0;
	text-align:left;
}

#ML {
	font-family: "Univers 57 condensed", "Arial Narrow", Arial, Helvetica, sans Serif;
	font-size:250%;
	padding-left:30px;
	letter-spacing:0.05em;
}

#ML a,
#ML a:link,
#ML a:visited,
#ML a:focus,
#ML a:hover,
#ML a:active {
	text-decoration:none;
	color:#fff;
}


/* ------------------------ BEGIN MENUE------------------------*/

ul#Navigation {
	height:35px;
	margin:0px 0 0 20px; 
	padding:0px;
	font-size:90%;
	/*border:1px solid #f00;
	letter-spacing:0.05em;
	font-weight:lighter;*/
}

ul#Navigation a,
ul#Navigation a:link,
ul#Navigation a:visited {
	text-decoration:none;
	color:#888;
	background-color:#cf6;
	display:block;
}

ul#Navigation a:focus,
ul#Navigation a:active,
ul#Navigation a:hover {
	text-decoration:none;
	color:#cf6;
	display:block;
	background-color:#c9c9c9;
}

ul#Navigation li {
	list-style:none;
	float:left;
	width:120px;
	margin:0px 10px;
	padding:10px 0px 0px 0px;
	border:2px solid #ccc;
	text-align:center;
	background-color:#fff;
}

ul#Navigation li.enabled {
	border:2px solid #cf6;
	display:block;
	color:#999;
}

ul#Navigation li.enabled a,
ul#Navigation li.enabled a:link,
ul#Navigation li.enabled a:visited,
ul#Navigation li.enabled a:focus,
ul#Navigation li.enabled a:active,
ul#Navigation li.enabled a:hover {
	text-decoration:none;
	background-color:#999;
	color:#cf6;
}


/* ------------------------ BEGIN   CONTENT------------------------*/


#content {
	margin:5px 10px 0 20px;
	padding:10px 10px 0px 10px;
	text-align:left;
	letter-spacing:0.01em;
	font-weight:normal;
	font-size:80%;
	color:#666;
}

#content a, 
#content a:link, 
#content a:visited {
	color:#999;
	text-decoration:underline;
}


#content a:focus, 
#content a:hover, 
#content a:active {
	color:#cf6;
	text-decoration:underline;
}

#whiteContent {
	margin:20px 10px 10px 0px;
	padding:10px 4px 4px 4px;
	border:1px dotted #ccc;
	min-height:120px;
	background-color:#fff;
}

#content p {
	margin:20px 10px 10px 0px;
	padding:10px 4px 4px 4px;
}

.numberList {
	margin:10px;
	padding:0px 4px;
}

.white {
	background-color:#fff;
}

ul.project {
	float:left;
	margin:15px 10px 10px 0px;
	padding:10px 4px 4px 4px;
	border:1px dotted #ccc;
	height:150px;
	background-color:#fff;
}

.project li {
	float:left;
	margin:4px 0px 4px 4px;
	list-style:none;
	width:175px;
}

#projectsList {
	margin:0px;
	padding:0;
	color:#cf6;
}

#projectsList li {
	float:left;
	list-style: none;
	margin:0px;
	padding:0px 10px 20px 0px;
}

#projectsList li a, 
#projectsList li a:link, 
#projectsList li a:visited {
	color:#fff;
	text-decoration:underline;
}


#projectsList li a:focus, 
#projectsList li a:hover, 
#projectsList li a:active {
	color:#333;
	text-decoration:underline;
}

#projectsList li a.enabled, 
#projectsList li a:link.enabled, 
#projectsList li a:visited.enabled,
#projectsList li a:focus.enabled, 
#projectsList li a:hover.enabled, 
#projectsList li a:active.enabled {
	color:#999;
	text-decoration:none;
}

.enabled {
	color:#ccc;
}

#singleProject {
	clear:both;
	margin:20px 10px 10px 0px;
	padding:4px;
	border:1px dotted #ccc;
	min-height:300px;
	background-color:#fff;
	min-width:510px;
	width:expression(document.body.clientWidth < 512? "510px" : document.body.clientWidth > 1426? "1424px" : "auto");
}

.captions {
	padding: 0 0 0 580px; border:1px solid green;
}

ul.description {
	padding:10px;
	clear:both;
}

ul.description li {
	float:left;
	width:32%;
	padding:5px;
	list-style:none;
}

.clear {
	clear:both;
	padding:0px;
	margin:0px;
	height:10px;
}

h1 {
	font-size: 120%;
	margin-top:5px;
	margin-bottom:15px;
	font-weight:lighter;
}

h2 {
	font-size: 110%;
	margin-top:30px;
	margin-bottom:18px;
	font-weight:lighter;
}

.hellgrau {
	color:#999;
}

.klein {
	font-size:80%;
}

.right {
	text-align:right;
	padding-right:20px;
}

.displaced {
	padding-left:180px;
}

#copy {
	clear:both;
	margin:0px 0 20px 20px;
	padding:20px 0 10px 10px;
	font-size:70%;
	letter-spacing:0.01em;
	color:#fff;
}

.hidden {
 /*display:none;*/
visibility:hidden;
}

/*div {
	border:1px solid #FFFF00;
}

ul {
	border:1px solid #ff0000;
}*/



/*---- form ------------------------------------------*/


.contactForm {
	width:450px;
	padding:10px 10px 20px 10px;
	margin-top:10px;
	background-color:#ececec;
 	color:#999;
	text-align:left;
	font-size:100%;
}

.contactForm td {
	vertical-align:top;
	padding-top:10px;
	padding-left:10px;
}

textarea {
	font-size:100%;

}


input, textarea {
        background-color:#e1e1e1;
        border:#666 1px solid;
	
        font-family:"Trebuchet MS", Arial, Helvetica, Verdana;
	
	
        color:#666;
        width:95%;
		font-size:90%;
}



input:focus, 
textarea:focus,
input:hover,
textarea:hover {
        background-color:#fff;
        border:#cf6 1px solid;
    
}



input.senden {
	width:100px;
}

input.senden:hover {
    background-color:#90ef61;
}

.red {
	color:#90ef61;
}



.grau {
	color:#333;
}






/*---------------------------------------------------------*/