/*-----ANFANG BASIS--------------------------------------------------*/
/* Diese CSS Datei ist für www.carlomueller.de von Carlo Müller erstellt worden*/
/* Copyright by Carlo Müller - www.carlographie.de - www.carlomueller.de  */
/* Edited: 19.10.2009 */

/* --- Basis Parameter ---------------------------------- */
html {
	background:#FFF;
	padding:0;
	margin:0;
	width:auto;
	height:auto;
}

body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	color: #333333;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size:13px;
}

a, a:link, a:visited {
	font-weight: bold;
	color: #21699c;
	text-decoration: none;
	outline:none;
}
	a:hover, a:active {
		color: #333333;
	}

h1, h2, h3, h4, h5 {
	letter-spacing:normal;
}

h1 {
	color:#21699c;
	font-size:22px;
	font-weight:normal;
	margin-top:10px;
	margin-bottom:7px;
}

h2 {
	color:#21699c;
	font-size:18px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:7px;
}

h3 {
	color:#21699c;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
}

h4 {
	color:#666666;
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:7px;
}

p {
	padding:9px 0;
	margin:0;
	font-family: Trebuchet MS, Helvetica, sans-serif;
}

img {
	border-style:none;
	margin:0;
	padding:0;
}

div#clear {
	clear:both;
}

/* --- Eigene Parameter ---------------------------------- */

div#bg {
	width: 963px;
	height:auto;
	text-align: left;
	display:block;
	margin: 0;
	padding: 0;
}

div#header {
	width: 963px;
	height:267px;
	display:block;
	background: url(../img/head_bg.png) left bottom;
}

div#topnavi {
	width:636px;
	height:127px;
	display:block;
	float:right;
	display:inline;
	margin:140px 10px 0 0;
}

div#middle {
	width:963px;
	height:auto;
	display:block;
	margin:2px 0 0 0;
	padding:0;
}

div#left {
	width:250px;
	height:auto;
	min-height:10px;
	display:block;
	margin: 0 2px 2px 2px;
	padding:0;
	float:left;
	display:inline;
}

	div#left div.moduletable p {
		padding: 0;
		margin: 0;
	}
	div#left div.moduletable a.link1,
	div#left div.moduletable a.link1:link,
	div#left div.moduletable a.link1:visited {
		width: 230px;
		height:42px;
		display:block;
		padding: 22px 10px 0 10px;
		margin: 0 0 2px 0;
		text-align:right;
		background-color:#21699c;
		color:#FFFFFF;
		font-size:30px;
		font-weight:normal;
		
	}
	div#left div.moduletable a.link1:hover,
	div#left div.moduletable a.link1:active {
		background-color:#999999;
	}
	
	div#left div.moduletable a.link2,
	div#left div.moduletable a.link2:link,
	div#left div.moduletable a.link2:visited {
		width: 238px;
		display:block;
		padding: 10px 12px 14px 0;
		margin: 0;
		text-align:right;
		background-color:#21699c;
		color:#FFFFFF;
		font-size:20px;
		font-weight:normal;
		margin: 0 0 2px 0;
	}
	div#left div.moduletable a.link2:hover,
	div#left div.moduletable a.link2:active {
		background-color:#999999;
	}

div#content {
	width:707px;
	height:auto;
	min-height:10px;
	display:block;
	margin: 0 2px 2px 0;
	padding:0 0 34px 0;
	float:left;
	display:inline;
}

div#left div.moduletable_flickr {
	padding:5px 0 35px 0;
}

div#left div.moduletable_flickr h3 {
	margin:0 0 6px 0;
	padding: 0 0 0 4px;
	text-indent:-999em;
	display: block;
	width: 119px;
	height: 34px;
	background:transparent url(../img/foto_logo.jpg) no-repeat scroll center top;
}
div#left div.moduletable_flickr p {
	padding: 0 0 5px 0;
	margin: 0 0 0 8px;
	width: auto;
}
div#left div.moduletable_flickr p a {
	display: block;
	text-align: right;
	padding: 0 12px 0 0;
	width: auto;
}

	/* --- Definition Leftmenu ---------------------------------- */
	
	div#left div.moduletable_menu ul.menu {
		padding: 0;
		margin: 0;
		list-style:none;
		display:inline;
	}
	div#left div.moduletable_menu ul.menu li {
		display:inline;
	}
	
	div#left div.moduletable_menu a,
	div#left div.moduletable_menu a:link,
	div#left div.moduletable_menu a:visited {
		width: 238px;
		display:block;
		padding: 10px 12px 14px 0;
		margin: 0;
		text-align:right;
		background-color:#21699c;
		color:#FFFFFF;
		font-size:20px;
		font-weight:normal;
		margin: 0 0 2px 0;
	}
	div#left div.moduletable_menu a:hover,
	div#left div.moduletable_menu a:active,
	div#left div.moduletable_menu li#current a {
		background-color:#999999;
	}
	
	

	/* --- Definition Topmenu ---------------------------------- */
	
	div#topnavi div.moduletable_menu ul.menu {
		padding: 0;
		margin: 0;
		list-style:none;
		display:inline;
	}
	div#topnavi div.moduletable_menu ul.menu li {
		display:inline;
	}
		
		div#topnavi div.moduletable_menu ul.menu li.item11 a {
			background:url(../img/nav_link_bg.png) 0px 0px;
		}
			div#topnavi div.moduletable_menu ul.menu li.item11 a:hover,
			div#topnavi div.moduletable_menu ul.menu li.item11 a:active {
				background:url(../img/nav_link_bg.png) 0px 254px;
			}
			div#topnavi div.moduletable_menu ul.menu li#current.item11 a,
			div#topnavi div.moduletable_menu ul.menu li.parent.active.item11 a,
			div#topnavi div.moduletable_menu ul.menu li.active a {
				background:url(../img/nav_link_bg.png) 0px 127px;
				color:#FFFFFF;
			}
		div#topnavi div.moduletable_menu ul.menu li.item10 a {
			background:url(../img/nav_link_bg.png) 159px 0px;
		}
			div#topnavi div.moduletable_menu ul.menu li.item10 a:hover,
			div#topnavi div.moduletable_menu ul.menu li.item10 a:active {
				background:url(../img/nav_link_bg.png) 159px 254px;
			}
			div#topnavi div.moduletable_menu ul.menu li#current.item10 a,
			div#topnavi div.moduletable_menu ul.menu li.parent.active.item10 a,
			div#topnavi div.moduletable_menu ul.menu li.active a {
				background:url(../img/nav_link_bg.png) 159px 127px;
				color:#FFFFFF;
			}
		div#topnavi div.moduletable_menu ul.menu li.item9 a {
			background:url(../img/nav_link_bg.png) 477px 0px;
		}
			div#topnavi div.moduletable_menu ul.menu li.item9 a:hover,
			div#topnavi div.moduletable_menu ul.menu li.item9 a:active {
				background:url(../img/nav_link_bg.png) 477px 254px;
			}
			div#topnavi div.moduletable_menu ul.menu li#current.item9 a,
			div#topnavi div.moduletable_menu ul.menu li.parent.active.item9 a,
			div#topnavi div.moduletable_menu ul.menu li.active a {
				background:url(../img/nav_link_bg.png) 477px 127px;
				color:#FFFFFF;
			}
		div#topnavi div.moduletable_menu ul.menu li.item8 a {
			background:url(../img/nav_link_bg.png) 318px 0px;
		}
			div#topnavi div.moduletable_menu ul.menu li.item8 a:hover,
			div#topnavi div.moduletable_menu ul.menu li.item8 a:active {
				background:url(../img/nav_link_bg.png) 318px 254px;
			}
			div#topnavi div.moduletable_menu ul.menu li#current.item8 a,
			div#topnavi div.moduletable_menu ul.menu li.parent.active.item8 a,
			div#topnavi div.moduletable_menu ul.menu li.active a {
				background:url(../img/nav_link_bg.png) 318px 127px;
				color:#FFFFFF;
			}
			
		
		div#topnavi div.moduletable_menu ul.menu li a, 
		div#topnavi div.moduletable_menu ul.menu li a:link,
		div#topnavi div.moduletable_menu ul.menu li a:visited {
			float:left;
			width:159px;
			height:39px;
			padding: 88px 0 0 0;
			margin: 0;
			display:inline;
			text-align:center;
			color:#FFFFFF;
			font-size:16px;
			font-weight:normal;
			text-decoration:none;
		}
		
		div#topnavi div.moduletable_menu ul.menu li a:hover,
		div#topnavi div.moduletable_menu ul.menu li a:active {
			color:#DDE1FF;
		}
		
		div#topnavi div.moduletable_menu ul.menu li a:first-letter {
			font-size:30px;
		}
		
/* --- Definition Content ---------------------------------- */

div.joomla div.item,
div.joomla div.article {
	padding:0px;
}

div.joomla div.last div.item {
	padding:0;
	margin:0;
	width:348px;
}

div.joomla div.item p,
div.joomla div.article p {
	padding:6px 10px 10px 10px;
	margin:0;
	line-height:18px;
	background-color:#FFF;
}

div.joomla div.last div.item p {
	padding:0px;
	margin:0px;
}

div.joomla div.item div.headline h1.title,
div.joomla div.article div.headline h1.title,
div#p-container div.p-all-title,
div#p-container div.p-category-title {
	width:687px;
	height:42px;
	display:block;
	padding: 22px 10px 0 10px;
	margin: 0 0 2px 0;
	color:#FFFFFF;
	font-size:30px;
	font-weight:normal;
	letter-spacing:normal;
	background-color:#21699c;
	letter-spacing:normal;
	line-height:normal;
}

div.joomla div.multicolumns div.item {
	margin:0 0 0 2px;
}

/* --- Definition Footer ---------------------------------- */

div.joomla div.article div.spalte {
	width:707px;
	height:auto;
	display:block;
	clear:both;
	padding:10px 0;
}
	div.joomla div.article div.spalte div.link {
		float:left;
		display:inline;
		width:230px;
		height:auto;
		display:block;
		margin: 0 10px;
	}
	div.joomla div.article div.spalte div.rechts {
		float:left;
		display:inline;
		width:445px;
		height:auto;
		display:block;
		margin: 0 10px 0 0;
	}


/* --- Definition Footer ---------------------------------- */

div#footer {
	height: 33px;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 5;
	color:#666666;
	background-color:#21699c;
	font-size:11px;
	text-align:left;
	border-top:2px solid #FFFFFF;
	bottom:0px;
	background-image:
}

div#footer p {
	margin: 2px 0 0 265px;
	padding: 0;
	width:720px;
	display:block;
	color:#FFFFFF;
	line-height:14px;
}

div#footer a {
	color:#FFFFFF;
}

/*----------------- Portfolio --------------------------------------*/

div#p-container div.componentheading {
	height:0px;
	margin:0;
	padding:0;
}

table.p-all-table,
table.p-all-item-table tbody {
	padding:0;
	margin:0;
}

tr.p-all-item-tr {
	padding:0;
	margin:0;
}

td.p-all-item-td-left {
	padding:0;
	margin:0;
}

td.p-all-item-td-right {
	padding:0;
	margin:0;
}





/* --- FORMULAR ---------------------------------- */

input, select {
	float:left;
	display:inline;
	display:block;
	width:150px;
	border: 1px solid #999999;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom:6px;
	padding:1px;
}
textarea {
	float:left;
	display:inline;
	display:block;
	width:474px;
	border: 1px solid #999999;
	background:#F4F4F4;
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	margin-bottom:13px;
	padding:1px;
}