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

html{
	height:100%;
	font-size: 62.5%;
	}

body{
	height:100%;
	text-align: center;
	background:url(img/bg1.jpg) repeat-x;
	background-color:#878687;
	font-family:Verdana, sans-serif;
	font-size:1.2em;
	line-height:2.2em;
	color:#505050;
	}

*{	margin:0;
	padding:0;
	border:0;}

h1{
	font-size: 3.0em;
	font-family:"century gothic", sans-serif;
	color:#8C0F40;
	padding-bottom:1.4em;}
	
h2{	font-size: 1.1em;
	font-weight: normal;
	color:#8C0F40;
	}
	
a {	text-decoration:none;
	color:#505050;	
	}

a:hover{
	color:#8C0F40;}	
	
a.int {
	color:#8C0F40;}

.pink{
	color:#8C0F40;}

div#wrapper{
	min-height:100%;
	width: 760px;
	margin: 0px auto;
	text-align: left;
	position: relative;
	background-color:#FFFFFF;
	}
	
div#wrapcontent {
	padding-bottom: 1.5em; }
	
div#header{
	background: url(img/header.jpg) no-repeat;
	height: 120px;
	}

div#nav{
	background-color:#FFFFFF;
	height: 30px;
	}

div#nav ul{
	float:right;
	position: relative;
	top: -30px;
	margin-right:60px;
	list-style-type: none;
	}

div#nav li{
	display: inline;
	margin-left: 2em;
	font-size: 1.3em;}

body#home div#nav li.navhome {border-bottom: 1px solid #8C0F40;}
body#portfolio div#nav li.navarbeiten {border-bottom: 1px solid #8C0F40;}
body#kontakt div#nav li.navkontakt {border-bottom: 1px solid #8C0F40;}

div#menu{
	width:200px;
	padding:35px 0px 25px 30px;
	text-align:right;
	}
	
div#menu ul{
	padding: 33px 0 0 0;
	}
	
div#menu li{
	list-style-type: none;
	color: #969799;
	padding:5px 0px;
	}
	
span.mail{ 
	display:none;
	}

div#content{
	float:right;
	height:100%;
	width:420px;
	padding:40px 60px 45px 0px;
	}

div#content ul{
	padding:0 0 20px 0;
	}

div#content li{
	list-style-type:none;
	}
div#clear {
   clear:right;}
   
div#footer{
	position:absolute;
   	bottom: 0;
	width: 100%;
	height:25px;
	background-color:#FFFFFF;
	border-top: 1px dotted #878687;
	text-align:right;
	}

span{
	margin-right:60px;
		}