@charset "utf-8";
/* CSS Document */


/* ===================================
Stylesheet der "pici-design"
  

Datei: geruest.css 
Datum: 10. Oktober 2011
Autor: Patricia Otte

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles 
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */

* {
	margin: 	0;
	padding: 	0;
}


p, h1, h2, h3, h4{
	padding:10px;
}

h1{
	color:#9a0000;
	font-size:105%;
}

h2{
	color:#9a0000;
	font-size:95%;
}

h3{
	color:#9a0000;
	font-size:80%;
}

h4{
	color:#ff9900;
	font-size:80%;
}

p{
	font-size: 80%;
	color:#9a0000;
}


ol ul { 
margin-bottom: 0; 
} 

li { 
margin-left: 3em;
 }    





  /* ==================================
   2. Allgemeine Styles 
   =============================== */   


body { 
	margin: 0;
	padding: 0;
	border: 0;
	overflow: hidden;
	height: 100%; 
	max-height: 100%; 
	
	font: 9pt Verdana, Arial, Helvetica, sans-serif;
	scrollbar-arrow-color: #ff6600; 
 	scrollbar-face-color: #CC0000; 
 	scrollbar-base-color: #CC0000;
 	scrollbar-3d-light-color: #ffffff; 
 	scrollbar-darkshadow-color: #CC0000; 
 	scrollbar-highlight-color: #CC0000;
	scrollbar-shadow-color: #CC0000; 
	scrollbar-track-color: #ffffff; 
	
}

/* =============  Navigation waagerecht  ======== */ 


#navlist li
{
display: inline;
list-style-type: none;
padding-right: 43px;
margin-left:0;
padding-left:0;
}



/* =============  LINKS  ======== */ 

a { 
  text-decoration: none; 
  outline: none; 
font-size:80%;
} 

a:link { color: #990000; } 
a:visited { color: #990000; } 

a:hover, 
a:focus { 
  border-bottom: none; /*untere rahmen bereich weg*/
  color: #ff6633;

} 
a:active { 
  background-color: #ffffff; 
  color: #ff6633; 
 
}  

/* =============  ROLLOVER  ======== */ 
 



 





	

   /* ==================================
   3. Styles für Layoutbereiche 
   =============================== */  
   
     /* =============  Linker durchgehender Balken ======== */
	 
	 
	 
	 #framecontentLeft, #framecontentRight{
position: absolute; 
top: 0; 
left: 0; 
width: 258px; /*Width of left frame div*/
height: 100%;
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}


  /* =============  Rechter durchgehender Balken ======== */
  
  
  
  
  #framecontentRight{
left: auto;
right: 0; 
width: 200px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}


 /* =============  Oberer  Balken ( oben dazwischen Balken)======== */


#framecontentTop, #framecontentBottom{
position: absolute;
top: 0; 
left: 258px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
width: auto;
height: 72px; /*Height of top frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: white;
color: black;
}


 /* ============= LOGO Balken Unterer  Balken ( unten dazwischen Balken)======== */

#framecontentLogo{
position: absolute;

top: auto;
height: 160px; /*Height of bottom frame div*/
width: 238px;
left: 258px;
background-color: white;
bottom: 0;
}


  
  
#framecontentBottom{
top: auto;
height: 160px; /*Height of bottom frame div*/
left: 496px;
bottom: 0;
background: white;
}





 /* ============= Conten-Bereich (Rechteck in der Mitte hier nichtgenutzt)======== */
 
 
 #maincontent{
position: fixed; 
top: 72px; /*Set top value to HeightOfTopFrameDiv*/
bottom: 160px; /*Set bottom value to HeightOfBottomFrameDiv*/
left: 496px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
overflow: auto; 
background: #ffffff;
padding: 15px;

}





 /* ============= Rechtes Bild in der Mitte (content ist mit 3 Bildern gefüllt auf Startseite) ======== */
 

#framecontentpicture{
position: absolute;
top: 72px;
height: 494px; /*Height of bottom frame div*/
width: 238px;
left: 258px;
overflow: auto;
background-color: white;
color: black;
}

 /* ============= Mitte Bild in der Mitte (content ist mit 3 Bildern gefüllt auf Startseite) ======== */
 
 #framecontentfiguren{
position: absolute;
top: 72px;
height: 494px; /*Height of bottom frame div*/
width: 246px;
left: 496px;
overflow: auto;
background-color: white;
color: black;
}



 /* ============= Rechtes Bild in der Mitte (content ist mit 3 Bildern gefüllt auf Startseite) ======== */
 
 #framecontentgeschenke{
position: absolute;
top: 72px;
height: 494px; /*Height of bottom frame div*/
width: 250px;
left: 740px;
overflow: auto;
background-color: white;
color: black;
}



 /* ============= geschriebener Inhalt der DIVS ======== */
.innertube{
margin: 0px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 72px 200px 160px 160 258px 238px 246px 250px; /*Set value to (HeightOfTopFrameDiv WidthOfRightFrameDiv HeightOfBottomFrameDiv WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}

* html #framecontentTop, * html #framecontentBottom{ /*IE6 hack*/
width: 100%;
}

   
   
  
 
   
   
   
	
	
	


   
   /* ==================================
   4. Sonstige Styles 
   =============================== */   
   
   
    /* ============= Formulare ======== */
   
   
   
   
option,textarea,checkbox,selectbox  {font-family:zurich,arial,helvetica,sans-serif; font-size:11px; color:#000000; }
checkbox                            {width:20px; background-color:#ffffff;}
textarea                            {scrollbar-track-color: #fdf6d9; background-color:#fdf6d9}
textarea.text                       {height:240px}
textarea.presse                     {width:240px}
textarea.callme			    {width:465px}
textarea.smstext                    {width:194px}
textarea.smseingabe                 {width:225px}

input               {font-family:zurich,arial,helvetica,sans-serif; font-size:11px; }
input.names	    	{width:100px}
input.standart      {width:200px}
input.fireball      {width:240px}
input.thema         {width:148px}
input.aendern       {width:169px}
input.ersatz	    {width:159px}
input.kunde	    	{width:158px}
input.mail          {width:150px}
input.plz           {width:40px}
input.ort           {width:107px}
input.vorwahl       {width:72px}
input.telefon       {width:85px}
input.klein         {width:30px}
input.strasse       {width:130px}
input.nummer        {width:27px}
input.passwort      {width:145px}
input.radio         {width:20px;}
input.logoeditor    {width:87px}
input.logo_fuellen  {width:180px}
input.login	    	{background-color:#FFFFFF; width:124px;}
input.typ  			{width:50px;}

select               {font-family:zurich,arial,helvetica,sans-serif; font-size:11px; background-color:#FFCCCC; }
select.nummernliste  {width:160px}
select.handyvorw      {width:72}
select.schnellsuche   {width:90}