@import url(inc_common.css);
@import url(inc_csc.css);
@import url(inc_htmlarea.css);
@import url(inc_flashheading.css);

/*
 * Reset
 */
#margin,
#leftcol, #logo, #main, #header, #heading, #flashheader,
#mainnav, #mainnav ul, #mainnav li,
#rightcol, #siteby, #content, #footer, 
#metanav, #metanav ul, #metanav li,
#adresse, #footer, #siteby,
#publish, #publish div, #publish .bookmarks ul, #publish .bookmarks li {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    text-align: left
}

#metanav ul, #mainnav ul, #publish .bookmarks ul {
	list-style-position: outside;
	list-style-type: none;
}


/*
 * Margin
 */
#margin {
	position: relative;
	margin: 0 auto;
	width: 960px;
	text-align: left;
	background: url(../images/back_pattern.png);
}

#main {	
	margin-top: 0px;
	overflow: hidden;
	background: url(../images/page_back.png) no-repeat center top;
}

/*
 * Columns
 */

#leftcol {
	float: left;
	display: inline;
	width: 300px;
}

#rightcol {
	width: 620px;
	overflow: hidden;
	padding: 5px 0 0 7px;
}

/*
 * Logo
 */

#logo {
	margin: 14px 0px 0px 69px;
	border: 0; 
}


/*
 * Hauptnavigation
 */

#mainnav {
	margin: 51px 0 0 26px;
}

#mainnav img {
	border: 0;
}

#mainnav li {
	height: 20px;
}

/*
 * Metanavigation
 */

#metanav {
	position: relative;
	color: #ccc;
	overflow: hidden;
	height: 26px;
	margin-bottom: 9px;
}

#metanav ul {
	position: absolute;
	right: 50px;
	bottom: 0;
	text-transform: lowercase;
}

#metanav li {
	display: inline;
    float: left;
	font-size: 10px;
}

#metanav li a {
	color: #265871;
    text-decoration: none;
    padding: 0px;
}

#metanav li.blog a {
	color:#ee5f00;
	font-weight:bold; 
}

#metanav li.twitter a {
	color:#00c8ff;
	font-weight:bold; 
}

#metanav li.facebook a {
	color:#365f91;
	font-weight:bold; 
}

#metanav li.xing a {
	color:#00b050;
	font-weight:bold; 
}

#metanav li.googleplus a {
	color:#ff0000;
	font-weight:bold; 
}


#metanav li a:hover, #metanav li.act a {
    text-decoration: underline;
}

/*
 * Header
 */

#header {
	position: relative;
	height: 190px;
	width: 620px;
	background: #999999;
}

#headerback {
	position: absolute;
	left: 118px;
	bottom: 20px;
	width: 83px;
	height: 85px;
	background: url(../images/back_header.png) no-repeat;
}

#flashheader {
	position: absolute;
	top: 0;
	right: 0;
	height: 180px;
	width: 400px;
}

#heading {
	position: absolute;
	left: 20px;
	bottom: 20px;
}

#heading h1 { margin: 0; }

/*
 * Content
 */

#content {
	margin-top: 10px;
	width: 561px;
	padding: 30px 30px 40px 29px;
	/*background: url(../images/back_content.png) no-repeat left top;*/
	min-height: 380px;
	height: auto ! important;
	height: 380px;
	/*overflow: hidden;*/
}


/*
 * Footer
 */

#footer {
	color: #333333;
	font-size: 11px;
	margin-bottom: 20px;	
	overflow: hidden;
	clear: both;
}

#siteby {
	float: left;
	width: 202px;
	padding: 8px 0px 0 78px;
	color: #ccc;
}
#siteby a { text-decoration: none; color: #ccc; }
#siteby a:hover { text-decoration: underline; }


#adresse {
	border-top: 2px solid black;
	width: 601px;
	height: 62px;
	margin-left: 307px;
	padding: 13px 0 0 19px;
	background: url(../images/back_footer.png) repeat-x;
}
#adresse .inneraddress {
	float: left;
	width: 300px;
}

#publish {
	float: right;
	padding: 0px 19px 0  0;
}
#publish .publishtext {
	font-weight: bold;
	background: url(../images/back_klammer.png) no-repeat right center;
	padding: 18px 23px 22px 0;
	float: left;
}
#publish .publish-right {
	/*width: 167px;*/
	margin-left: 9px;
	margin-top: 4px;
	float: right;
}
#publish .publish-right .outerbookmarks {
	margin-top: 10px;
	/*width: 167px;*/
	height: 25px;
}

/*
 * GoogleMap
 */ 
.poi-image {
    margin-top: 0.5em;
}

#resultdiv {
    margin-top: 1em;
}

#resultdiv ul, .maptop ul.pde {
    margin: 0;
    padding: 0;
	list-style-position: outside;
	list-style-type: none;
	padding: 0.5em 0;
	overflow: hidden;
}

#resultdiv li, .maptop ul.pde li {
    margin: 0;
    padding: 0;
    width: 175px;
    float: left;    
    margin-right: 5px;
}

.maptop ul.pde li .pre {float: left; display: inline; margin-right: 5px; }
.maptop ul.pde li .pre img { vertical-align: text-top; }
.maptop ul.pde li .post { float: left; overflow: hidden; width: 135px; }

.se-info {
	overflow: hidden;
	padding: 1em;
	background: #f2f2f2;
	font-size: 0.8em;
	margin-top: 2em;
}

.se-info  h4 {
	font-size: 12px;
	margin-top: 0;
	padding-top: 0;
}