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

@import url(style-fotograf-erfurt-navi.css);
@import url(styles-mailformular.css);

html, body {
	margin: 0;
	padding: 0;
	width: 100%;
	background: #2b2a2a;
}

#wrapper {
	width: 955px;
	margin: 0 auto;
	background:url(img/fotograf-erfurt_bg.jpg) repeat-y #2b2a2a;
}
	
#top {
	position:relative;
	margin:0 auto;
	width:955px;
	height:162px;
	background:url(img/fotograf-erfurt_top.jpg) no-repeat;
}

#bild-top {
	position:absolute;
	top:10px;
	left:10px;
	width:600px;
	height:135px;
	overflow:hidden;
	}
	
#div-navi {
	padding:0 0 0 28px;
	width:220px;
	float:left;
	}
	
#div-links {
	padding:5px;
	width:200px;
	}


#div-inhalt-2sp, #div-inhalt-1sp {
	padding:0 0 0 5px;
	float:left;
	display: inline;
	text-align:justify;
}

#div-inhalt-2sp { 
	width: 440px;
}
	
#div-inhalt-1sp { 
	width: 680px;
}

.div-spalterechts {
	top:-9px;
	float: left;
	width:240px;
	max-width:240px;
	margin:0;
	padding:0;
	background:url(img/rand-bg.jpg) repeat-y;
	clear:right;
	}
	
#rand-inhalt {
	width:200px;
	padding:0 0 0 20px;
	text-align:left;
}
	
#rand-top {
	position:relative;
	width:240px;
	height:9px;
	background:url(img/rand-top.jpg) no-repeat;
	float:left;
	}
	
#rand-bottom {
	width:240px;
	height:8px;
	background:url(img/rand-bottom.jpg) no-repeat;
	float:left;
	}
	
#bottom {
	clear:both;
	width:955px;
	background:url(img/fotograf-erfurt_bottom.jpg) no-repeat #2b2a2a;
	}
	
#navi-unten {
	width:955px;
	height:100px;
	padding-top:45px;
	text-align:center;
	}
	
	
	
/* ---------------------------- Schrift ------------------- */

div {
	font-family:Arial, Helvetica, sans-serif;
	color:#8a8989;
	font-size:1em;	
	}
	
	
.csc-firstHeader, h1 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.5em;
	color:#e1dede;
	padding:0;
	margin:0 0 15px 0;
	}
	
h1 {
	font-size:1.2em;
	margin:25px 0 10px 0;
	color: #eee;
	
}
	
h2 {
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;
	color:#e1dede;
	padding:0;
	margin:0 0 15px 0;
	}
	
	
h3 {
	font-family:"Times New Roman", Times, serif;
	font-size:1em;
	color:#f23434;
	font-weight:normal;
	padding:0;
	margin:0 0 15px 0;
	}

#div-links, #div-inhalt-1sp, #div-inhalt-2sp, .div-spalterechts {
	font-size:0.9em;
	}


.csc-textpic-caption {
	font-size:0.7em;
	color:#aaa;
	font-style:italic;
	padding-top:5px;
	}
	
	
/* --------------------------- Normale Links --------------- */	
	
	
#div-links a:link, #div-inhalt-1sp a:link, #div-inhalt-2sp a:link, .div-spalterechts a:link  {
	color:#8a8989;
}
#div-links a:visited, #div-inhalt-1sp a:visited, #div-inhalt-2sp a:visited, .div-spalterechts a:visited {
	color:#8a8989;
}
#div-links a:hover, #div-inhalt-1sp a:hover, #div-inhalt-2sp a:hover, .div-spalterechts a:hover {
	color:#e1dede;
}
#div-links a:active, #div-inhalt-1sp a:active, #div-inhalt-2sp a:active, .div-spalterechts a:active {
	color:#e1dede;
}



/* ------------------------ Container ----------------------- */

.csc-frame-rulerAfter {
	border-bottom-color:#009ee0;
	border-bottom-width: 1px;
	border-bottom-style:solid;
	margin-bottom:10px;
}

.csc-frame-frame1 {
	background: #424040;
	border-top:1px #f23434 solid;
	border-bottom:1px #f23434 solid;
	padding:10px;
}
	
.csc-frame-frame1 h1 {
	font-size:1.2em;
	color:#e1dede;
	}
	
.csc-frame-frame2 {
	background: #aaa;
	border-bottom:1px #009ee0 solid;
	padding:0 5px 0 5px;
	margin-bottom:10px;
}

.csc-frame-frame2 h1 {
	font-size:1.2em;
	color:#fff;
	}