/* Standard-CSS für www.jangoecking.com */



/* ---------------------------  alle Tags auf "null"  --------------------------- */
* {
	margin: 0;
	padding: 0;
	font-family: Helvetica, Arial, sans-serif;
	border:none;
}
/* ---------------------------  definieren allgemeiner html Tags  --------------------------- */
a {
	text-decoration:none;
	color: #000;
}
a:link {
	text-decoration: none;
	color: #000;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #999;
}
a:active {
	text-decoration: none;
	color: #FFF;
}
p {
	margin: 0px;
}
body {
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 90%;
	/*background-color:#CCC;*/
	font-family:Arial, Helvetica, sans-serif;
	background-image: url(../material/background_01.png);
}
ul {
	list-style: none;
	margin: 0;
	padding: 0;/*line-height:2em;*/
}
/* ---------------------------  Navigationsüberschrift  --------------------------- */
h1 {
	font-size: 18px;
	line-height:24px;
	text-transform: uppercase;
	font-weight: normal;
}
/* ---------------------------  Projektüberschrift  --------------------------- */
h2 {
	font-size:18px;
	font-weight:normal;
	padding-top:30px;
	text-transform: uppercase;
	float:left;
}
/* ---------------------------  Vita,Skills und Contact Überschriften  --------------------------- */
h3 {
	font-size:13px;
	font-style:italic;
	margin-top:15px;
}
/* ---------------------------  Projektinterne Überschriften  --------------------------- */
h4 {
	font-size:13px;
	font-style:italic;
	margin-top:15px;
}
/* ---------------------------  Projektüberschrift mit Float  --------------------------- */
h5 {
	font-size:18px;
	font-weight:normal;
	padding-top:30px;
	text-transform: uppercase;
	float:left;
}

h6 {
	font-size:14px;
	font-weight:normal;
	padding-top:34px;
	text-transform: uppercase;
	float:left;
	margin-left:10px;
}
/* ---------------------------  umschließendes Element   --------------------------- */

#wrapper {
	width: 940px;
	background-color: #FFF;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	margin-top:50px;
	margin:auto;
	padding-bottom: 10px;
	margin-bottom:50px;
}
/* ---------------------------  Header  --------------------------- */
#header {
	background-color: #FFF;
	height: 150px;
	margin-bottom: 10px;/*margin-top:30px;*//*border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;*/
}
#cwrapper #bild {
	height: 320px;
}
/* ---------------------------  Logo  --------------------------- */
#header img {
	margin-top: 40px;
	margin-left: 5px;
	float:left;
}
/* ---------------------------  Hauptnavigation  --------------------------- */
#header #ul {
	margin-top:40px;
	margin-left:200px;
	float:left;
}
.level_1 {
	float: left;
	width: 180px;
}
.level_1 li {
	text-transform: none;
	line-height: 24px;
	font-size: 12px;
}
/* ---------------------------  Projektüberschriften  --------------------------- */
#subheader {
	background-color: #FFF;
	height: 59px;
	margin-bottom:10px;
	/*border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #666;*/
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666;
}
#subheader2 {
	background-color: #0C3;
	/*border-top-style:solid;
	border-top-width: 1px;
	border-top-color: #666;*/
	margin-left:630px;
	
}


/* --------------------------- Projektnavigation  --------------------------- */
#level_2_div {
	float: right;
	/* [disabled]background-color: #777;
*/
	width: 310px;
	position:relative;
}
.level_2 {
	float: left;
	height: 125px;
	width: 145px;
	margin-left:10px;
	margin-bottom: 10px;
}
.level_2_img {
	cursor:pointer;
	position:absolute;
}
.level_2_text {
	position:absolute;
	margin-top:5px;
	margin-left:5px;
	z-index:100;
	font-size: 14px;
	font-style: italic;
	color: #000;
}
/* ---------------------------  Inhaltscontainer  --------------------------- */
#content {
	width:auto;
	margin-bottom:10px;
	overflow:hidden;
}
/*
#content img {
	display:none;
}*/
/* ---------------------------  Textdefinition Projekte  --------------------------- */
.projekt_text {
	width:620px;
	margin-bottom:50px;
	margin-right: 10px;
	float:right;
	font-size:12px;
	line-height:18px;
}
.projekt_text p {
	margin-top:18px;
}
/* ---------------------------  Textdefinition Vita, Skills, Contact  --------------------------- */
.contact_text {
	width:920px;
	margin-bottom:50px;
	margin-right: 10px;
	margin-left:10px;
	float:right;
	font-size:13px;
	text-align: center;
	line-height:15px;
}
/* ---------------------------  Projektfacts  --------------------------- */
.beschreibung {
	font-size: 12px;
	color: #333;
}
.beschreibung a {
	text-decoration: none;
	font-size: 12px;
	color: #333;
}
.beschreibung a:hover {
	text-decoration: none;
	color: #999;
}

/* ---------------------------  verschiedene Bildergrößen  --------------------------- */
.projekt_bild_large {
	height: 260px;
	width: 620px;
	margin-bottom:10px;
	margin-right: 10px;
	float: right;
	/* [disabled]background-color: #39C;
*/
}
.projekt_bild_left {
	height: 260px;
	width: 305px;
	float:left;
	margin-bottom:10px;
	margin-right: 10px;
	/* [disabled]background-color: #909;
*/
}
.projekt_bild_right {
	height: 260px;
	width: 305px;
	margin-right: 10px;
	margin-bottom:10px;
	float:right;
	/* [disabled]background-color: #3F6;
*/
}
.projekt_bild_long_left {
	height: 530px;
	width: 305px;
	margin-bottom:10px;
	float:left;
	margin-right: 10px;
	/* [disabled]background-color: #03F;
*/
}
.projekt_bild_long_right {
	height: 530px;
	width: 305px;
	float:right;
	margin-bottom:10px;
	margin-right: 10px;
	/* [disabled]background-color: #FC9;
*/
}
/* ---------------------------  Footer  --------------------------- */
#footer {
	/*background-color: #6F6;*/
	height: 40px;
	padding-top:10px;
	clear: both;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	margin-top:10px;
}
#footer p {
	font-size: 12px;
	color: #333;
	margin-left:820px;
	margin-top:10px;
}