@charset "UTF-8";

/* APM BASIS */

/* global ////////////////////////////////////////////////////////////////////////////////*/

/*ezzel globalisan az öszes blockelem referencia pontjat baloldalt, felülre toltam (0,0), 
felülirva a böngeszök csodalatos beallitasait...
Igy nem lesz lyuk a cimsorok utan sem pl., s en adhatom meg az eltartasokat, ill. a lista nem lesz behuzva stb.
+ minden böngeszöben ugyanugy nez ki!*/
body, p, table, img, h1, h2, h3, h4, h5, h6, blockquote, ol, ul {
margin:0;
padding:0;
}

body {
/*background: #000 url('bg.gif') repeat-x top left;*/
background: #000 url('bg.gif') repeat-x top left;
border:0;
/* font-size: 62,5% -> ezzel az em 10px lesz 16 helyett, könnyebb vele szamolni! */
font-size:62.5%;
line-height:100.1%;
font-family: Verdana, Geneva, sans-serif;
/*text-align:center, es a width:100% azert van itt, hogy az IE 6/7/8 is kegyeskedjen majd a siteWrap-ot közepre zarni*/
width:100%;
text-align:center;
}

hr {
display:none;
}

img {
border:none;
}

#bigpic {
display:none;
}

#siteWrap {
/*background:url(bg_circle.png) no-repeat top right scroll;*/
background:url(bg_circle.png) no-repeat top right scroll;
width:98.5em;
margin:0 auto;
/* ez a masik fele a közepre igazitasnak, a bodyban törtent igazitason kivül, hogy az IE 6/7/8 is ertse */
/*position:relativ;*/
text-align:left;
border:0;
padding:0;
}

/*ez azert van itt, hogy az absolute pozicionalt news szülöje a siteWrap legyen, s ezaltal a news együtt mozogjon a közepreigazitassal - ha ezt nem teszem, a szülö a body lesz (mindig atugrik egyet!)*/
#wrap {
position:relative;
width:100%;
height:100%;
}

#logo {
margin-top:2.6em;
}

#aside {
position:absolute;
top:13em;
right:0;
}

/*a table-cell azert van itt, mert a Safari nem ertelmezi a min-height-et, az IE6,7 meg egyebkent a table-cell-t nem...*/
#news {
background-color:#121212;
border:0.1em dotted #6d727d;
width: 20em;
padding:1em;
min-height:39em;
display:table-cell;
height:39em;
}

/*a table-cell azert van itt, mert a Safari nem ertelmezi a min-height-et, az IE6,7 meg egyebkent a table-cell-t nem...*/
#content {
width:70em;
background-color:#181a1e;
/*background-color:#8f969f;*/
padding:2em;
margin-top:-0.2em;
min-height:34em;
display:table-cell;
height:34em;
}

ul{
list-style:none outside none;
}

h1, h2, h3, p, li, a, a:visited {
font-size:12px;
line-height:1.6em;
color: #6d727d;
/*color:#cbcbcb;*/
}

h1 {
text-transform:uppercase;
color:#aaa;
margin-top:0.4em;
margin-bottom:1.2em;
letter-spacing:0.3px;
}

h2 {
margin-top: 1.2em;
}

h3 {
margin-top: 1.2em;
}

a:hover {
color:#bb3b42;
}

span.rot 
{color:#cc0000;}

/* ----------- Floted img elemek a Büro oldalon ------------- */

div.floatWrap {
	position:relative;
	width: 100%;
	margin-top:33px;
	}
	
img.floatPic {
	float:left;
	width: 339px;
	height:auto;
	margin-right:11px;
	margin-bottom:11px;
	}

/* ----------- NAVY - MAIN ------------- */
ul#nav  {
margin-top:-2.9em;
margin-left:35em;
margin-bottom:1.6em;
padding:0;
}

ul#nav li {
display:inline;
float:left;
}

ul#nav li a{
display: block;
margin-right:0.8em;
background-color:#2c3039;
padding: 0.1em 0.8em 0.3em;
text-decoration:none;
}

/* ----------- SUBNAVY ------------- */

div.subnav  {
margin-top:1.7em;
margin-bottom:0.1em;
padding:0;
}

div.subnav a {
float:left;
display: block;
margin-right:0.8em;
padding-right:0.8em;
text-decoration:none;
border-right:0.1em dotted #6d727d;
color: #6d727d;
}

div.subnav a:hover {
color:#bb3b42;
}

span.subnavtext {
float:left;
font-size:1.2em;
line-height: 1.6em;
color: #6d727d;
}

span.subnavtext2 {
padding-left:3.2em;
float:left;
font-size:1.0em;
line-height: 1.6em;
color: #6d727d;
}

/* ----------- BREADCRUMB ------------- */

#breadcrumb {
margin-top:0.3em;
/*margin-bottom: 0.9em;*/
margin-bottom: 1.9em;
}

#breadcrumb span.leistungen {
font-size: 0.8em;
text-transform:uppercase;
}

#breadcrumb a {
color: #6d727d;
font-size:0.9em;
text-decoration:none;
}

#breadcrumb a:hover {
color:#bb3b42;
}

/*------------ NEWS ---------------- */

#news h1 {
color:#bb3b42;
}

#news ul {
list-style-type:disc;
margin-left:1em;
}

#news li {
margin-bottom:1em;
}

/* ----------- KAY´S Gallerie LINK  */

p.kayslink {
background:url(../css/kay.gif) no-repeat; 
height:53px; 
margin-top:10px; 
padding-top:5px; 
padding-left:60px; 
font-size:1em
}


/* ----------- FOOTER ------------- */
div#foot {
width:80em;
height:10em;
border-top:0.1em dotted #6d727d;
margin-top:3em;
padding-top:1em;
}

div#foot ul {
float:left;
margin-right:6em;
}

div#foot li {
font-size:11px !important;
}

div#foot li.footsub {
margin-left:1.8em;
}

div#foot li a {
color: #7e838e;
font-size:11px !important;
}

div#foot li a:hover {
color:#bb3b42;
}

/* ----------- FORM ------------- */

#formWrap {
width: 60em;
margin-left: 1.2em;
background-color:#2c3039;
padding: 1.6em;
}

#formWrap label {
font-size: 1.2em;
color: #fff;
display:block;
margin-top: 0.3em;
margin-bottom: 0.1em;
}

#formWrap input, #formWrap textarea {
background-color:#ddd;
}

#formWrap p, #formWrap blockquote {
font-size:1.2em;
line-height:1.6em;
color: #6d727d;
}

/* ----------- VIDEO ------------- */

div#video2, div#video3 {
display:none;
}