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

* { margin:0px; padding:0px; }
img { border:0px; }

body { font-family:'trebuchet ms'; font-size:12px; }

a:link, a:visited { color:#db4f1e; }
a:hover, a:active { }

h1,h2,h3 { color:#666666; padding:8px 0px; }
p { padding:8px 0px; }
h1 { font-size:18px; }
h2 { font-size:16px; }
h3 { font-size:14px; }

li { margin-left:20px; }


/* HEADER */

#top { height:76px; width:100%; background-image:url(img/grey.jpg); background-position:center; background-repeat:repeat; border-bottom:1px solid #ccc; }
#header { width:976px; margin:0px auto; }
#logo { width:148px; height:48px; background-image:url(img/logo.jpg); display:block; position:absolute; margin-top:12px; margin-left:0px; }

/* FLAGS */

#flags { width:80px; position:absolute; margin-top:26px; margin-left:220px; }
#flags a:link, #flags a:visited { width:16px; height:11px; display:inline; float:left; margin-right:4px; margin-top:8px; }
#flags a:hover, #flags a:active { }
.cz { background-image:url(img/cz.jpg); }
.de { background-image:url(img/de.jpg); }
.en { background-image:url(img/en.jpg); }
.ho { background-image:url(img/ho.jpg); }

/* TOPNAV */

#topnav { position:absolute; margin-top:23px; margin-left:350px; }
#topnav a:link, #topnav a:visited { height:30px; line-height:30px; background-image:url(img/orangebt.jpg); color:white; text-decoration:none; float:left; display:inline; margin-left:5px; text-align:center; }
#topnav a:hover, #topnav a:active { background-position:right; }
#search { width:250px; height:30px; position:absolute; margin-top:30px; margin-left:750px; }

/* PAGE */

#page { width:976px; margin:0px auto; }

/* CONTENT */

/* MENU */

#menu li { list-style:none; margin:0px; }
#menu ul li a:link, #menu ul li a:visited { text-decoration:none; height:30px; line-height:30px;  width:190px; display:block; padding-left:10px; background-image:url(img/grey.jpg); margin-top:1px; }
#menu ul li ul { padding:16px 0px; }
#menu ul li a.current:link, #menu ul li a.current:visited { background-image:url(img/orange.jpg); color:white;  }
#menu ul li ul li a:link, #menu ul li ul li a:visited { background-image:none; color:#db4f1e; width:170px; line-height:20px; height:20px; }


/* NAV */

#nav { margin-top:20px; height:42px; }
#nav a:link, #nav a:visited { width:122px;  height:26px; background-image:url(img/hradba.jpg); background-position:right; float:left; display:inline; color:#dd5224; text-decoration:none; text-align:center; padding-top:16px; }
#nav a:hover, #nav a:active { background-position:center; color:white; }
#nav a.current:link, #nav a.current:visited { background-position:left; color:white; }

#pagehead { height:100px; background-image:url(img/orange.jpg); background-repeat:repeat; color:white; }
#pagehead h1 { position:absolute; margin-top:20px; margin-left:20px; font-weight:normal; letter-spacing:1px; color:white; padding:0px; }
#pagehead p { position:absolute; margin-top:55px; margin-left:20px; padding:0px; }
#pageheadfotos { position:absolute; margin-left:706px; margin-top:0px; width:270px; height:50px; }

#pageheadfotos a:link, #pageheadfotos a:visited { width:50px; height:50px; margin-left:12px; margin-top:25px; display:inline; float:left; background-position:50% 50%; }
#pageheadfotos a:hover, #pageheadfotos a:active { background-position:45% 45%; }

/* MAIN */

#main { padding:20px 0px; }

#col1, #col2, #col3 { width:324px; border-right:1px solid #ccc; float:left; display:inline; margin:20px 0px; }
#col3 { border-right:none; }
#inner1, #inner2, #inner3 { padding:0px 15px; }
#inner3 { border:0px; }

#menu { width:214px; float:left; display:inline; }
#col2of2 { margin-left:20px; width:742px; float:left; display:inline; }
#right { width:214px; margin-left:20px; float:left; display:inline; }
#col2of3 { margin-left:20px; width:498px; float:left; display:inline; }

/* PAGE */

#pageFotos { margin-top:20px; }
#pageFotos a:link, #pageFotos a:visited { display:inline; float:left; width:130px; height:100px; margin-right:15px; margin-bottom:15px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #db4f1e; }

/* PAGE LIST */

#pageList { margin-top:20px; }
#pageSubList li, .pageSubList li { margin-left:20px; }
#pageSubList ul, .pageSubList ul { margin:20px; }
.pageListBox { height:110px; }
.pageListThumb a:link, .pageListThumb a:visited { display:inline; float:left; width:120px; height:90px; margin-right:20px; background-position:50% 50%; background-repeat:no-repeat; border:1px solid #db4f1e; }
.pageListText { display:inline; width:550px; float:left; overflow:auto; height:90px; }
.pageListText h3 { margin-bottom:10px; }

/* FOOTER */

#footer { width:976px; margin:0px auto; border-top:1px solid #ccc; height:99px; }
#logoic a:link, #logoic a:visited { width:176px; height:59px; display:block; position:absolute; margin-top:20px; background-image:url(img/infologo.jpg); }
#adresaic { position:absolute; width:270px; margin-top:14px; line-height:14px; margin-left:200px; border-right:1px solid #ccc; }
#eulogo { width:161px; height:48px; background-image:url(img/eulogo.jpg); display:block; position:absolute; margin-top:20px; margin-left:500px; }
#eutext { position:absolute; margin-top:40px; margin-left:680px; }

#bot { height:76px; width:100%; background-image:url(img/grey.jpg); background-position:center; background-repeat:repeat; border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
#botinner { line-height:76px; margin:0px auto; width:976px; text-align:center; }

/* CLEARFIX */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */