@import "layout.css";

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background-color: #9cb4b9; repeat-x; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
address { font-style: normal; }
a:hover , a:focus { text-decoration: none; }
label , table { font-size: 100%; }

/*	---------------------------------------------------------------------------------------
	Layout background: url('../pics/headlines.jpg') left top no-repeat;
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main { text-align: left;  }

/*	---------------------------------------------------------------------------------------
	Header
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#header { background: #fff url('../pics/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../pics/logo.gif') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../pics/menu_a.gif') right center no-repeat; }
#menu li.last a { background: none; }
#menu li a:hover , #menu li a:focus , #menu li.active a { color: #fff; background: url('../pics/menu_a_active.gif') right bottom repeat-x; }

#menumitte li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../pics/menu_a.gif') right center no-repeat; }
#menumitte li.last a { background: none; }
#menumitte li a:hover , #menumitte li a:focus , #menumitte li.active a { color: #fff; background: url('../pics/menu_a_active.gif') right bottom repeat-x; }



#main #headlines h1 { line-height: 1.2; text-transform: uppercase; font-size: 275%; font-weight: bold; color: #333; }
h1 em { text-align: right; text-transform: none; font-weight: normal; font-style: normal; color: #57757b; }
h1 span { background: url('../pics/header_04.jpg') left top no-repeat; }
#main #headlines h2 { text-align: center; font-size: 200%; color: #292929; }
h2 span { background: url('../pics/vime_jak_na_to.jpg') left top no-repeat; }

/*	---------------------------------------------------------------------------------------
	Offer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


/*	---------------------------------------------------------------------------------------
	Content
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #ee0000; background-color: #fff; }
.column , #content { background-color: #fff; }
#content { line-height: 1.7; }
.column address { font-size: 90%; font-weight: bold; }
.column address strong { font-size: 130%; color: #ee0000; }
h4, #sub h2 { font-size: 180%; color: #ee0000; }
.ir span.kontakt { background: url('../pics/headline_kontakt.gif') left top no-repeat; }
.ir span.aktualne { background: url('../pics/headline_aktuell.gif') left top no-repeat; }
.ir span.projekt { background: url('../pics/headline_projekte.gif') left top no-repeat; }
#content em.imp { padding: 4px 2px; font-style: normal; color: #1d3338; background-color: #dcecef; }
#content ul li { list-style: none; margin-bottom: 4px; padding-left: 18px; background: url('../pics/li.gif') left 5px no-repeat; }
#content h3 { text-transform: uppercase; }


/*	---------------------------------------------------------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#footer { background: #dce5e7 url('../pics/footer.gif') left top; }
#footer .copy a { text-decoration: none; }
#footer .copy a:hover , #footer .copy a:focus { text-decoration: underline; }
#footer a { color: #000; }

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


#sub #headlines p { color: #3e3e3e; }

#sub #maincontent { background: #fff url('../pics/maincontent.gif') top left repeat-x; }
#submenu { background: url('../pics/column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('../pics/column_li.gif') 2px center no-repeat; font-weight: bold; color: #ee0000; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #ee0000; }

#content-head { font-size: 120%; background: url('../pics/h_sub.gif') left bottom repeat-x; }
#content-head .out { font-size: 105%; color: #ee0000; }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }