/* ++++++++++ STYLESHEET DONAT-VERLAG.DE / PYRAMEDIA 2007 / TIM GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%; 
  font-family:"Trebuchet MS",sans-serif;
		font-size:12px;
  color:#666666;
 }
	
body
 {
  background:#FFFFFF url(../_images/hintergrund.gif);	
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
		position:relative;
		width:740px;
	 margin:auto;
	}

#kopf
 {
	 width:740px;
		height:47px;
		margin-top:23px;
		background:url(../_images/donat-logo.gif) no-repeat;
	}
	
#suche
 {
	 position:relative;
		left:523px;
		top:0px;
		width:220px;
		font-size:11px;
		font-weight:bold;
 }
	
.suchfeld
 {
	 width:142px;
		height:18px;
	 font-family:"Trebuchet MS",sans-serif;
		font-size:10px;
		font-weight:normal;
		padding:0px;
		border:1px solid #C8C8C8;
		vertical-align:middle;		
	}
	
.suchbutton
 {
		height:20px;
	 font-family:"Trebuchet MS",sans-serif;		
		font-weight:bold;
		font-size:10px;
		text-align:center;
		border:1px solid #C8C8C8;		
		background:#FFFFFF;
		vertical-align:middle;
	}
	
.sucheradio
 {
	 vertical-align:middle;
		border:0px;
	}
	
#warenkorb
 {
	 position:absolute;
		top:55px;
		left:15px;
		width:702px;
		text-align:right;
	}	

#container-inhalt
 {
	 width:740px;
		padding-top:29px;
		background:#FFFFFF;
	}	
	
#navigation
 {
	 width:720px;
		height:22px;
		margin-left:10px;
		margin-right:10px;
		/*padding-left:13px;*/
		padding-top:3px;
		font-size:14px;
		text-align:center;
		color:#FFFFFF;
		background:#666666;	
	}
	
#navigation a
 {
	 color:#FFFFFF;
		text-decoration:none;
	}

#navigation a:hover
 {
	 color:#B5B5B5;
	}
	
#inhalt
 {
	 padding-left:20px;
		padding-top:26px;
		padding-bottom:20px;
		overflow:auto;
	}

#container-teaser
 {
  float:left;
		width:235px;
		line-height:14px;
	}
	
#container-teaser a
 {
	 color:#FFFFFF;
	}

#container-teaser a:hover
 {
  text-decoration:none;
	}
	
.kategorie 
 {
  list-style-type:none;
		margin-left:-15px;
		margin-top:-10px; 
	}
	
.kategorie li 
 {
  width:199px;
  padding:5px 0 5px 15px;
		border-bottom:1px solid #FFFFFF;
  background:#657DB4;
  display:block;
 }

.kategorie li a
 {
  text-decoration:none;
	}

.kategorie li:hover
 {
  background:#B5B5B5;
	}
	
li.aktiv
 {
	 background:#B5B5B5;
	}
	
.teaser-kopf
 {
  width:199px;
  height:21px;
		padding-left:15px;
		padding-top:4px;
		font-weight:bold;
		color:#FFFFFF;
		border-bottom:1px solid #FFFFFF;
	 background:#B5B5B5;
	}
	
.teaser-box
 {
  width:184px;
		padding-left:15px;		
		padding-top:10px;
		padding-right:15px;
		padding-bottom:8px;
		margin-bottom:25px;
		color:#FFFFFF;
	 background:#657DB4;
	}
	
.teaser-box h2
 {
	 font-size:12px;
		line-height:16px;
		margin:0 0 5px 0;
	}
	
.teaser-box p
 {
	 line-height:16px;
		margin-bottom:20px;
	}

.teaser-box a
 {
	 text-decoration:none;
	}
	
.teaser-bild
 {
  width:214px;
		margin-bottom:22px;
	}

#text
 {
	 float:left;
		width:305px;
		text-align:left;
	}
	
#text-breit
 {
	 float:left;
		width:450px;
		text-align:left;
	}
	
#text-kategorie
 {
	 float:left;
		width:450px;
		text-align:left;
	}

#text-kategorie h1
 {
		font-family:Georgia,serif;
		font-size:24px;
		font-weight:normal;
		text-align:left;		
		color:#657DB4;
		margin-top:15px;
		margin-bottom:20px;	
	}

#text-kategorie h2
 {
	 font-size:14px;
		text-align:left;
		margin-top:0px;
		margin-bottom:5px;
	}
	
#text-kategorie h2 a
 {
	 text-decoration:none;
	}	
	
#text-kategorie h3
 {
	 font-size:12px;
		font-weight:normal
	}
	
#text-kategorie h3 a
 {
	 text-decoration:none;
	}
	
#text-kategorie p
 {
	 margin-bottom:20px;
	}
	
#bild
 {
	 float:right;
		width:180px;
		padding-top:40px;
		text-align:center;
	}
	
#fuss
 {
	 clear:both;
		margin-top:5px;
		margin-right:10px;
		color:#657DB4;		
		text-align:right;
	}

#fuss a
 {
		font-size:10px;
		color:#657DB4;
		text-decoration:none;
	}
	
#fuss a:hover
 {
	 text-decoration:underline;
	}
	
#tabelle-kontaktformular
 {
	 width:400px;
	}
	
#tabelle-kontaktformular td
 {
  padding:2px;
	}
	
#popup
 {
	 margin-left:15px;
		margin-right:15px;
		padding:15px;
		background:#FFFFFF;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-family:Georgia,serif;
		font-size:24px;
		font-weight:normal;
		text-align:left;		
		color:#657DB4;
		margin-top:15px;
		margin-bottom:20px;
	}
	
h2
 {
	 font-size:14px;
		margin-top:25px;
		margin-bottom:8px;
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  line-height:18px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:11px;
	line-height:14px;
	}
	
a
 {
	 color:#657DB4;
	}
	
a:hover
 {
  text-decoration:none;
	}
	
ul
 {
	 list-style-type:none;
		margin-left:12px;
	}
	
input
 {
		height:18px;
	 font-family:"Trebuchet MS",sans-serif;
		font-size:11px;
		padding:1px;
		border:1px solid #C8C8C8;
		vertical-align:middle;		
	}	
	
textarea
 {
	 width:220px;
		height:150px;
		font-family:"Trebuchet MS",sans-serif;
		font-size:11px;
		padding:1px;
		border:1px solid #C8C8C8;
		vertical-align:middle;		
	}	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */