/* ==========================================
   
PanikFrie.de - Version 1.3
   
(c) 2008 copyright www.serano-media.de

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




/* ================== Standards 08 ================== */
img { border:none; }



/* ================== header ================== */
#header { width:1004px; height:80px; margin:0px auto; border-top:solid 1px #ffffff; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#logo	{ width:200px; height:80px; float:left; border-right:solid 1px #ffffff; }
#banner	{ width:803px; height:80px; float:left; background-image: url(../images/banner.gif); }



/* ================== menue ================== */
#menue	{ width:1004px; height:26px; background-color:#204180; margin:0px auto; border:solid 1px #ffffff; }
#menue a{ color:#ffffff; }
#menue2 { width:1004px; height:40px; margin:0px auto; background-color:#D2DEF3; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#m2_left	{ width:200px; height:40px; float:left; }
#m2_middle	{ width:602px; height:40px; float:left; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff;  }
#m2_right	{ width:200px; height:40px; float:left; }
.menued		
{ width:18px; background-image: url(../images/dotw.gif); }


/* ================== footer ================== */
#footer 	{ width:1004px; height:80px; margin:0px auto; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; }
#f_left		{ width:200px; height:80px; float:left; background-image: url(../images/f_left.jpg); }
#f_middle	{ width:602px; height:80px; float:left; border-left:solid 1px #ffffff; border-right:solid 1px #ffffff; background-image: url(../images/f_middle.jpg); }
#f_right	{ width:200px; height:80px; float:left; background-image: url(../images/f_right.jpg); }





/* ================== Standards ================== */


body		{ background-color:#E3EAFA; margin:0px; padding:0px; color:#204180; font-family:Arial; }

p		{ margin:0px;}

table		{ font-family:Arial; font-size:12px; margin:0px; padding:0px; border:0px; }

table p 	{ margin:0px; }

li		{ margin:2px 40px 2px 0px; padding:0px; list-style-type:square;  }

h1		{ font-family:Verdana; font-size:14px; margin:0px 0px 20px 0px; font-weight:bold; }

h2		{ font-family:Arial; font-size:12px; font-style:normal; font-weight:bold; }

ul { text-align:left; }


/* ================== Links ================== */


a:link       { color: #204180; text-decoration:none; font-weight:bold; }

a:visited    { color: #204180; text-decoration:none; font-weight:bold; }

a:active     { color: #204180; text-decoration:underline; font-weight:bold; }

a:hover      { color: #204180; text-decoration:underline overline; font-weight:bold; }

.menue a:link       { color: #ffffff; text-decoration: none; font-weight:normal; }

.menue a:visited    { color: #ffffff; text-decoration: none; font-weight:normal; }

.menue a:active     { color: #ffffff; text-decoration: underline; font-weight:normal; }

.menue a:hover      { color: #ffffff; text-decoration: underline overline; font-weight:normal; }




/* ================== Content und Text ================== */


#content1
	{ background-color:#FEF3E0; padding:20px 20px; border:1px solid #ffffff; text-align:left; }

#content2
	{ background-color:#F3F6FD; padding:20px; border:1px solid #ffffff; text-align:left; }

.contenta1
	{ background-color:#F3F6FD; padding:20px; }

.contenta2
	{ background-color:#D2DEF3; padding:20px; }

.ub1
		{ font-family:Arial; font-size:18px; text-align:center; margin:30px 0px 60px 0px; font-weight:normal; letter-spacing:4px; }

.ub2		
{ font-family:Arial; font-size:22px; text-align:center; margin:30px 0px 30px 0px; font-weight:normal; font-style:oblique; }

.back		
{ background-color:#ffffff; margin:0px; padding:0px; text-align:top; }
.menue
{ background-color:#204180; float:none; }

.menue2
		{ background-color:#F3F6FD; font-size:14px; align:middle; border-bottom:1px solid #204180; }




/* ================== Farben ================== */



.color1
		{ background-color:#204180; }
.color2
{ background-color:#D2DEF3; }

.color3
		{ background-color:#F3F6FD; }
.color4
{ background-color:#C8DAF2; }

.color5
		{ background-color:#C0D7F9; }
.color6
{ background-color:#ABCDD5; }

.color7
		{ background-color:#ffffff; }
.panikfarbe
{ background-color:#204180; }

.farbe02
	{ background-color:#D2DEF3; height:40px; font-size:14px;}
.farbe01
	{ background-color:#204180; height:26px; font-size:14px; }




/* ================== Tabellen ================== */


.menue
{ background-color:#204180; float:none; }
.menue2
{ background-color:#F3F6FD; font-size:14px; align:middle; border-bottom:1px solid #204180; }







#m1
{ width:200px; height:20px; background-color:#204180; float:left; }

#m2
{ width:800px; height:20px; background-color:#204180; float:right; color:#FFFFFF; }

#le1
{ width:200px; height:60px; background-color:#D2DEF3; }
#le2
{ width:200px; height:520px; background-color:#FFFFFF; }

#mi1
{ width:600px; height:60px; background-color:#D2DEF3; }
#mi2
{ width:600px; height:520px; background-color:#E6EDF9; padding:0px; }

#re1
{ width:200px; height:60px; background-color:#D2DEF3; }
#re2
{ width:200px; height:520px; background-color:#FFFFFF; }

#content
{ width:100%; float:center; padding:0px; }
#content p
{ padding:0px 40px 0px 40px; }

#left
{ width:20%; float:left; background-color:#667788; }

#right
{ width:20%; float:right; background-color:#223344; }

#footer
{ background-color:#ABC6D5; }

#mitte
{ width:600px; background-color:#FEF3E0; padding:20px; border:1px solid #ffffff; }

.abstand20
{ background-color:#F3F6FD; padding:20px; }
.abstand0
{ margin:0px; padding:0px; }

.tabelle
{ background-color:#ffffff; margin:0px; padding:0px; text-align:top; width:1006px; }

#content
{ width:580px; background-color:#F3F6FD; height:20px; border-bottom:1px solid #ffffff; }

#content
{ padding: 0px 40px 0px 40px; }

#content3
{ width:580px; background-color:#F3F6FD; height:20px;; border-top:1px solid #ffffff; }

.border
{ background-color:#F3F6FD; margin:0px; padding:0px; border:1px solid #204180; }

.borderstart
{ background-color:#F3F6FD; margin:0px; padding:10px; border:1px solid #204180; }

#content4
{ width:580px; background-color:#D2DEF3; height:20px; }

#content5
{ width:580px; height:20px; }

.ra
{ background-color:#F3F6FD; border:1px solid #204180; height:30px; }

.rahmen
{ margin:20px; padding:20px; border:1px solid #204180; }

.rahmeninhalt
{ margin:0px; }

.rahmenr
{ margin:0px; padding:0px; border:3px dotted #D2DEF3; }



#top { margin:0px; padding:0px; height:80px; }