/* ++++++++++ STYLESHEET KATSCHKE-DESIGN.DE / PYRAMEDIA MEDIENGESTALTUNG 2007 / TIM R. GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%; 
		height:100%;
  font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	 line-height:12px;
  color:#030303;
 }
	
body
 {
  background:#FFFFFF;
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#abstand 
 { 
		width:1px;
		height:50%;
		background:none;
		margin-bottom:-299px;
		float:left;
 }
	
#container
 {
		position:relative;
		clear:left;
		width:675px;
		height:598px;
		margin:auto;
  background:url(../_bilder/hintergrund-container.png) no-repeat;
	}
	
#logo
 {
	 position:absolute;
		top:33px;
		left:33px;
	 width:155px;
		height:55px;
	}
	
.claim
 {
		position:absolute;
		top:70px;
		left:523px;
		width:130px;
		font-size:12px;
	}
	
#inhalt
 {
	 position:absolute;
		top:108px;
		left:5px;
	}

#bild
 {
		width:665px;
		height:275px;
	}

#text_links
 {
  float:left;
		width:252px;
		height:130px;
		margin-left:12px;
		margin-top:30px;
		text-align:left;
	}
	
#text_rechts
 {
  float:right;
		width:369px;
		height:130px;
 	margin-top:30px;
		margin-right:17px;
		text-align:left;
	}

#thumbnails
 {
  position:absolute;
		top:412px;
		left:12px;
	}
	
#thumbnails img
 {
	 border:1px solid #CCCCCC;
	} 
	
#claim
 {
	 position:absolute;
		top:563px;
		left:16px;
		font-size:19px;
		color:#525252;
	}
	
#formular
 {
	 position:absolute;
		top:20px;
		left:314px;
  width:265px;
	}

/* ++++++++++ NAVIGATION ++++++++++ */
#navigation_eins
 {
	 position:absolute;
		top:93px;
		left:315px;
		width:345px;
		font-size:10px;
		text-transform:uppercase;
		text-align:right;
		color:#525252;
 }
	
#navigation_eins li
 {
		display:inline
	}
	
#navigation_zwei
 {
	 position:absolute;
		top:388px;
		left:17px;
		font-size:10px;
		text-transform:uppercase;
		color:#525252;
 }
	
#navigation_zwei li
 {
		display:inline
	}
	
#sprachauswahl
 {
		position:absolute;
		top:564px;
		left:494px;
		font-size:10px;
		text-transform:uppercase;
		color:#525252;		
	}
	
#sprachauswahl li
 {
		display:inline;
		margin-right:5px;
	}	
/* ++++++++++ ENDE NAVIGATION ++++++++++ */



/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-family:Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#735028;
		margin-bottom:3px;
	}
	
h2
 {
	 font-family:Tahoma, sans-serif;
		font-size:10px;
		line-height:16px;
		margin-bottom:10px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  line-height:12px;
		margin-bottom:10px;
	}
	
.klein
 {
 font-size:11px;
	line-height:14px;
	}
	
a
 {
  color:#525252;
		text-decoration:none;
	}
	
a:hover
 {
	 color:#735028;
		text-decoration:none;
	}
	
a.aktiv
 {
  color:#735028;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */		
#kontaktform fieldset 
 {
		color:#FFFFFF;
 }

#kontaktform input
 {
  width:150px;
		height:16px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		margin-bottom:5px;
		vertical-align:middle;
 }
	
#kontaktform .input_aktiv
 {
	 background:#58341E;
		color:#FFFFFF;
	}

#kontaktform label 
 {
	 display:block;
		float:left;
		width:80px;
		margin:2px 0;
	}
	
textarea
 {
	 width:230px;
		height:65px;
		font-size:10px;
		font-family:Arial, Helvetica, sans-serif;
		padding:1px;
	}		

#kontaktform p 
 {
  margin-left:4px;
		font-size:9px;
 }
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */