/* import der content.css für schriftformatierungen */
@import url(content.css);

/* import der thumbnailviewer.css */
@import url(thumbnailviewer.css);



/* ############################################################################################################ */
/*		da alle html-elemente auf null gesetzt wurden, müssen sie ggf. neu ausgerichtet werden		*/
/* ############################################################################################################ */


/* mit dem element werden alle innen- und außenabstände aller html-elemente auf null gesetzt  */
* 
	{ margin:0; padding:0; }


html 
	{ height:100%;width:100% }


body 
	{ position:relative; background:url(../images/bg.gif) repeat #180000; height:100%;width:100%}


img 
	{ border:0px solid; }


input, textarea, select
	{ background-color:#660000; border:1px #808080 solid; font-family:Verdana; font-weight:normal; color:#d9d9d9; }

select, input 
	{ font-size:0.9em; }

/* da die innen- und außenabstände aller html-elemente auf null gesetzt wurden, muss der inhalt wieder eingerückt werden  */
option 
	{ padding-left:0.4em; }

textarea
	{ height:100px; padding-left:5px; background-color:#660000;}

textarea#mitteilung
	{ width:292px; font-size:11px; background-color:#660000;}

textarea#haftung
	{ width:275px; height:324px; font-size:11px; background-color:#660000;}
	
textarea#agb
	{ width:450px; height:250px; font-size:11px; background-color:#660000;}

.kontakt
	{ float:left; width:160px; }

#minheight
	{
  min-height:550px;
  height:auto !important;
  height:550px;
  width:838px; min-height:350px; padding:57px 0px 145px 0px; 
	}
	
#index 
{ position:relative; left:50%; margin-left:-491px;  width:982px; height:auto !important; /* real browsers */ height:100%; min-height:100%; /* real browsers */
background:url(../images/content-spacer.jpg) repeat-y; }

#footer
{ position:absolute; width:982px; margin-left:-491px; height:135px; bottom:0; /* stick to bottom */ }

#index-info 
{ position:absolute; width:143px; height:auto !important; /* real browsers */ height:100%; min-height:100%; /* real browsers */
background:url(../images/info/design-partner-02.jpg) repeat-y;  top:0px; margin-left:838px; }

#footer-info
{ position:absolute; width:143px; height:34px; bottom:93px; /* stick to bottom */ }

.beitrag
  { margin-left:150px; margin-top:25px;}
  
#navi
{ width:982px; position:absolute; left:50%; top:0; margin-left:-491px; visibility:visible; z-index:2; }

#button
{height:86px; float:left;}

#button2
{height:74px; float:left;}

#platzl
{margin-left:152px; }

#bilder
{width:100px; height:100px; float:left; margin:4px 6px 0px 0px}

#bilder2
{width:100px; height:100px; float:left; margin:4px 0px 0px 0px}

#bilder-oben
{width:100px; height:100px; float:left; margin:0px 6px 0px 0px}

#bilder-oben2
{width:100px; height:100px; float:left; margin:0px 0px 0px 0px}

img.groesse
	{width:205px; height:145px; border:1px solid ; border-color:#000000;  }
	
img.leer
	{width:100px; height:100px; border:1px solid ; border-color:#000000;  }
.pic_box
	{ float:left; padding:3px; text-align:center; }