BODY        	{ BACKGROUND: #333333 url('/img/bg.gif') 0px 0px repeat-y; BORDER: 0px;
                  MARGIN:0px; MARGIN-LEFT:373px; PADDING:0px; text-align:left;
            	  COLOR: #eee; FONT-FAMILY: Verdana; font-size:12px; }

A 	        	{ COLOR: #eee; TEXT-DECORATION: none; }
A:hover     	{ COLOR: #fff; TEXT-DECORATION: underline;  }

H1          	{  }
H2          	{ FONT-SIZE: 110%; FONT-WEIGHT: bold; margin-top:10px; MARGIN-BOTTOM: 10px;  }
H3          	{ FONT-SIZE: 100%; FONT-WEIGHT: bold; MARGIN:5px 0px; }
H4          	{ FONT-SIZE: 80%;  FONT-WEIGHT: bold; MARGIN:5px 15px 5px 0px; }
H5          	{ FONT-SIZE: 110%; FONT-WEIGHT: bold; COLOR:#9485B1; MARGIN:0px 15px 5px 0px; }
IMG         	{ BORDER: 0px; MARGIN: 0px; }

TEXTAREA, INPUT, SELECT, OPTION {MARGIN: 1px; PADDING: 1px; BACKGROUND: white; BORDER: 1px solid #AAAAAA; COLOR: #111111; FONT-SIZE: 11px; HEIGHT:20px; }
INPUT       	                { height:16px;border:1px solid #555555; line-height:18px; height:20px;  }
SELECT      	                { height:18px;  }
OPTION      	                { height:16px; border: 0px solid white; margin:0px; }
TABLE       	                { MARGIN: 0px; PADDING: 0px; Border-collapse:collapse; border-spacing:0px; FONT-FAMILY: Verdana; FONT-SIZE: 100%    ! important  }
TD          	                { MARGIN: 0px; BORDER: 0px solid black; PADDING: 0px; line-height:20px; height:20px; vertical-align:top; }
FORM        	                { DISPLAY: inline; LINE-HEIGHT:16px; }
P           	                { display:block; text-align:left; Text-indent:0px; margin: 5px 0px 0px 0px; }
UL LI			                    { list-style: square outside url(/img/li.gif); padding:0px; margin:0px; line-height:20px; }
UL UL			                    { margin:0px;padding-left:0px; }

#sipka			                  { display:block; position:absolute; top:100px; left:300px; }
#leftnavidiv	                { display:block; position:absolute; top:66px; left:28px; width:250px; color: #333; }
#leftnavidiv UL LI		        { list-style: square outside url(); }
#leftnavidiv A			          { color: #0c0; }
#leftnavidiv A:hover	        { color: #0c0; }
#leftnavidiv .label		        { display:block; float:left; margin-top:5px; }
#leftnavidiv INPUT		        { display:block; margin-left:55px; margin-top:5px; width:125px; }
#leftnavidiv INPUT.submit	    { display:block; float:right; position:relative; top:-26px; width:60px; height:20px; }
#toplangdiv 	                { position:absolute; left:0px; top:0px; font-size:16px; padding-left:10px; line-height:20px; color:black; }
#topnavidiv 	                { position:absolute; right:0px; top:0px; font-size:10px; padding-right:10px; }
#topnavidiv IMG               { position:relative; top:2px; margin:0px 4px; }
#logoa			                  { display:block;margin-top:15px; margin-bottom:10px; }
UL#menu 		                  { padding:0px; margin:0px; }
UL#menu	LI		                { font-weight:bold; font-size:11px; padding:0px; list-style:none; margin:0px; display:inline; }
UL#menu	LI A                  { padding-left:20px;    background:transparent url(/img/m_home.gif) 8px 4px no-repeat; }
UL#menu	LI A:hover		        { text-decoration:none; background:transparent url(/img/m_home.gif) 8px 3px no-repeat; }
UL#menu	LI A#home		          { color:#ff0000; background-image:url(/img/m_home.gif); }
UL#menu	LI A#webdesign	      { color:#ff6600; background-image:url(/img/m_webdesign.gif); }
UL#menu	LI A#galerie	        { color:#ffde00; background-image:url(/img/m_galerie.gif); }
UL#menu	LI A#nipax		        { color:#00cc00; background-image:url(/img/m_nipax.gif); }
UL#menu	LI A#csc		          { color:#00a2ff; background-image:url(/img/m_csc.gif); }
UL#menu	LI A:hover#home			  { color:#ff0000; background-image:url(/img/m_home_h.gif); }
UL#menu	LI A:hover#webdesign  { color:#ff6600; background-image:url(/img/m_webdesign_h.gif); }
UL#menu	LI A:hover#galerie	  { color:#ffde00; background-image:url(/img/m_galerie_h.gif); }
UL#menu	LI A:hover#nipax		  { color:#00cc00; background-image:url(/img/m_nipax_h.gif); }
UL#menu	LI A:hover#csc			  { color:#00a2ff; background-image:url(/img/m_csc_h.gif); }
DIV#about		                  { margin-top:0px; padding-right:20px; width:330px; position:absolute; }
DIV#sites		                  { margin-top:0px; margin-left:20px; width:280px; position:relative; left:320px; padding-top:1px; }
DIV#sites UL	                  { margin-left:30px; }
#hosted			                  { display:block; width:240px; text-align:center; margin-top:40px; font-size:10px; }
IMG.vr			                  { height:450px;  width:30px;  float:left; background: transparent url(/img/vr.gif) top left repeat-y;  }
#leftnavidiv A.closehref      	  { float:right;  margin:3px; color:black; text-decoration:none; position:relative; left:5px; }
#leftnavidiv UL UL			      { margin:0px; padding-left:20px; }
div.main						  { margin:0px; padding-top:20px; }
div.main button					  { border:1px solid #555555; background-color:#aaaaaa; width:120px; height:20px; }
DIV#mailpasswddiv,DIV#autoreplydiv,DIV#mailwhitelistdiv	{ display:none; }


DIV#mailpasswddiv	{ display:none; position:absolute; top:100px; left:300px; padding:0px 20px;
					  width:308px; border:1px solid #000000; background-color:#CCCCCC; color:#333;}
DIV#autoreplydiv	{ display:none; position:absolute; top:0px; width:375px; margin:100px auto; padding:0px 20px;
					  border:1px solid #000000; background-color:#CCCCCC; }
DIV#mailpasswddiv TD { text-align:left; }
DIV#autoreplydiv TD  { vertical-align:top; text-align:left; }
DIV#autoreplydiv TD input { margin:0px; }


@media screen and (max-device-width: 480px) and (orientation: portrait){
	BODY		{ font-size:16px; }
 	DIV#about	{ margin-top:20px; padding-right:20px; width:330px; position:static; }
	DIV#sites	{ margin-top:20px; margin-left:0px; width:280px; padding-top:1px; position:static; left:0px; }
	IMG.vr		{ display:none; }
}