/*	---------------------------------------------------------------------------------------
		
	---------------------------------------------------------------------------------------	*/

/*	---------------------------------------------------------------------------------------
	Imports layout (not for old browsers)
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/

@import "layout.css";

/*	---------------------------------------------------------------------------------------
	Default styles
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

body { text-align: center; font: 75%/1.5 sans-serif; color: #566d74; background: #fff; }
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
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#main { text-align: left; background: url('../images/headlines.jpg') left top no-repeat; }

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

#header { background: #fff url('../images/header.gif') left bottom repeat-x; }
#logo a { font-size: 200%; color: #1b2022; }
#logo span { background: url('../images/logo11.jpg') left top no-repeat; }
#menu li a { text-transform: uppercase; text-decoration: none; color: #45565a; background: url('../images/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: #e44b01 url('../images/menu_a_active.gif') right top repeat-x; }

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

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

#offer h2 { font-size: 110%; }
#offer {
	color: #9CB3B9;
	background-color: #1c2122;
}
#offer li { background: url('../images/offer_item.png') 25px top no-repeat; }
#offer li a span.reklama { background: url('../images/reklama.png') left top no-repeat; }
#offer li a span.tisk { background: url('../images/tisk.png') left top no-repeat; }
#offer li a span.gravirovani { background: url('../images/gravirovani.png') left top no-repeat; }
#offer li a span.predmety { background: url('../images/predmety.png') left top no-repeat; }
#offer li a { text-transform: uppercase; color: #fff; }

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

#maincontent { color: #000; background-color: #fff; }
#maincontent a { color: #fe5c11; 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: #fe5c11; }
h4, #sub h2 { font-size: 180%; color: #fe5c11; }
.ir span.kontakt { background: url('../images/kontakt_s.png') left top no-repeat; }
.ir span.aktualne { background: url('../images/aktualne.png') left top no-repeat; }
.ir span.projekt { background: url('../images/projekt.png') 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('../images/li.gif') left 5px no-repeat; }
#content h3 { text-transform: uppercase; }

/*	News --------------------------------------------------------------------------------*/

.news-item h3 { font-size: 100%; background-color: #c5d4d8; }
.news-item p.info { text-transform: lowercase; font-weight: bold; }

/*	Project -----------------------------------------------------------------------------*/

#main .project .image { text-align: center; background: url('../images/project_image.png') center bottom no-repeat; }
.project .image img { vertical-align: middle; }
.project .info { background-color: #edf2f3; }
.project .info li { font-size: 90%; }
.project .info li.first { text-transform: uppercase; }
.project .info li strong { text-transform: none; }
.plus { font-size: 80%; }
.plus span { background: url('../images/plus.gif') left top no-repeat; }

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

#footer { background: #dce5e7 url('../images/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
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.novinky #main , .portfolio #main, .sluzby #main { background: url('../images/headlines_sub.jpg') left top no-repeat; }

.novinky #main #headlines h1 span { background: url('http://www.kompakt.cz/images/novinky.png') top left no-repeat; }
#sub #headlines p { color: #3e3e3e; }

#sub #maincontent { background: #fff url('../images/maincontent.gif') top left repeat-x; }
#search {color: #fff; background-color: #1c2122; }
#search label { text-transform: uppercase; font-size: 90%; }
#search input { color: #fff; background-color: #32393a; }
#submenu { background: url('../images/column.png') right 1px no-repeat; }
div[class] #submenu { background-position: right top; }
#submenu li { background: url('http://www.kompakt.cz/images/column_li.gif') 2px center no-repeat; font-weight: bold; color: #fe5c11; }
#submenu li a { text-decoration: none; color: #333; }
#submenu li a:hover , #submenu li a:focus , #submenu li.active a { color: #fe5c11; }

#content-head { font-size: 120%; background: url('../images/h_sub.gif') left bottom repeat-x; }
#content-head .out { font-size: 105%; color: #fe5c11; }
#content-head .out a { text-transform: uppercase; font-size: 70%; color: #333; }
#sub .news-item h3 { font-size: 150%; font-weight: normal; color: #fe5c11; background-color: #fff; }
#sub .news-item p a { font-weight: bold; }
#sub .news-item h2 { text-transform: uppercase; font-size: 100%; }
#sub .news-item h2 span { text-transform: none; }


/*	---------------------------------------------------------------------------------------
	VISUALS FOR EACH SUBPAGE
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.ospolecnosti #main { background: url('../images/headlines_sub_ospol.jpg') left top no-repeat; }
.novinky #main { background: url('../images/headlines_sub_novinky.jpg') left top no-repeat; }
.portfolio #main { background: url('../images/headlines_sub_portfolio.jpg') left top no-repeat; }
.sluzby #main { background: url('../images/headlines_sub_sluzby.jpg') left top no-repeat; }
.kontakt #main { background: url('../images/headlines_sub_kontakt.jpg') left top no-repeat; }
.vyhledavani #main { background: url('../images/headlines_sub_search.jpg') left top no-repeat; }


/*	---------------------------------------------------------------------------------------
	PAGE ABOUT COMPANY
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/


.ospolecnosti #main #headlines h1 span { background: url('../images/o_spolecnosti.png') top left no-repeat; }

.ospolecnosti #content-head { background: none; }
.ospolecnosti #content p.first { font-size: 120%; color: #47808f; }
.ospolecnosti #content h3, .col h3 { font-size: 150%; color: #fe5c11; }

/*	---------------------------------------------------------------------------------------
	PAGE PORTFOLIO
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.portfolio #main #headlines h1 span { background: url('../images/portfolio.png') top left no-repeat; }

.portfolio-item { text-align: center; background: url('../images/portfolio-item.png') top left no-repeat; }
#main .portfolio-item .plus .ir { text-align: left; color: #fff; background-color: #000; }
.portfolio-item .plus span { background: url('../images/portfolio_plus.gif') top left no-repeat; }

/*	---------------------------------------------------------------------------------------
	PAGE CONTACT
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

.kontakt #main #headlines h1 span { background: url('../images/kontakt.png') top left no-repeat; }

.kontakt #maincontent address a { font-weight: bold; }
.col h3 { font-weight: normal; }
.contact label { font-weight: bold; }
.contact dd input , .contact dd textarea { color: #000; background: #fff url('../images/input.gif') top left repeat-x; }
.submit { color: #fff; background: #fe5c11 url('../images/submit.gif') bottom left repeat-x; }

/*	---------------------------------------------------------------------------------------
	PAGE SERVICES
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.sluzby #main #headlines h1 span { background: url('../images/sluzby.png') top left no-repeat; }
.sluzby #content-head { background: none; }
.sluzby #content p.first { font-size: 120%; color: #47808f; }
.sluzby #content p em { font-style: normal; background-color: #dfebed; }
.sluzby #content p.first { font-size: 120%; color: #47808f; }
.sluzby #content h3, .col h3 { font-size: 150%; color: #fe5c11; }

/*	---------------------------------------------------------------------------------------
	PAGE SEARCH
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/
	
.vyhledavani #main #headlines h1 span { background: url('../images/vyhledavani.png') top left no-repeat; }
@media screen {

/* @group Tabellen */

.tab_1 {
	margin: 0;
	padding: 0;
	width: 790px;
}
.tab_1 th {
	background-color: #f0f0f0;
	color: #b0afaf;
	line-height: 20px;
	height: 20px;
	font-size: x-small;
	text-align: left;
	padding-left: 10px;
}
.tab_1 td {
	border-bottom: 1px solid silver;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
}
.tab_1 .ct{
	text-align: center;
	width: 120px;
	padding-left: 0;
}
.tab_1 .blank{
	background-color: white;
}



/* @end */

/* @group basics */

* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	

/*color: #a0a0a0;*/
	color: #9cb3b9;
	line-height: 150%;
	font: 12px 'Lucida Grande', Geneva, Arial, Verdana, sans-serif;
	
}

img{
	border-style: none;
	border-width: 0;
}
/* @end */

/* @group navigation */

#nav_container {
	width: 900px;
	text-align: center;
	margin: 66px 0 0;
	padding: 0;
}

#nav {
	width: 810px;
	font: 120%/normal Verdana, sans-serif;
	margin: 66px auto 0;
	padding: 0;
	letter-spacing: 1px;
}

#nav ul {
	margin: 0;
	list-style: none;
	padding: 10px 10px 0;
}

#nav li {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	background: url("../pix/fix/top_right.gif") no-repeat right top;
	width: 155px;
	height: 37px;
	text-align: center;
}

#nav li:hover {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	background: url("../pix/fix/top_right_on.gif") no-repeat right top;
	width: 155px;
	height: 37px;
	text-align: center;
}

#nav #home:hover {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	background: url("../pix/fix/home_over.jpg") no-repeat right top;
	width: 155px;
	height: 37px;
	text-align: center;
}

#nav #home {
	float: left;
	margin: 0 0 0 3px;
	padding: 0;
	background: url("../pix/fix/home.jpg") no-repeat right top;
	width: 155px;
	height: 37px;
	text-align: center;
}

#nav a {
	display: block;
	background: url("../pix/fix/top_left.gif") no-repeat left top;
	text-decoration: none;
	color: white;
	height: 37px;
	font-weight: bold;
	padding-top: 12px;
}

#nav img {
	margin-top: -4px;
}

#nav a:hover {
	color: white;
	background-image: url("../pix/fix/top_left_on.gif");
	color: white;
}

#nav #current {
	background-image: url("../pix/fix/top_right_on.gif");
	color: white;
}


#nav #current_home {
	color: white;
	background: #7db721 url("../pix/fix/home_over.jpg") no-repeat center center;
}


#nav #current_home a {
	background-image: url("../pix/fix/top_left_on.jpg");
	color: white;
}

#nav #current a {
	background-image: url("../pix/fix/top_left_on.gif");
	color: white;
}
#nav #current a:hover {
	text-decoration: none;
	color: white;
}

#nav_bottom {
	text-decoration: underline;
	line-height: 22px;
	color: white;
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	height: 22px;
	background-color: #7db721;
	vertical-align: middle;
	text-align: center;
}

.preload_pics {
	display: none;
}

/* @group subnavi */

#sub_nav {
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 12px 57px;
	position: relative;
	text-align: left;
	padding: 12px 0 0;
}

#sub_nav_port {
	font-size: 100%;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 12px 57px;
	position: relative;
	text-align: left;
	padding: 12px 0 0;

}

#sub_nav_port ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display: inline;
}

#sub_nav_port  li{
		margin: 0 30px 0 0;
	padding: 0;
	text-align: center;
	display: inline;
}

#sub_nav ul {
	margin: 0;
	list-style: none;
	padding: 0;
	display: inline;
}

#sub_nav li {
	margin: 0 40px 0 0;
	padding: 0;
	text-align: center;
	display: inline;
}

#sub_nav a, #sub_nav_port a {
	padding: 0;
	color: #6c696e;
	text-decoration: none;
	margin: 0;
}

#sub_nav_port a:hover, #sub_nav #current a, #sub_nav_port .current a, #sub_nav .aktiv a {
	color: #7db721;
	text-decoration: none;
}



/* @end */

/* @end */

/* @group Inhalt_Kasten */

/* @group main_text */

/* @group wrapperdings */

.lW { float: left; clear: left; height: 15px; }
.rW { float: right; clear: right; height: 15px; }



/* @end */

#main_text {
	width: 500px;
	position: relative;
	line-height: 140%;
	padding: 0 0 25px;
	margin: 0 0 0 57px;
}

#main_text a {
	color: #6c696e;
}


#main_text_port a.arrow {
background:transparent url("../pix/fix/pfeil_mehr.gif") no-repeat scroll 100% 0.3em;
padding-right:10px;
text-decoration:none;
}

#main_text_start {
	width: 900px;

}

.startpic{
	margin: 0;
	padding: 0;
	width: 239px;
}


#main_text_start table {
	width: 820px;
	margin-left: 57px;
}

#main_text_start td {
	vertical-align: top;
	text-align: left;
	width: 200px;
	padding-right: 14px;
	margin-left: 25px;
}

#main_text_start img {
	margin-bottom: 10px;
}


#main_text h1 {
	text-align: left;
	position: relative;
	color: #7db721;
	font-size: 180%;
	padding-top: 30px;
	font-weight: normal;
	font-style: normal;
	padding-bottom: 15px;
	line-height: 1.2em;
}

#main_text h2 {
	color: black;
	font-size: 110%;
	font-weight: bold;
	line-height: 1.4em;
	padding-bottom: 6px;
}

#main_text_port {
	width: 800px;
	position: relative;
	line-height: 18px;
	padding: 0 0 50px;
	font-size: 12px;
	margin-left: 57px;
	margin-bottom: 50px;
}

#main_text_port_single {
	width: 500px;
	position: relative;
	line-height: 18px;
	padding: 0 0 50px;
	font-size: 12px;
	margin-left: 57px;
	margin-bottom: 50px;
}
#main_text_start a {
	color: #6c696e;
}

a.newslink {
	text-decoration: underline;
	color: orange;
}

.col-links{
	width: 370px;
	float: left;
	margin-bottom: 40px;
}
.col-rechts{
	float: right;
	width: 370px;
	margin-bottom: 40px;
	margin-right: 15px;
}

.col-links a, .col-rechts a {
	color:#0088CC;
}
#main_text_port h2  {
	color: black;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4em;
	padding: 0;
	margin: 20px 0 0;
	float: left;
	clear: left;
}
#main_text_port h2 a {
	color: black;
	text-decoration: none;
}
#main_text_port h2 a:hover {
	text-decoration: underline;
}
#main_text p {
	position: relative;
	margin: 0;
	padding: 0 0 0.6em;
}
.entry{
	margin: 0;
	padding: 0;
	float: left;
	clear: left;
}
.argumente{
		text-align: left;
	margin: 10px 0 0;
	padding: 5px 60px 25px 20px;
	/*background: url(../pix/fix/sidebox_bottom.gif) no-repeat 0 bottom;*/
	font-weight: normal;
	font-style: normal;
}
.argumente li {
	list-style-image: url("../pix/fix/ok.gif");
	list-style-type: none;
	margin-left: 20px;
	padding-bottom: 6px;
}
.bildlinks {
	margin-right: 20px;
	padding-top: 0;
	margin-left: 0;
	margin-bottom: 10px;
}
.bildlinks2 {
	margin-right: 20px;
	padding-top: 20px;
	margin-left: 0;
	margin-bottom: 10px;
}
.bildlinks4 {
	margin-right: 20px;
	padding-top: 10px;
	margin-left: 0;
	margin-bottom: 1px;
}
.bildlinks5 {
	margin-right: 20px;
	padding-top: 1px;
	margin-left: 0;
	margin-bottom: 1px;
	clear: both;
}
.bildlinks6 {
	margin-right: 20px;
	padding-top: 10px;
	margin-left: 0;
	margin-bottom: 20px;
	clear: both;
}
.bildzentriert {
	text-align: center;
	margin: 0 0 15px 25px;
}
.bildzentriert2 {
	text-align: center;
	margin: 0 0 15px 40px;
}
.bildzentriert3 {
	text-align: center;
	margin: 0 0 5px 35px;
}
#main_text hr {
	background-color: silver;
	height: 1px;
	border-width: 0;
}

/* @group formular */

.icons{
	margin-bottom: 30px;
	margin-right: 6px;
}
.icons2{
	margin-bottom: 10px;
	margin-right: 6px;
}
.icons5{
	margin-bottom: 120px;
	margin-right: 6px;
}
.icons_solo{
	margin-bottom: 0px;
	margin-right: 6px;
}

fieldset#kontakt {
	border: 0;
	padding: 0;
	margin: 20px 0 0;
}

label {
	display: block;
}

input.text,textarea {
	width: 300px;
	padding: 3px;
	margin: 1px 0 10px;
	border: 1px solid #ccc;
	line-height: 120%;
	font-size: 120%;
	color: #7db721;
}
input.submit {
	padding: 2px 5px;
	font: bold 12px/12px verdana,arial,sans-serif;
}

#kontakt_sendebereich {
	float: left;
	margin-top: 20px;
	background: url("../pix/fix/message.gif") no-repeat center top;
	padding-top: 30px;
	padding-right: 25px;
	margin-left: -25px;
	width: 160px;
	text-align: center;
	margin-right: 25px;
	height: 300px;
}
#contactFormArea{
	float: right;
}
#kontakt_sendebereich p {
	text-align: center;
	padding-left: 30px;
	padding-top: 3px;
}
#loadBar img {
	margin-top: 5px;
}

/* @end */

/* @group sidebox */

/* @group search */


#globalsearch {
	width: 163px;
	display: inline;
	float: right;
	margin-right: 40px;
	margin-top: -15px;
}


.prettyplaceholder{
	display: none;
}
 .search-wrapper {
	position:relative;
	width:170px;
}



.search-wrapper input.g-prettysearch {
background:transparent url("../pix/fix/suchfeld_bg.png") repeat-x scroll center top;
border:0px none;
font-family:"Lucida Grande",Geneva,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px 0pt 0pt;
position:absolute;
top:0pt;
width:140px;
	height: 19px;
	left: 20px;
	color: gray;
}

.search-wrapper input.g-prettysearch-saf {
background:transparent url("../pix/fix/suchfeld_bg.png") repeat-x scroll center top;
border:0px none;
font-family:"Lucida Grande",Geneva,Arial,sans-serif;
font-size:11px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding:3px 0pt 0pt;
position:absolute;
top:0pt;
width:165px;
	height: 19px;
	left: 4px;
	color: gray;
}

.search-wrapper .left {
background:transparent url("../pix/fix/suchfeld_links.png") no-repeat scroll left top;
display:block;
height:19px;
left:0pt;
position:absolute;
top:0pt;
width:20px;
}

.search-wrapper .right {
background:transparent url("../pix/fix/suchfeld_rechts.png") no-repeat scroll right top;
display:block;
height:19px;
position:absolute;
right:0pt;
top:0pt;
width:10px;
}


/* @end */

#side_box {
	margin: 35px 10px 0 0;
	width: 250px;
	position: absolute;
	right: 0;
	top: 34px;
	font-size: 90%;
	color: #6c696e;
	padding: 0;
	line-height: 150%;
}

html>body #side_box {
	top: 31px;
}

#nav_port {
	margin: 20px 10px 0 -5px;
	width: 250px;
	position: relative;
	font-size: 90%;
	color: #6c696e;
	padding: 0;
	line-height: 150%;
	float: left;
	display: inline;
}

#side_box em {
	color: #7db721;
	margin-left: 5px;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	font-style: normal;
}

.box a {
	color: #6c696e;
}
.box table{

}
#rss {
	text-decoration: none;
	color: #f28731;
	margin-top: 15px;
}
.box a.download {
	color: #6c696e;
	background: url("../pix/fix/download.gif") no-repeat 0 2px;
	padding-left: 15px;
}
.box a.zoom {
	color: #6c696e;
	background: url("../pix/fix/zoom.gif") no-repeat 0 2px;
	padding-left: 15px;
}

.box a.popup {
	color: #6c696e;
	background: url("../pix/fix/popup.gif") no-repeat 0 2px;
	padding-left: 15px;
}
.box {
	background: url("../pix/fix/sidebox_top.gif") no-repeat 0 top;
	margin-bottom: 10px;
}

.box h1 {
	font-size: 110%;
	font-weight: bold;
	color: #7db721;
	padding: 15px 0 5px;
	border-bottom: 1px solid #7db721;
	margin: 0 60px 0 20px;
}
.box h2 {
	font-size: 110%;
	font-weight: bold;
	color: #7db721;
	padding: 0 0 5px;
	border-bottom: 1px solid #7db721;
	margin: 0 60px 0 20px;
}



.box p {
	text-align: left;
	margin: 0;
	padding: 5px 60px 25px 20px;
	background: url("../pix/fix/sidebox_bottom.gif") no-repeat 0 bottom;
	font-weight: normal;
	font-style: normal;
}




.box_port a {
	color: #6c696e;
}


.box_port a.download {
	color: #6c696e;
	background: url("../pix/fix/download.gif") no-repeat 0 2px;
	padding-left: 15px;
}
.box_port a.zoom {
	color: #6c696e;
	background: url("../pix/fix/zoom.gif") no-repeat 0 2px;
	padding-left: 15px;
}

.box_port a.popup {
	color: #6c696e;
	background: url("../pix/fix/popup.gif") no-repeat 0 2px;
	padding-left: 15px;
}
.box_port {
	background: url("../pix/fix/sidebox_top.gif") no-repeat 0 top;
	margin-bottom: 10px;
	text-align: left;
}

.box_port ul{
	list-style-type: none;
}

.box_port h1 {
	font-size: 110%;
	font-weight: bold;
	color: #7db721;
	padding: 15px 0 5px;
	border-bottom: 1px solid #7db721;
	margin: 0 60px 0 20px;
	text-align: left;
}
.box_port h2 {
	font-size: 110%;
	font-weight: bold;
	color: #7db721;
	padding: 0 0 5px;
	border-bottom: 1px solid #7db721;
	margin: 0 60px 0 20px;
}



.box_port p {
	text-align: left;
	margin: 0;
	padding: 5px 60px 25px 20px;
	background: url("../pix/fix/sidebox_bottom.gif") no-repeat 0 bottom;
	font-weight: normal;
	font-style: normal;
}

.more-link{
	color: teal;
}
/* @end */

/* @end */

#mood {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	height: 238px;
	margin-bottom: 14px;
	padding: 0;
}

#inhalt {
	font-size: 120%;
	background: white url("../pix/fix/content_top.gif") no-repeat 0 top;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}

#inhalt_bottom {
	width: 900px;
	background: white url("../pix/fix/content_bottom.gif") no-repeat 0 bottom;
	margin: 0;
	border-top: 1px solid silver;
	padding: 0 0 20px;
}
#inhalt_bottom_start {
	width: 900px;
	background: white url("../pix/fix/content_bottom.gif") no-repeat 0 bottom;
	margin: 0;
	border-top: 1px solid silver;
	padding: 20px 0;
}
#inhalt_top {
	width: 900px;
	margin: 0;
}

.bl {
	background: url("../pix/fix/bl.gif") 0 100% no-repeat;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

.br {
	background: url("../pix/fix/br.gif") 100% 100% no-repeat

}

.tl {
	background: url("../pix/fix/tl.gif") 0 0 no-repeat

}

.tr {
	background: url("../pix/fix/tr.gif") 100% 0 no-repeat;
	padding: 0;
	position: relative;
}

.clear {
	clear: none;
	height: 1px;
	margin: 0;
	padding: 0;
}

#inhalt strong {
	display: block;
}

/* @end */

.rss-top{
	position: absolute; 
	padding: 0; 
	border: 0; 
	margin:0; 
	top: 10px; 
	right: 15px;
}

#head_div {
	height: 80px;
	background-color: white;
	line-height: 80px;
	vertical-align: middle;
	text-align: right;
}

#adresse, #adresse a {
	color: #cecece;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	font-size: 0.95em;
	letter-spacing: 1px;
}

#content_div {
	float: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	padding-top: 60px;
}


.rss {
	padding-top: 10px;
	color: #f28731;
}

.rss a {
	text-decoration: none;
	color: #f28731;
	margin-top: 15px;
}

.rss a:hover {
	text-decoration: underline;
}

.rss img {
	vertical-align: middle;
	margin-right: 3px;
}
.fn, .adr, .street-address, .locality, .region, .postal-code, .country-name, .tel{
	display: inline;
}
.org{
	font-weight: bold;
}
.vcard{
}

/* @group Kontakt */

br.clear {
	clear: both;
	font-size: 1px;
	line-height: 1px;
}





.kategorie{
	padding: 0 0 0 4px;
	margin: 0;
	border-bottom: 1px solid #5d5d5d;
	color: #5d5d5d;
	height: 20px;
	border-top: 1px solid white;
	line-height: 20px;
	vertical-align: middle;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid white;
	font-size: 90%;
	
}
.kategorie:hover{
	background-color: silver;
	color: white;
	
}
.accordion {
	width: 170px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
	font: 100% 'Helvetica', sans-serif;
}

h3.toggler {
	width: 165px;
	padding: 0 0 0 4px;
	margin: 0;
	margin-left: 20px;

	border-bottom: 1px solid #5d5d5d;
	color: #5d5d5d;
	height: 20px;
	border-top: 1px solid white;
	line-height: 20px;
	vertical-align: middle;
	border-right: 1px solid #5d5d5d;
	border-left: 1px solid white;
	font-size: 90%;
}
.element{
 	width: 170px;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 20px;
	font: 100% 'Helvetica', sans-serif;
}
h3.toggler a{
 	text-decoration: none;
}
h3.toggler:hover{
	background-color: silver;
	color: white;
}
div#accordion h3 #visible {
	background-color: silver;
	color: white;
}






/* @end */
/* @group portfolio */

.zurueck {
	float: left;
	display: block;
	clear: left;
	margin-bottom: 30px;
}

#alphabet {
	list-style-image: none;
	margin-bottom: 15px;
}
#alphabet li{
	display: inline;
}
#alphabet li a{
	width: 25px;
	height: 15px;
	margin-right: 10px;
}
#alphabet li a:hover{
	text-decoration: underline;
	color: black;
}


.weiter {
	float: right;
	display: block;
	clear: left;
	margin-bottom: 30px;
}
.zurueck a, .weiter a{
	color: #7db721;
	text-decoration: none;
}

.download {
	border: 1px solid silver;
	background-color: #e3e3e3;
	text-align: center;
	padding: 0.4em;
	font-size: 110%;
	width: 350px;
	cursor: pointer;
	color: white;
}
.download:hover {
	border: 1px solid silver;
	background-color: #e3e3e3;
	text-align: center;
	padding: 0.4em;
	font-size: 110%;
	width: 350px;
}
.download a{
	text-decoration: none;
	font-weight: bold;
	color: white;
	font-size: 1.1em;
}
.download:hover a{
	text-decoration: underline;
}
.download img{
	border-width: 0;
	border-style: none;
	vertical-align: middle;
}

#main_text_portfolio {
	width: 875px;
	padding-left: 25px;
}

#stage {
	width: 900px;
	height: 238px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 14px;
	padding: 0;
	position: relative;
	z-index: 1;
}

#stage_test {
	width: 900px;
	height: 400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 14px;
	padding: 0;
	position: relative;
	z-index: 1;
}

#stageramen img {
	vertical-align: bottom;
	margin: 0;
	padding: 0;
	opacity: 0.0;
	filter: alpha(opacity=00);
}

#big {
	margin: 0;
	padding: 0;
	border-style: none;
}

#thumbarea {
	margin-top: 25px;
}

#stagetext {
	position: absolute;
	right: 0;
	bottom: 0;
}

#stagetext img {
	opacity: 1;
	filter: alpha(opacity=100);
}

#load_wait {
	width: 900px;
	height: 400px;
	visibility: hidden;
	z-index: 2;
	text-align: center;
	position: absolute;
	background: white url("../pix/fix/content_bottom.gif") no-repeat 0 bottom;
}

#load_wait img {
	top: 200px;
	position: absolute;
	left: 440px;
}

/* @end */

/* @group oes */

.print_oes_head, .print_oes, .oes, .oes_hinweis {
	display:none;
}


#backnavi a{
color: white;
}

/* @end */

/* @group error */
	#spinnele {
	background: url("../pix/spinnele.png") no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
	width: 172px;
	height: 320px;
}
/* @end */

/* @group buttons */
.clear_button { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}
#sub_nav_port ul{
	list-style-type: none;
}
a.button, li.button {
    background: transparent url("../pix/fix/buttons/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: white 2px 2px 1px;
}




a.button:active, a.button:hover, .aktiv a.button, li.button:hover, li.aktiv   {
    background-position: bottom right;
    color: #FFF;
    outline: none; /* hide dotted outline in Firefox */

}

a.button span, li.button a {
    background: transparent url("../pix/fix/buttons/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration: none;
	color: black;
}


a.button:active span, a.button:hover span, .aktiv a.button span, li.button a:hover, li.aktiv a {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

button.button {
    background: transparent url("../pix/fix/buttons/bg_button_a.gif") no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	border-style: none;
	border-width: 0;
}

button.button span {
    background: transparent url("../pix/fix/buttons/bg_button_span.gif") no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
	text-decoration: none;
}
button.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

button.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

li.categories{
	list-style-type: none;
}
/* @end */

#nav, #sub_nav, .oes, .rss-top, .rss, .icons, .icons1, .icons2, .icons3, .icons4, .icons5, .icons_solo{
	display: none;
}

.print_oes_head{
	display: block;
	background: silver url("../pix/print/logo_fruehjahr.gif") no-repeat left top;
	height: 50px;
	padding: 0;
	width: 100%;
	text-align: left;
	margin: 15mm 0;
}

.print_oes {
	display: block;
	color: gray;
	font-size: 24pt;
	line-height: 1.4em;
	font-weight: normal;
	font-style: normal;
	text-align: left;
}

.oes_hinweis{
	border-top: 1px solid silver;
	vertical-align: -15px;
	color: gray;
	font-style: italic;
	padding-top: 8px;
	font-size: 9pt;
	line-height: 1.2em;
	clear: both;
}
#mood{
	margin-bottom: 30px;
	border-top: 15px solid #7db721;
	border-bottom: 5px solid #eaeaea;
}
#main_text_start img{
	margin-bottom: 30px;
}
#main_text{
	width: 600px;
	float: left;
	margin-bottom: 30px;
}

#side_box{
	width: 200px;
	padding: 15px;
	border: 1px solid #7db721;
	border-top: 15px solid #7db721;
	color: gray;
	float: right;
	margin-top: 20px;
	text-align: left;
}
#side_box h1{
	font-size: 16pt;
	font-weight: bold;
	color: #7db721;
}

#side_box img{
	margin-top: 15px;
}
#main_text h1 {
	text-align: left;
	position: relative;
	color: #7db721;
	font-size: 24pt;
	font-weight: normal;
	font-style: normal;
	line-height: 1.2em;
	
}
#main_text h2 {
	text-align: left;
	position: relative;
	color: #000;
	font-size: 16pt;
	font-weight: bold;
	line-height: 1.2em;
	
}