/* 

Laura Kraienhorst WEBSITE EVA MALI

version: 	1.0
author: 	laura kraienhorst
email: 		laura.kraienhorst@gmail.com

========================================== */


html{background:url(../img/_02_photos2.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
	
body{padding:0;margin:0;background:#000;color:#fff;font:14px "Times New Roman",Times,serif;height:100%;width:100%;}
a{color:#fff;}

#logo{position:fixed;top:75px;left:40px;width:334px;padding:0}
#logo h1{margin:0;width:318px;height:176px;text-indent:-1000em;background:url(../../img/logo.png);}

/*---------------------------------------------
	Markierung:
-----------------------------------------------*/

::-moz-selection { 
background-color: #CCC; 
color: #000; 
}

/*---------------------------------------------
	Navigation
-----------------------------------------------*/

#nav{position:fixed;top:275px;left:40px;width:334px;padding:0;letter-spacing:0.00em;font:18px/17px Helvetica,Arial,sans-serif;font-weight:bold;text-align:left; line-height: 1.3em;}
#nav ul{margin:0;padding:0;list-style-type:none;text-transform:uppercase;}
#nav div{display:inline-block;width:80px;height:0.9em;vertical-align:top;}
#nav li.active div{display:inline-block;width:56px;height:0.9em;vertical-align:top;}
#nav li:hover div{display:inline-block;width:56px;height:0.9em;vertical-align:top;) center center no-repeat;}
#nav li div{display:inline-block;width:56px;height:0.9em;vertical-align:top;}
#nav a{color:#fff;text-decoration:none;padding:0 5px;}

#nav2{position:fixed;top:420px;left:40px;width:334px;padding:0;letter-spacing:0.00em;font:18px/17px Helvetica,Arial,sans-serif;font-weight:bold;text-align:left; line-height: 1.3em;}
#nav2 ul{margin:0;padding:0;list-style-type:none;text-transform:uppercase;}
#nav2 div{display:inline-block;width:80px;height:0.9em;vertical-align:top;}
#nav2 li.active div{display:inline-block;width:56px;height:0.9em;vertical-align:top;}
#nav2 li:hover div{display:inline-block;width:56px;height:0.9em;vertical-align:top;) center center no-repeat;}
#nav2 li div{display:inline-block;width:56px;height:0.9em;vertical-align:top;}
#nav2 a{color:#fff;text-decoration:none;padding:0 5px;}

/*---------------------------------------------
	Extras 
	-----------------------------------------------*/

#meta{position:fixed;bottom:25px;left:40px;width:334px;padding:0;font:12px Arial, Arial, Helvetica, sans-serif;text-align:left;}
#meta ul{margin:0;padding:0;list-style-type:none;text-transform:uppercase;}
#meta a{color:#fff;text-decoration:none;}
#meta a:hover{text-decoration:underline;}
#meta li.active a{text-decoration:underline;}

#sociallinks{position:fixed;bottom:25px;left:33px;width:100px;padding:0;z-index:10;}
#sociallinks ul{margin:0;padding:0;list-style-type:none;}
#sociallinks li{float:left;display:inline;padding-right:13px;line-height:0;font-size:0; padding-bottom:3px;}

#languages{padding:0;margin:0;display:inline-block;}
#languages li{float:left;display:inline;padding-right:0px;}
#languages li .active{padding:0 5px;}


/*---------------------------------------------
	Hintergrundgrafik
#bg{position:fixed;width:100%;height:100%;text-align:center; z-index:-200; margin: 0 auto;}--------------------*/
#img{ z-index:-5;}
/*---------------------------------------------
	Inhaltsbox rechts
-----------------------------------------------*/

#news{position:absolute;right:200px;top:85px;width:430px;;font:normal 13px/15px "Times New Roman",Times,serif;padding-bottom:50px; z-index:1; background-image:url(../../img/hintergrund_transparent.png); }
#news h2{margin:0;font:bold 18px/17px Helvetica,Arial,sans-serif;text-transform:uppercase;padding-bottom:15px;margin-bottom:15px;background:url(../../img/steckbrief_line.png) bottom left no-repeat;color:#fff;margin: 0 0 20px 20px;}
#news h3{margin:0;margin-bottom:5px;font:bold 13px "Times New Roman",Times,serif;color:#FFF; margin: 0 0 20px 20px;}
#news h3 span{background:#333;}
#news p{margin:0; margin: 0 0 20px 20px;}
#news p span{background:none;}
#news a{color:#FFF;}
#news table{border-spacing:0;padding:0;border:0;margin-top:15px;}
#news td{padding-right:15px;}
#news .item{margin-bottom:50px;}

/*---------------------------------------------
	Videobox
-----------------------------------------------*/

#filme{position:absolute;top:80px;width:710px; height:450px; margin-left:508px;text-align:center;background-image:url(../img/hintergrund_transparent.png);}
#filme table{border-spacing:0;padding:0;border:0;}
#filme img{border:0;}
#filme h3{width:280px;margin:25px 0; padding-left: 0px;font:bold 12px Helvetica,Arial,sans-serif;text-align:center;}
#filme h5{width:145px;margin:25px 0; padding-left: 0px;font:bold 12px Helvetica,Arial,sans-serif;text-align:center;}
#filme h4{width:240px;margin:25px 0; padding-left: 0px;font:bold 12px Helvetica,Arial,sans-serif;text-align:center;}
#filme h6{width:200px;margin:25px 0; padding-left: 0px;font:bold 12px Helvetica,Arial,sans-serif;text-align:center;}
#filme embed {margin-top:8px; bottom:25px; text-align:left;}


/*---------------------------------------------
	Navigation L
-----------------------------------------------*/

nav ul {
width: 150px;
list-style:none;
margin:0;
padding:0;
}

nav ul li a {
font: 13px/16px Arial, Helvetica, sans-serif;
text-decoration:none;
color:#FFF;
display: block;
padding: 5px 15px;
margin:1px 0;
}

nav ul li a:focus,
nav ul li a:hover,
nav ul li a.active {
background: #eee;
color: #333;
}

.active { cursor:default; }

#content {
font-size: 14px;
color: #fff;
margin: 0 20px 100px 20px;

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

Formularelemente
----------------------*/

#content form {
margin-top: 25px;

}

#content form p {
margin-bottom: 15px;
width: 260px;
}

#content .beschreibung {
font-size: 1em;
font-style: normal;
line-height: 1.2em;
margin-bottom: 10px;
width: 260px;
}

#content form fieldset {
margin-top: 15px;
border:hidden;
}

#content form fieldset legend {
font-size: 15px;
font-weight: bold;
text-transform:uppercase;
color:#fff;
width: 300px;
margin-top: 5px;
padding: 7px 0 5px 0;
}

#content form input {
background-color: #FFF;

width: 180px;
height: 22px;
}

#content form input:focus,
#content form textarea:focus {
background-color: #fff;
}


#content form textarea {
background-color: #fff;
}

#content form fieldset legend + p {
padding-top: 12px;
}

abel {
font-weight: bold;
color: #FFF;
width: 100px;
float: left;
}

input {
float: left;}

input, select, textarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-style: italic;
padding-left: 5px;
}

#content form textarea {
padding-top: 5px;
}

select {
padding-top: 2px;
}

#content form .bestaetigen label,
#content form .bestaetigen input {
float: none;
width: auto;
padding-left: 3px;

}

#content form .abschicken input {
background-color: #000;
font: normal bold 14px Arial, sans-serif;
color: #FFF;
width: auto;
height: auto;
padding: 5px 40px;
float: none;

}


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

Clearfix http://www.cssguru.de/css-clearfix/
-----------------------------------------------*/

.clearfix:after,
fieldset:after,
#content form p:after {
content: ".";
clear: both;
font-size: 0; 
height: 0;
visibility: hidden;
}


/*div.image a{width:137px;display:block;text-align:center;}*/