/* 
	MultimediaConcpet Mairböck 
   	screen.css
   	Copyright Siegfried Mairböck 2007
*/


@media screen, projection {
	html,body{
	  margin:0; /*** Do NOT set anything other than a left margin for the page as this will break the design ***/
	  padding:0;
	  border:0;
	}
	
	body { 
		background-color: #ddddbb; 
		margin: 8px 0 20px 0; 
		font-family: Georgia, "Times New Roman", Times, serif; 
		color: #444455;
		font-size: 85%; 
	
	}
	
	body.front {
		background-color: #000022;
		background-image: url(../images/header-hg.jpg);
		background-repeat: repeat-x;
	}
	
	p {
		line-height: 1.5em;
		margin-bottom: 12px;
	}
	
	p.klein, div.klein {
		font-size: 80%;
		line-height: 1.6em;
	}
	

	h1,h2,h3,h4,h5 { 
		margin-top: 0px;
		font-weight: bold;
		color: #2275aa;
	}
	h1 { 
		clear: both;
		font-size: 23px;
		margin-bottom: 12px;
		border-bottom: 0px dotted #bfbfbf;
		letter-spacing: -0px;
	}
	h3 {
		clear: both;
		font-size 18px;
		margin-bottom: 8px;
	}

	a { 
		color: #2275aa;
		text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}
	
	
	.front a {
		color: #5D75B3;
	}

	ul.links { 
		margin: 0 0 0 17px; 
		padding: 0; 
		padding-bottom: 18px; 
	}
	ul.links li { 
		margin: 0 0 0 0px; 
		padding: 0; 
		line-height: 18px; 
		list-style-type: square; 
		font-size: 100%;
	}




	#main {
		margin: 10px auto;
		background-color: #f8f8e8;
	}
	.front #main {
		margin-top: 60px;
		background-color: inherit;
		color: #99a;
	}
	.front h1 { 
		clear: both;
		color: #5D75B3;
		font-size: 36px;
		margin-bottom: 18px;
	}
	.front h3 {
		color: #5D75B3;
	}
	
	
	#header {
		height: 100px;
		background-color: #ccc;
		background-image: url(../images/header-hg.jpg);
		background-repeat: repeat-x;
	}
	#header-inhalt {
		width: 770px;
		text-align: left;
		height: 100px;
		margin: 0 auto;
	}
	#header-inhalt a img { border: 0; }
	#footer {
		border-top: 0px solid #000;
		background-color: #777;
		background-image: url(../images/footer-hg.jpg);
		background-repeat: repeat-x;
	}
	#footer-inhalt {
		width: 770px;
		text-align: left;
		margin: 0 auto;
		padding-top: 20px;
		padding-bottom: 40px;
		color: #f0f0f0;
		font-size: 75%;
	}
	#footer-inhalt a {
		color: #fff;
	}
	.front #footer {
		background-color: inherit;
		background-image: none;
		border-top: 1px dotted #444;
		margin-top: 60px;
	}
	.front #footer-inhalt {
		width: 770px;
		text-align: left;
		margin: 0 auto;
		padding-top: 16px;
		padding-bottom: 40px;
		padding-left: 20px;
		color: #778;
		font-size: 75%;
		background-image: url(../images/header-hg.jpg);
		background-repeat: repeat-x;
	}
	.front #footer-inhalt a {
		color: #5D75B3;
	}
	
	#header-after {
		height: 24px;
		background-image: url(../images/content-hg.jpg);
		background-repeat: repeat-x;
	}

	#container{
		text-align: left;
		overflow:hidden;
		width: 770px;
		margin: 0px auto 24px auto;
	}
	
	#spalte-links{
		margin-top: 0px;
		width: 530px;
		border-right: 0px dotted #bfbfbf;
		margin-right: -0px; /* Hat tip to Ryan Brill */
		float:left;
	}
	#spalte-links-inhalt {
		margin: 0px 12px 0px 0px;
	}
	
	#spalte-rechts{
		width: 240px;
		float:left;
	}
	
	
	#spalte-rechts-inhalt {
		margin: 0 0 0 12px;
		font-size: 80%;
	}
		
	.finale {
		color: #6ab3e1;
		color: #2275aa;
		display: inline;
		margin-left: 0px;
	}
	
	.foto500 {
		margin-bottom: 0px;
		background-image: url(../images/foto-hg.jpg);
		background-repeat: repeat-x;
		width: 500px;
		border: 1px solid #445;
		padding: 5px;
	}
	.foto-gross {
		background-color: #fff;
		width: 270px;
		border: 1px solid #ddd;
		float: left;
		padding: 5px;
		margin-right: 12px;
		margin-bottom: 0px;
	}
	
	.fotobu500 { 
		background-image: url(../simages/schatten510e.jpg);
		background-repeat: no-repeat;
		padding: 12px 0px 8px 2px; 
		font-size: 75%; 
		line-height: 1.4em;
		margin-bottom: 12px; 
		font-weight: bold; 
		width: 508px;
		border-bottom: 1px dotted #444;
	}
	
	.foto216 {
		margin-bottom: 0px;
		background-image: url(../images/foto-hg.jpg);
		background-repeat: repeat-x;
		width: 216px;
		border: 1px solid #334;
		padding: 5px;
	}
	.fotobu216 { 
		background-repeat: repeat-x;
		padding: 12px 0px 8px 2px; 
		font-size: 90%; 
		line-height: 1.4em;
		margin-bottom: 12px; 
		font-weight: bold; 
		width: 226px;
		border-bottom: 1px dotted #444;
	}
	

div.imagelist {
	clear: both;
	
	padding: 12px 0;
	border-top: 1px dotted #d0d0b0;
}

.imagelist-abbildung {
	float: left;
	width: 124px;
	margin-right: 12px;
	padding-bottom: 11px;
	background-image: url(../images/schatten114.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	margin-bottom: 4px;
}
.imagelist .imagelist-foto {
	border: 1px solid #d0d0b0;
}
.imagelist .imagelist-foto img {
	border: 4px solid #fff;
	width: 114px;
}
.imagelist .imagelist-name {
	float: left;
	width: 380px;
	margin-bottom: 8px;
}
.imagelist .imagelist-name h4 {
	margin-top: 0;
	margin-bottom: 4px;
	font-style: italic;
}
.imagelist .imagelist-name p {
	font-size: 80%;
	line-height: 1.6em;
	margin-bottom: 4px;
	margin-top: 0px;
}



#spalte-rechts .imagelist .imagelist-name {
	float: none;
	width: inherit;
	margin-bottom: 8px;
}
#spalte-rechts .imagelist {
	border-top: 0;
}
#spalte-rechts .imagelist .imagelist-name p {
	font-size: 100%;
	line-height: 1.6em;
	margin-bottom: 4px;
	margin-top: 0px;
}



	.clearboth { clear: both; }
	.skip { margin-bottom: 0; position: absolute; left: -999em; width: 999em; }
	
	.caption { float: right; width: 320px; font-family: georgia; font-size: .9em; font-style: italic; color: #787878; margin: 0 -10px 15px 15px; position: relative; }
	.caption  img { margin: 0 auto; }
	.caption  p { padding: 0 10px 0 15px; }
	
	/*
	 * "How To Clear Floats Without Structural Markup" -
	 * http://www.positioniseverything.net/easyclearing.html
	 */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	.clearfix 		{ display: inline-block; }  
	
	/* Holly Hack Targets IE Win only \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End Holly Hack */	



  form {
    background-image: url(../images/form-top.jpg);
    background-repeat: repeat-x;
	padding-top: 12px;
	background-color: #112;
    color: #889;
    margin-bottom: 30px;
  }
  .inputzeile {
    clear: both;
    border-bottom: 1px dotted #445;
    padding: 6px 0;
  }
  
  .inputsubmit {
    background-image: url(../images/form-bottom.jpg);
  	background-repeat: repeat-x;
  	background-position: bottom;
    padding-top: 6px;
  	padding-bottom: 14px;
  }
  
  label {
    display: block;
    float: left;
    padding-top: 2px;
    width: 150px;
    padding-right: 16px;
    text-align: right;
  }
  textarea,
  input[type=text] {
    border: 1px solid #556;
		background-color: #002;
    background-image: url(../images/header-hg.jpg);
		background-repeat: repeat-x;
		color: #fff;
		font-family: "Trebuchet MS",arial,sans-serif;
		font-size: 13px;
		padding: 1px 4px;
		width: 320px;
  }

  input[type=reset],
  input[type=submit] {
    border: 1px solid #fff;
		background-image: url(../images/schatten510e.jpg);
		background-repeat: repeat-x;
		color: #445;
		font-family: arial,"Trebuchet MS",arial,sans-serif;
		letter-spacing: 0px;
		font-size: 11px;
		font-weight: bold;
		padding: 1px 4px;
		margin-right: 8px;
  }

	.fehler {
		color: #d00;
	}
	
	
	.sitelinks ul {
		margin: 0; 
		padding: 0;
		list-style: none;
		border-bottom: 1px dotted #556;
	}
	
	.sitelinks ul li {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	.sitelinks ul li a {
		padding: 2px 8px;
		border-top: 1px dotted #556;
		display: block;
	}
	.sitelinks ul li a:hover {
		color: #aab;
	    background-image: url(../images/header-hg.jpg);
		background-repeat: repeat-x;
		text-decoration: none;
		font-weight: bold;
	}
	
}

@media print {
	.skip  { display: none !important; }
}