/* Basisvorlage CSS
Modernes Webdesign
www.projektname.de
Start: 00.00.20xx
Letzte Aenderung: 00.00.20xx
*/

/* Farbschema
--------------------------------------------------------------------------------------- */

/*
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
Farbton (Element): #xxxxxx
*/

/* Reset
--------------------------------------------------------------------------------------- */
* {
	padding: 0;
	margin: 0;
	border: 0;
}
/* Globals und Typo 
--------------------------------------------------------------------------------------- */

html {
/* Wahlweise Grid-Hintergrund
Rasterhintergrund, der die Breite bis 100 Pixel und eine Höhe bis 950 Pixel anzeigt. Die Breite von 960 Pixel ist markiert. Der Hintergrund ist transparent, muss also nicht nur mit #fff verwendet werden. Es wird eine Schriftgröße von 75% oder 12px festgelegt.
	background: #fff url(bilder/grid.png) top left no-repeat;
*/	
	background: #fff;
}

body {
/* Wahlweise Linienhintergrund
Linienhintergrund abgestimmt auf eine Schriftgröße von 12px.	
	background: transparent url(bilder/line-height.gif) top left;
	*/	
	background: url(img/bg_mediablix.jpg) repeat-x;
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	font-size: 75%;
}

html>body {
	font-size: 12px;
}

a:link {
	color: #336699;
	text-decoration: none;
}

a:visited {
	color: #336699;
	text-decoration: none;
}

a:hover {
	color:#999;
	/*text-decoration: underline;*/
}

/* Macht die gepunktete Linie um geklickte Links unsichtbar
--------------------------------------------------------------------------------------- */
a:focus {
    outline: none;
}


/* Vertikaler Rhythmus basierend auf 12px Basisgröße für den Fließtext
--------------------------------------------------------------------------------------- */
p {
	font: 1em/1.5em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

h1 {
	font: 1.5em/0.9em Arial, Tahoma, Verdana, sans-serif;
	margin-bottom: 0.9em;
	color: #336699;
}

h2 {
	font: 1.33em/1.13em Arial, Tahoma, Verdana, sans-serif;
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

h3 {
	font: 17px Arial, Tahoma, Verdana, sans-serif;
	/font-size: 14px;
	text-align: center;
	color: #336699;
}

h3 a:link {
	color: #333;
	text-decoration: none;
}

h3 a:visited {
	color: #666;
	text-decoration: none;
}

h3 a:hover {
	color: #999;
	text-decoration: none;
}

h4 {
	font: 17px Arial, Tahoma, Verdana, sans-serif;
	/font-size: 14px;
	text-align: center;
	color: #336699;
}

h5 {
	font: 1em/1.1em Arial, Tahoma, Verdana, sans-serif;
	font-weight: normal;
	text-align: right;
}

/* Bilder und verlinkte Bilder ohne Rahmen 
--------------------------------------------------------------------------------------- */
img, a img {
	border: 0;
}


/* Links- bzw. Rechtsausrichtung für Elemente
--------------------------------------------------------------------------------------- */
.links {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.rechts {
	float: right;
	margin: 0 0 0.5em 0.5em;
}



/* Layoutelemente
Verwenden Sie overflow: hidden; um nötige Foats aufzulösen.
--------------------------------------------------------------------------------------- */
#wrapper {
margin: 0 auto;	
width: 996px;
/*max-width: 100%;*/
/*padding-top: 35px;*/
}

#top_border {
clear: both;
background: url(img/top_border.jpg) no-repeat;
width: 996px;
height: 70px;
}

#header {
clear: both;
background: url(img/header.jpg) no-repeat;
height: 131px;
width: 996px;
}

#header_links {
float: left;
width: 366px;
}

#header_links img {
padding: 10px 0 0 60px;
}

#header_rechts {
float: right;
height: 120px;
width: 570px;
}

#header_rechts_topnavi {
height: 45px;
width: 536px;
}

#navigation {
/*float: left;*/
background: url(img/trenner_navi.jpg) no-repeat center bottom;
padding: 10px 0 13px 5px;
font: 17px Arial, Helvetica, sans-serif;
}

#navigation a:visited{
color: #336699;
text-decoration: none;
}

#navigation a:visited{
color: #336699;
text-decoration: none;
}

#navigation a:hover{
color: #999;
text-decoration: none;
}

* html #navigation {
font-size: 15px;
font-family: Arial;
}

#navigation li {
display:inline;
color: #336699;
padding-left: 12px;
}

#header_rechts_topnavi_sub {
height: 30px;
width: 600px;
padding-top: 5px;
}

#subnavigation {
float: left;
padding-left: 5px;
font: 14px Arial, Helvetica, sans-serif;
}

* html #subnavigation {
font-size: 1.1em;
font-family: Arial;
}

#subnavigation li {
display:inline;
padding-left: 12px;
/padding-left: 8px;
}

#subnavigation a:focus {
color: #ff9900;
}

#subnavigation a:hover {
color: #999;
}

#subnavigation a {
color: #336699;
}

#content {
clear: both;
background: url(img/bg_content.jpg) repeat-y;
width: 996px;
min-height: 350px;
}

#content_links {
float: left;
width: 423px;
background: url(img/schatten_content_links.jpg) top left no-repeat;
padding-top: 10px;
min-height: 350px;
}

#content_links_start {
width: 408px;
/*background: url(img/opener.jpg) bottom left no-repeat;*/
margin-left: 15px;
height: 462px;
/height: 503px;
}

#content_links_unternehmen {
width: 408px;
background: url(img/opener.jpg) bottom left no-repeat;
margin-left: 15px;
height: 478px;
/height: 519px;
}

#content_rechts {	
width: 996px;
/width: 570px;
background: url(img/schatten_content_rechts.jpg) top right no-repeat;
padding-top: 10px;
}

*+html #content_rechts {	
width: 573px;
}

#content_rechts_inner_bg {
width: 570px;

/*margin-top: 10px;*/
margin-left: 423px;
/margin-left:0px;
background: url(img/bg_content_rechts.jpg) repeat-y;
}

#content_rechts_inner_bg2 {
padding: 15px 60px 5px 20px;
background: url(img/bg_content_rechts_top.jpg) no-repeat left top;
}

#content_rechts_inner_bg2 li {
margin-left: 15px;
margin-bottom: 10px;
}

#footer {
clear: both;	
background: url(img/bg_footer.jpg) top no-repeat;
width: 996px;
height: 51px;
margin-left: 1px;
}

#footer_navibox {
float:left;	
margin: 15px 0 0 25px;
}

#footer_navi li {
display:inline;
padding-left: 10px;
}

#footer_navi a {
display:inline;
color: #fff;
padding-right: 10px;
}

/*--------- Bereich für die Contentboxen -----------*/

#content_box1 {	
margin: 5px 50px 0 30px;
height: 46px;
padding: 25px 0px 0px 0px;
background: url(img/bg_box_chart2.jpg) top left no-repeat;
}

#content_box2 {	
margin: 5px 50px 0 30px;
height: 46px;
padding: 25px 0px 0px 0px;
background: url(img/bg_box_chart2.jpg) top left no-repeat;
}

#content_logobox {	
margin: 5px 0 0 30px;
height: 86px;
padding: 10px 22px 0px 0px;
}

#content_logobox img {	
margin:5px 15px 5px 5px;
}

/*Twitter*/
.twtr-profile-widget{
width: 200px;
padding: 0 0 0 10px;
}