/* CSS Document */

body  { margin:0;padding:0;overflow-y:scroll;}

html {
	padding-top: 20px;
}

/* Navigation */
#nav {
	text-align: center;
	clear: both;
	padding: 0;
}

#nav2 {text-align: center; clear: both;padding: 0;}


#nav a.active{text-align: center; color: #7d0003;background: url(images/nav-hover.jpg)}

#nav2 a.active{text-align: center; color: #7d0003;background: url(images/nav-hover.jpg)}


#nav ul {
	text-align: center;
	float: left;
	list-style: none;
	background: url(images/nav.jpg) repeat-x;	
	width: 784px;		
	text-transform: uppercase;
	margin: 0 0 0 8px;
	padding: 0;	
	display: inline;
}


#nav2 ul {
	text-align: center;
	float: left;
	list-style: none;
	background: url(images/nav.jpg) repeat-x;	
	width: 784px;		
	text-transform: uppercase;
	margin: 0 0 0 8px;
	padding: 0;	
	display: inline;
}

#nav ul li {
	text-align: center;
	display: inline;
	margin: 0; padding: 0;
}

#nav2 ul li {
	text-align: center;
	display: inline;
	margin: 0; padding: 0;
}

#nav ul li a {
	text-align: center;
	padding-left: 14px;
	padding-bottom: 0;
	padding-right: 14px;
	padding-top: 1px;
	text-transform: uppercase;
	display: block;
	float: left;
	width: auto;
	margin: 0;
	color: #FFF;
	font: bold 12px/2.8em "Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	letter-spacing: 1px;
}

#nav2 ul li a {
	text-align: center;
	padding-left: 14px;
	padding-bottom: 0;
	padding-right: 14px;
	padding-top: 1px;
	text-transform: uppercase;
	display: block;
	float: left;
	width: auto;
	margin: 0;
	color: #FFF;
	font: bold 9px/2.8em "Trebuchet MS", "Century Gothic", Helvetica, Arial, Geneva, sans-serif;
	text-decoration: none;	
	letter-spacing: 1px;
}

#nav ul li a:hover, 

#nav2 ul li a:hover, 


#nav ul li#current a {text-align: center; background: url(images/nav-current.jpg) repeat-x;}

#nav2 ul li#current a {text-align: center; background: url(images/nav-current.jpg) repeat-x;}


/* Headline */
h1 {font-family: Helvetica, Verdana, Arial, sans-serif; color: #7d0003; font-size:19px;font-weight: bold;}
h5 { background:#7d0003;}


/* Bilder */
img {
	display: block;
	border:none;
	padding-left: 20px;
}
img p {margin:0;padding:0;}
img:hover {
}


#navigation { margin-top: 7px; margin-left: 8px; background-image:url(images/nav.jpg);background-repeat:repeat-x;width: 784px;height: 33px;}
#navigation a.active{color: #7d0003;}
#navigation ul { padding-left: 30px;}
#navigation ul li { float:left;font-size:12px;padding-right:8px;padding-left: 8px;background-position:right;background-repeat:no-repeat;height:30px;}
#navigation ul li a { font-weight: bold; position:relative;top:9px;}

/* Links Header */
#banner {background-image:url(images/header-photo.jpg);background-position: 8px 7px;width: 792px;height:180px;background-repeat:no-repeat;}
#banner2 {background-image: url(images/header-pho.jpg);background-position: 8px 7px;width: 792px;height:180px;background-repeat:no-repeat;}
#banner3 {background-image: url(images/header-goodies.jpg);background-position: 8px 7px;width: 792px;height:180px;background-repeat:no-repeat;}
#banner4 {background-image: url(images/header-blog.jpg);background-position: 8px 7px;width: 792px;height:180px;background-repeat:no-repeat;}


#center { border-top-width: 0px; border-right-width: 1px; border-left-width: 1px; border-bottom-width: 1px; border-color: #dcdcdc; border-style: solid; margin-left: auto; margin-right: auto; margin-top: auto; background-color: white; background-repeat: repeat;width: 800px;height: auto; margin-bottom: 20px;}

.active { width:140px;padding:0;margin:0;}
.current {color: white; font-weight:bold;}
.normal { background-repeat:no-repeat;padding:0;margin:0;}

#subnavigation {font-weight: bold; float:left;}
#subnavigation ul li {margin-left: 0px;padding-top:9px;padding-bottom:7px;}
#subnavigation ul li a {font-size: 10px; color: black; padding-left:20px;}

#content {background-repeat:repeat-y;float:left;width: auto;margin-left:24px;padding-left:24px;line-height:16px;margin-top:12px;padding-bottom:45px;background-color: white}

#content2 {background-repeat:repeat-y;float:left;width: auto;margin-top:12px;background-color: white}

#content3 {background-repeat:repeat-y;float:left;width: auto;margin-top:12px;background-color: white}


.link {
	color: #7d0003;
}



/* Portfolio */

#container {width:703px;height:475px; overflow:auto;margin-bottom:20px;}
#container2 { padding-left: 10px; background-color: black; width:703px;height:475px; overflow:auto;margin-bottom:20px;}

#container ul {list-style:none; white-space:nowrap; display:table-row;}

/* Inbox Content  */
#container ul li {display:table-cell; background:#fff;padding-left:0px;padding-right:0px;}

/* Inbox Img  */
#container ul li img {border:0px solid #7d0003;}

/* Inbox Typo */
#container p {text-align: center; font-size:12px;}


.bildschatten { border-top-color: #f1f1f1; border-top-width: 1px; border-top-style: solid; background-repeat: no-repeat; background-position: left bottom; display: block; background-image: url(images/bildschatten.png); padding-left: 7px; padding-bottom: 17px; padding-top: 5px; float:left;width: 404px;padding-right: 7px;}

.bildschatten2 { border-top-color: #f1f1f1; border-top-width: 1px; border-top-style: solid; background-repeat: no-repeat; background-position: left bottom; display: block; background-image: url(images/bildschatten209.png); padding-left: 4px; padding-bottom: 10px; padding-top: 4px; float:left;width: 202px;padding-right: 3px;}

#footer {
	margin-right:14px;
	padding-bottom:10px;
	color:#BBBEC7;
}
#footer a {
	text-decoration:none;
	color:#FFFFFF;
}

.float-left { margin-top: 2px; padding-top: 10px; float:left;width:500px;padding-right:10px;}
.float-none { margin-left: 5px; clear:left;display:block;}

.cleaner
{
	clear:both;
	height:1px;
	Font-size:1px;
	border:0px none;
	margin:0;padding:0;
	background:transparent;
}