/*  =========================================================
lena-strothmann.de  - Relaunch typo3
Datei: styles.css
Media: screen, projection 

Datum: 09. Mai 2007
Autor: Sara Heinen
Web:   http://www.agentur-brandung.de
========================================================== */

/* ===============================

   =1. ALLGEMEINE SELEKTOREN 

=============================== */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #FFFFFF;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ===============================
   =Block-Elemente 
=============================== */

h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 18px 0;
}

h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 0 0 10px 0;
}


h3 {
	width: 158px;
	height: 13px;
	padding: 10px 3px 0 17px;
	margin: 0 0 14px 0;
	font-size: 12px;
	line-height: 13px;
	font-weight: bold;
	color: #FFFFFF;
	background: url(../images/site/h3_bg.gif) top left no-repeat;
}

/*
h3{
	font-size:12px;
	font-weight:bold;
	color:#788999;
	margin: 0 0 14px 0;
}
*/

img {border: none;}

p, 
ul, 
ol {
	margin: 0 0 1em 0;
}

li {
	list-style: none;
}

address {

}

table{
	margin: 0;
	padding: 0;
	border: none;
	font-size: 11px;
	line-height: 15px;
}

/* ===============================
   =Inline-Elemente 
=============================== */

strong {
	font-weight: bold;
}

a {}
a:link {}
a:visited {}
a:hover, a:focus {}
a:active {}

a.site:link{ 		color:#000000; 	text-decoration:none;		font-weight:normal;}
a.site:active{ 		color:#000000; 	text-decoration:none;		font-weight:normal;}
a.site:visited{		color:#000000;	text-decoration:none;		font-weight:normal;}
a.site:hover{ 		color:#FF9900;	text-decoration:none;		font-weight:normal;}

/* ===============================
   =Classen
=============================== */

.left {
	float: left;
}

.right {
	float: right;
}

.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}

.center{
	text-align: center;
}

.grau{
	color: #788999;
}

.orange{
	color: #FF9900;
}

.fontklein{
	font-size: 10px;
}

#content a.linkGrau, a:link.linkGrau, a:visited.linkGrau, a:active.linkGrau{
	text-decoration: none; color: #788999;
}
#content a:hover.linkGrau, a:focus.linkGrau 	{
	text-decoration: none; color: #FF9900;
}

#content a.linkOrange, a:link.linkOrange, a:visited.linkOrange, a:active.linkOrange{
	text-decoration: none; color: #FF9900;
}
#content a:hover.linkOrange, a:focus.linkOrange 	{
	text-decoration: none; color: #000000;
}

#content a.linkBlack, a:link.linkBlack, a:visited.linkBlack, a:active.linkBlack{
	text-decoration: none; color: #000000; font-weight: bold;
}
#content a:hover.linkBlack, a:focus.linkBlack 	{
	text-decoration: none; color: #FF9900; font-weight: bold;
}

.linieVertikal{
	 background: url(../images/site/linie_vert_bg.gif) top right repeat-y;
}

.linieOhneAbstand{
	width: 100%;
	height: 4px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/site/linie_dotted_bg.gif) top left repeat-x;
}

.linieMitAbstand{
	width: 100%;
	height: 4px;
	margin: 13px 0 14px 0;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/site/linie_dotted_bg.gif) top left repeat-x;
}

.linieMitLink{
	width: 100%;
	height: 13px;
	padding: 0 0 3px 0;
	margin: 5px 0 14px 0;
	text-align: right;
	font-size: 11px;
	background: url(../images/site/linie_dotted_bg.gif) bottom left repeat-x;
}

.linieNewsletter{
	width: 100%;
	height: 13px;
	padding: 0 0 3px 0;
	margin: 5px 0 14px 0;
	text-align: left;
	font-size: 11px;
	background: url(../images/site/linie_dotted_bg.gif) bottom left repeat-x;
}

.seitenanfang{
	padding: 0 10px 0 0;
	background: url(../images/site/seitenanfang.gif) top right no-repeat;
}

#content a.seitenanfang, a:link.seitenanfang, a:visited.seitenanfang, a:active.seitenanfang{
	text-decoration: none; color: #788999;
}
#content a:hover.seitenanfang, a:focus.seitenanfang 	{
	text-decoration: none; color: #000000;
}

.weiter{
	padding: 0 14px 0 0;
	background: url(../images/site/weiter.gif) top right no-repeat;
}

#content a.weiter, a:link.weiter, a:visited.weiter, a:active.weiter{
	text-decoration: none; color: #788999;
}
#content a:hover.weiter, a:focus.weiter 	{
	text-decoration: none; color: #000000;
}

.zurueck{
	padding: 0 0 0 12px;
	background: url(../images/site/zurueck.gif) top left no-repeat;
}

#content a.zurueck, a:link.zurueck, a:visited.zurueck, a:active.zurueck{
	text-decoration: none; color: #788999;
}
#content a:hover.zurueck, a:focus.zurueck 	{
	text-decoration: none; color: #000000;
}

.sitemap{
	margin:  0 0 0 20px;
	padding: 0 0 0 9px;
	background: url(../images/site/sitemap.gif) top left no-repeat;
}

#content a.sitemap, a:link.sitemap, a:visited.sitemap, a:active.sitemap{
	text-decoration: none; color: #000000;
}
#content a:hover.sitemap, a:focus.sitemap 	{
	text-decoration: none; color: #FF9900;
}

.linkExtern{
	padding: 0 0 0 12px;
	font-weight: bold;
}

#content a.linkExtern, a:link.linkExtern, a:visited.linkExtern, a:active.linkExtern{
	text-decoration: none; color: #788999; background: url(../images/site/linkExtern_out.gif) top left no-repeat;
}
#content a:hover.linkExtern, a:focus.linkExtern 	{
	text-decoration: none; color: #FF9900; background: url(../images/site/linkExtern_over.gif) top left no-repeat;
}

.spalte{
	float: left;
	width: 203px;
	padding: 0 10px 0 13px;
}

.sreenshotLink{
	margin: 5px 0 0 0;
}

.newsBild{
	float: left;
	margin: 0 12px 0 0;
	padding: 0;
}

.newsLinks{
	padding: 10px 0 0 0;
}

.newsletter{
	width: 340px;
}

/* ========================================

  =2. LAYOUTBEREICHE

========================================= */ 


/* ===============================
   =Wrapper
=============================== */

#centerbox{
	width: 100%;
}

#wrapper {
	width: 900px;
	background: url(../images/site/wrapper_bg.gif) top left repeat-y;
}
/* ===============================
   =Header
=============================== */
#hiddenNav {
	display: none;
}

#header {
	height: 159px;
	background: url(../images/site/header_bg.gif) top left repeat-x;
	text-align: left;
}

	#header h1,
	#header p{
		display: none;
	}
	
#header_pic{
	width: 719px;
	height: 150px;
}
	
.head01{
	background: url(../images/content/headerbilder/head01.jpg) top left no-repeat;
}

#top_orange{
	height: 18px;
	background: url(../images/site/top_bg.gif) top left repeat-x;
}

#portrait{
	margin: 0 1px 0 0;
}

#logolink{
	width: 224px;
	height: 48px;
	padding: 102px 0 0 360px;
}

/* ===============================
   =Metanavigation
=============================== */

#metanavi{
	width: 125px;
	height: 140px;
	padding: 5px;
}

#metanavi ul {
	margin: 0;
}

	#metanavi a {
		color: #788999;
		font-size: 10px;
		text-decoration: none;
	}
	
	#metanavi li.meta a,
	#metanavi li.metaAktiv a {
		width: 100px;
		height: 12px;
		line-height: 12px;
		padding: 0 3px 0 11px;
		display: block;
		text-align: left;
	}

	#metanavi li.meta a {
		background: url(../images/site/meta_out.gif) no-repeat top left;
	}
	#metanavi li.metaAktiv a {
		background: url(../images/site/meta_over.gif) no-repeat top left;
		color: #000000;
	}
	
	#metanavi li.meta a:hover { background: url(../images/site/meta_over.gif) no-repeat top left; color: #000000; }

/* ===============================
   =Content
=============================== */
#container {
	width: 100%;
	float: left;
	text-align: left;
}

#content {
	width: 452px;
	margin: 0 180px 0 180px;
	padding: 19px 44px 19px 44px;
}

	#content p{
		line-height: 15px;
		margin: 0 0 10px 0;
	}
	
	#content a, a:link, a:visited, a:active{text-decoration: none; color: #788999;}
	#content a:hover, a:focus 	{text-decoration: underline; color: #000000;}

/* ===============================
   =Spalten-Layout
=============================== */
#leftColumne {
	float: left;
	width: 180px;
	margin-left: -900px;
}

#rightColumne {
	float: left;
	width: 180px;
	margin-left: -180px;
	padding: 0 0 20px 0;
	text-align: left;
	font-size: 10px;
	color: #FFFFFF;
}

	#rightColumne a, a:link, a:visited, a:active{text-decoration: none; color: #FFFFFF;}
	#rightColumne a:hover, a:focus 	{text-decoration: underline; color: #FFFFFF;}
	
	#rightColumne ul{
		margin: 0;
	}
/* ===============================
   =Content rightColumne
=============================== */

.entryRightColumne{
	width: 162px;
	padding: 0 3px 10px 15px;
	background: url(../images/site/entryRightColumne_bg.gif) bottom left no-repeat;
}

.linkRightColumne{
	padding: 0 0 0 12px;
	background: url(../images/site/linkRightColumne_bg.gif) top left no-repeat;
}

/* ===============================
	 =Navigation
=============================== */
#navi {
	margin: 20px 0 20px 0;
}

#navi ul {
	margin: 0;
}

	#navi a {
		color: #FFFFFF;
		font-size: 12px;
		font-weight: bold;
		text-decoration: none;
	}
	
	#navi li.kat1 a,
	#navi li.kat1Aktiv a {
		width: 160px;
		height: 23px;
		padding: 10px 3px 0 17px;
		display: block;
		text-align: left;
	}

	#navi li.kat1 a {
		background: #788999 url(../images/site/navi_kat1_out.gif) no-repeat top left;
	}
	#navi li.kat1Aktiv a {
		background: #FF9900 url(../images/site/navi_kat1_over.gif) no-repeat top left;
	}
	
	#navi li.kat1 a:hover { background: #FF9900 url(../images/site/navi_kat1_over.gif) no-repeat top left; }
	
	
	#navi li.kat2 a,
	#navi li.kat2Aktiv a {
		width: 149px;
		height: 18px;
		padding: 5px 3px 0 4px;
		margin: 0 0 0 24px;
		display: block;
		text-align: left;
	}

	#navi li.kat2 a {
		background: #788999 url(../images/site/navi_kat2.gif) no-repeat top left;
	}
	#navi li.kat2Aktiv a {
		background: #CAD1D7 url(../images/site/navi_kat2.gif) no-repeat top left;
		color: #788999;
	}
	
	#navi li.kat2 a:hover { background: #CAD1D7 url(../images/site/navi_kat2.gif) no-repeat top left; color: #788999; }

/* ===============================
   =Footer
=============================== */
#footer {
	height: 8px;
	line-height: 1px;
	font-size: 1px;
	background: url(../images/site/footer_bg.gif) top left repeat-x;
}


/* ===============================
   =Content Bildergalerien & Downloads
=============================== */

.galleryThumb{
	width: 64px;
	height: 49px;
	padding: 1px;
	margin: 3px 5px 5px 0;
	border: 1px solid #CAD1D7;
}

.galleryBild{
	width: 95px;
	height: 72px;
	padding: 1px;
	border: 1px solid #CAD1D7;
	margin: 0 5px 0 5px;;
}

.download{
	margin: 5px 0 3px 0;
}

/* ===============================
   =Tabellen
=============================== */
	
.td-0{
	width: 250px;
	height: 20px;
	font-weight: bold;
	color: #778899;
}

.jahr{
	width: 95px;
	vertical-align: top;
	font-weight: bold;
}

/* ===============================
   =Formulare
=============================== */

input{
	width: 196px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

input.str {
	width: 164px;
	margin: 0 3px 5px 0;
}

input.nr {
	width: 25px;
}

input.plz {
	width: 55px;
	margin: 0 3px 5px 0;
}

input.ort {
	width: 134px;
}

input.btn {
	width: 90px;
	margin: 10px 0 0 0;
}

select{
	width: 200px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea{
	width: 197px;
	height: 100px;
	margin: 0 0 5px 0;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.formtext{
	float: left;
	width: 200px;
	line-height: 18px;
	margin: 0 0 0 10px;
}

.formtextNewsl{
	float: left;
	width: 60px;
	line-height: 18px;
}

#bilder img {
width:180px;
}
#bilder p img {
width:0px;
}