/**********************************************************************************************

	photo.Cologne

***********************************************************************************************

		
	1. Allgemein
			1.1 Reset
			1.2 Basic styles
	
	2. Layout
			2.1 Header
			2.2 Navigation
			2.3 Content
			2.4 Footer
		

***********************************************************************************************/


/* 1. Allgemein
-----------------------------------------------------------------------------------------------
===============================================================================================*/	



/* 1.1	Reset
-----------------------------------------------------------------------------------------------*/	


	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}
	
	body {
		line-height: 1;
	}
	
	ol, ul {
		list-style: none;
	}
	
	blockquote, q {
		quotes: none;
	}
	
	blockquote:before, 
	blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	
	:focus {
		outline: 0;
	}
	
	ins {
		text-decoration: none;
	}
	
	del {
		text-decoration: line-through;
	}
	
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}


/* 1.2	Basic styles
-----------------------------------------------------------------------------------------------*/	

	body {
		font: 62.5%  Verdana,Helvetica, Arial, sans-serif;
		text-align: left;
		color: #58585a;
		background: #d30228 url(../img/bg_content.jpg) top left repeat-x;
		}

	input, textarea, select {
		font-size: 12px;
	}

	a {	
		color: #58585a;
		text-decoration: none;
		font-weight:bold;
	}
	
	a:hover {
		color: #d30228;
		text-decoration: none;
		font-weight:bold;
	}

	
	h1 {
		margin: 0 0 20px 0;
		font-weight: bold;
		font-size: 18px;
		line-height: 28px;
		color:#d30228;
	}
	h2 {
		margin: 0 0 10px 0;
		font-weight: bold;
		font-size: 11px;
		line-height: 18px;
		color:#d30228;
	}

	p{
		margin: 0 0 20px 0;
		font-size: 12px;
		line-height: 20px;
	}
	
	img, div { behavior: url(iepngfix.htc) }
	





/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/	

	#wrapper {
	width: 980px;
	margin: 0 auto 10px auto;
	text-align: left;
	padding-bottom: 20px;
	}
	
	#bgcontentindex {
	background:url(../img/bg_content_index.jpg) top left no-repeat;
	padding-top: 175px;
	}

	#bgcontentindexen {
	background:url(../img/bg_content_index_en.jpg) top left no-repeat;
	padding-top: 175px;
	}
	
	#bgcontent {
	background:url(../img/bg_content_folge.jpg) top left no-repeat;
	padding-top: 55px;
	}
	
	#content {
	width: 870px;
	background: url(../img/bg_content_oben.png) top left no-repeat;
	margin: 0 auto;
	}
	
	
	
	

	
	

/* 2.1	Header
-----------------------------------------------------------------------------------------------*/	

#header {
	background:url(../img/bg_logo.gif) top left no-repeat;
	height: 154px;
	}	

#headeren {
	background:url(../img/bg_logo_en.gif) top left no-repeat;
	height: 154px;
	}	
	
#sprache ul {
	padding: 5px 0;
	margin-right: 70px;
	text-align:right;
	}
	

	
	
/* 2.2	Navigation
-----------------------------------------------------------------------------------------------*/	
	
#navigation {
	margin: 110px 0 0 90px;
	}
	
	#navigation ul a {
	margin: 0 20px 0 0;
	}

	#navigation ul li { 
	font-size: 11px;
	text-transform:uppercase;
	display: inline;
	}

	#navigation a {
	text-decoration: none;
	}
	
	#navigation a:hover {
	color: #d30228;
	}

	#navigation a.aktiv {
	color: #d30228;
	}
	
	
	
/* 2.3	Content
-----------------------------------------------------------------------------------------------*/
	
	#contentbox {
		width: 450px;
		float: left;
		margin: 35px 0 0 30px;
		display: inline;
	}
	
	#seitenspalte {
		width: 300px;
		float: right;
		margin: 35px 30px 0 0;
		display: inline;
	}	
	
	#seitenspalte p{
		font-size: 11px;
		line-height: 18px;
	}
	
	#contentbox ul {
	margin:0 0 0 40px;
	}
	
	#contentbox ul li {
	list-style: url(../img/listenpunkt.gif);
	margin:0 0 10px;
	font-size:12px;
	line-height: 18px;
	}
	
	#seitenspalte img {
		margin: 6px 0 5px 10px;
		float:right;
	}	
	
	
/* 2.4	Footer
-----------------------------------------------------------------------------------------------*/	


	#servicenav ul {
	padding: 10px 0;
	margin-right: 70px;
	text-align: right;
	}
	
	#servicenav a {
	color:#fff;
	}

	#servicenav a:hover {
	color: #fff;
	text-decoration:underline;
	}



/* 2.5	Clearen
-----------------------------------------------------------------------------------------------*/	

	.clearfix:after {
		content: ".";
		display: block;
		height: .1px;
		clear: both;
		visibility: hidden;
		font-size: 0;
		overflow: hidden;
	}
	
	.clearfix {
		min-height: 0;
	}

	* html .clearfix {
		height: 1px;
	}