/* CSS Document */

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/
/* Author: 		Gianluca Palmisano 							*/
/* Company: 	Kraftwerk Werbeagentur AG 					*/
/* Date: 		29. Juni 2007				 				*/
/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx 	*/

/* Default colors: */

/* background: 	#19284F				*/
/* green: 		#BEE730				*/
/* blue light:	#4C86DA				*/
/* gray:		#B4B6B8				*/
/* white:		#ffffff				*/


/* Default Styles
============================================================ 
--------------------------------------------------------- */

* {
	margin: 0px;
	padding: 0px;
	
	font-family:Verdana;
}

img {
	border: 0px;
	margin: 0px;
	padding: 0px;
	float:left;
}
img.thumb {
	margin:5px;
}

body {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #020202;
	background: #19284F;
	line-height: 110%;
	text-align:center;
}


/* classes
--------------------------------------------------------- */

/* classes ENDE
--------------------------------------------------------- */



/* TABLE, TD, TR 
--------------------------------------------------------- */
table.container {
	width:auto; height:auto;
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
}
table.content {
	position:absolute; left:150px; top:258px;
	width:600px; min-height:374px; height:auto;

	width:auto; height:auto;
	background-color:#ffffff;
	
	border:1px solid #BEE730;
}
td.content {
	width:756px; min-height:374px; height:auto;
}
table.kontaktform {
	width:360px;
}

td.info {
	width:250px;
	padding-left:10px;
}

table.news {
	width:570px;
	border:0px solid white;
	border-bottom:0px solid #B4B6B8;
	background-color:transparent;
	
	font-size:10px;
}	
table.projekte {
		width:570px;
		border:0px solid gray;
		border-bottom:0px solid #B4B6B8;
		background-color:transparent;

		font-size:10px;
}
td.projekte {
	border:0px solid gray;
}
table.infolinks {
	width:570px;
	border:0px solid white;
	border-bottom:0px solid #B4B6B8;
	background-color:transparent;
	
	font-size:10px;
}
td.infolinks_titel {
	background-color:#eeeeee;
	font-style:bold;
}	
td.infolinks_inhalt {
	width:250px;
}

/* TABLE, TD, TR ENDE
--------------------------------------------------------- */


/* Input  
--------------------------------------------------------- */
input {
		height:18px; width:192px;
		background-color:#fff;
		border:1px solid #19284F;
		color:#4C86DA;
		font-size:10px;
		vertical-align:middle;

	}

input.submit {
			height:18px; width:80px;
			background-color:#fff;
			border:1px solid #19284F;
			color:#4C86DA;
			font-size:10px;
			vertical-align:middle;

		}
textarea {
	height:60px; width:192px;
	background-color:#fff;
	border:1px solid #19284F;
	color:#4C86DA;
	font-size:10px;
}


/* Input ENDE
--------------------------------------------------------- */



/* Paragraph, span, h 
--------------------------------------------------------- */
p.content {
	width:520px;
}

span.left {
	float: left;
	display: block;
	width: 150px;
	padding-right: 20px;
	font-weight: bold;
}

span.right {
	float: left;
	display: block;
	width: 350px;
}

br.clear {
	clear: left;	
}

h2 {
	font-size:12px;
	font-style:bold;
}

/* Paragraph, span ENDE
--------------------------------------------------------- */



/* Listen -> navigation
--------------------------------------------------------- */
ul {
	list-style: none;
	text-align:right;
}

ul.subnavi {
	list-style: none;
	text-align:left;
	float:right;
	line-break: 1px;
}

/* Listen -> navigation ENDE
--------------------------------------------------------- */



/* Link Styles
--------------------------------------------------------- */

a:link, a:visited {
	text-decoration:none;
	
	color:#19284F;
	font-size:10px;
}
a:hover { 
	text-decoration:none;
	
	color:#4C86DA;
	
}
a.ext_link:link, a.ext_link:visited {
	text-decoration:none;
	
	color:#19284F;
	font-size:10px;
}
a.ext_link:hover { 
	text-decoration:none;
	
	color:#4C86DA;
	
}


a.navi:link, a.navi:visited {
	text-decoration:none;
	
	color:#A6E203;
	font-size:12px;
}
a.navi:hover {
	text-decoration:none;
	
	color:#4C86DA;
	
}
a.navi_over:link, a.navi_over:visited {
	text-decoration:none;
	
	color:#4C86DA;
	font-size:12px;
}
a.navi_over:hover {
	text-decoration:none;
	
	color:#4C86DA;
	
}

a.subnavi:link, a.subnavi:visited {
	text-decoration:none;
	
	color:#4C86DA;
	font-size:12px;
}
a.subnavi:hover {
	text-decoration:none;
	
	color:#A6E203;
	
}
a.subnavi_over:link, a.subnavi_over:visited {
	text-decoration:none;
	
	color:#A6E203;
	font-size:12px;
}
a.subnavi_over:hover {
	text-decoration:none;
	
	color:#A6E203;
	
}

a.subnavi2:link, a.subnavi2:visited {
	text-decoration:none;
	
	color:#B4B6B8;
	font-size:12px;
}
a.subnavi2:hover {
	text-decoration:none;
	
	color:#A6E203;
	
}

a.subnavi2_over:link, a.subnavi2_over:visited {
	text-decoration:none;
	
	color:#A6E203;
	font-size:12px;
}
a.subnavi2_over:hover {
	text-decoration:none;
	
	color:#A6E203;
	
}

/* Link Styles ENDE
--------------------------------------------------------- */



/* Containers
--------------------------------------------------------- */
#site {
	position:absolute;  left:50px;
	width:912px; min-height: 675px; 
	
	/* background-color:#19284F; */
	background-color:#19284F;
	
	text-align:left;
	
}

#logo {
	position:absolute; left:0px; top:0px;
	width:130px; height:90px;
	
	background-image:url(../img/mding_logo.gif);
	background-repeat:no-repeat;
}
#navi {
	position:absolute; left:0px; top:90px;
	width:130px; height:148px;
	
	background-color:#19284F; 
	padding-top:18px;

}
#header {
	position:absolute; left:150px; top:0px;
	width:760px; height:90px;
	
	background-image:url(../img/headers/header_mding_01.jpg);
	background-repeat:no-repeat;
	
	border-top:1px solid #BEE730;
	border-left:1px solid #BEE730;
	border-right:1px solid #BEE730;
}
#subnavi {
	position:absolute; left:150px; top:90px;
	width:618px; height:22px;
	
	background-color:#19284F;
	
	padding-top:16px;
	padding-left:15px;
	
	border-top:1px solid #BEE730;
	border-bottom:1px solid #BEE730;
	border-left:1px solid #BEE730;
	border-right:1px solid #BEE730;
	
	color:#4C86DA;
}
#subnavi2 {
	position:absolute; left:150px; top:130px;
	width:600px; height:62px;
	
	background-color:#19284F;
	
	padding-top:16px;
	padding-left:15px;
		
	color:#B4B6B8; 
}
#globalnavi {
	position:absolute; left:768px; top:90px;
	width:143px; height:38px;
	
	background-color:#19284F;
	
	border-top:1px solid #BEE730;
	border-bottom:1px solid #BEE730;
	border-left:0px solid #BEE730;
	border-right:1px solid #BEE730;
}
#titel {
	position:absolute; left:150px; top:192px;
	width:618px; height:20px;
	
/* 	background-color:#19284F; */
	background-color:transparent;
	
	border:0px solid #BEE730;
	border-left:1px solid #19284F;
	
	color:#BEE730;
	font-size:20px;
	
	padding-top:32px;
	padding-left:15px;
	padding-bottom:10px;
	
	border:0px solid red;
}
#colors {
	position:absolute; left:80px; top:257px;
	width:50px; height:162px;
	z-index:1;
	
	border:0px solid #BEE730;
	border-left:0px solid #19284F;
}

#content {
	position:absolute; left:150px; top:258px;
	width:720px; min-height:374px; height:auto;
	
	background-color:#ffffff;
	
	border:1px solid #BEE730;
	
	padding-left:20px;
	padding-right:20px;
	padding-top:14px;
	padding-bottom:14px;
	
	font-size:12px;
	line-height:20px;
	
	color:#19284F;
	
}
* html #content { /* hack IE 6 */
	height:374px;
}


#footer {
	position:absolute; left:-1px; bottom:-20px;
	width:760px; height:15px;
	
	background-color:#19284F;
	
	border:0px solid #BEE730;
	
	padding-left:0px;
	padding-top:0px;
	
	color:#BEE730;
	font-size:10px;
	text-align:left;
	letter-spacing:2px;
	vertical-align:middle;
}
#footer_print {
	visibility:hidden;
	position:absolute; left:0px; bottom:-20px;
	width:760px; height:15px;
	
	background-color:#19284F;
	
	border:0px solid #BEE730;
	
	padding-left:0px;
	padding-top:0px;
	
	color:#BEE730;
	font-size:10px;
	text-align:left;
	letter-spacing:2px;
	vertical-align:middle;
}


#kontaktdaten {
	position:absolute; left:20px; top:54px;
	font-size:10px;
}
#kontaktform {
	position:absolute; left:350px; top:54px;
	font-size:10px;
}
#kontakt_sent {
	position:absolute; left:340px; top:54px;
	width:370px; height:280px;
	
	padding-left:20px;
	padding-top:10px;
	
	background-color:#eeeeee;
}

div.projekte_infos {
	position:relative; left:0px; top:0px;
	width:315px; min-height:60px; height:auto;
	
	border:0px solid red;

}
div.projekte_thumbs {
	position:relative; left:0px; top:0px;
	width:175px; min-height:60px; height:auto;
	
	border:0px solid red;

}
div.projekte_detail {
	position:relative; left:0px; top:40px;
	width:60px; height:20px;
	
	border:0px solid red;
	
}

div#logout {
	position:absolute; right:20px; bottom:15px;
	width:100px;
	height:20px;
	
	border:1px solid #eeeeee;
	text-align:center;
}
div#newstext {
	width: 300px;
	border:1px solid red;
}
div#newsbilder {
	float:left;
	width: 200px;
	border:1px solid green;
}
/* Containers ENDE
--------------------------------------------------------- */