/*--------------------------------------------------------------
				Eric Meyer Reset
---------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*--------------------------------------------------------------
				Main
---------------------------------------------------------------*/


html {
	height: 100%;
	margin-bottom:1px;
}
body {
	background: #e1e1e1;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:22px;
	height:100%;
	color: #555555;
}
h1 {
	color:#454545;
	font-size:18px;
	padding: 0 0 5px 0;

	font-weight:normal;
}
h2 {
	color:#454545;
	font-size:16px;
	padding: 0 0 5px 0;
	font-weight:normal;
}

h3 {
	color:#64a2d3;
	font-size:14px;
	padding: 0 0 5px 0;
	font-weight:bold;
}
.clear {
	clear:both;
	height:0px;
}
/*--------------------------------------------------------------
				WRAP
---------------------------------------------------------------*/

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
}
/*--------------------------------------------------------------
				HEADER
---------------------------------------------------------------*/

#headerwrap {
	margin: 0 auto;
}
#header {
	width: 830px;
	height: 202px;
	margin: 0 auto;

}

#header_left{
width:196px;
float:left;
background:url(../images/header_bg_left.gif) no-repeat top;
height:202px;
position:relative;
}

#header_left img{
position:absolute;
bottom:0px;
}

#header_right{
width:634px;
float:right;
height:202px;
}

#header_right #header_image{
height:170px;
width: 610px;
}

#mainmenu {
	margin-left: 0px;
	height: 32px;
	width:594px;
	background:#64a2d3 url(../images/mainmenu_schatten.gif) right top no-repeat;
	padding-left: 40px;
}
#mainmenu ul {
	margin: 0;
	padding: 0;
}
#mainmenu li {
	color:#fff;
	font-size:12px;
	font-weight: bold;
	line-height:32px;
	display: inline;
}

#mainmenu a {
	padding: 0 10px 0 10px;
	font-size:12px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	line-height:32px;
	}
#mainmenu a:hover {
	color: #fff;
	text-decoration:underline;
}
#mainmenu li a.current {
	color: #fff;
	text-decoration:underline;
}
/*--------------------------------------------------------------
				CONTENT
---------------------------------------------------------------*/

#content {
	width: 830px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
height:100%;
}
#page {
	width: 830px;
	margin: 0 auto;
}
#left_column {
	float:left;
	width: 190px;
	background:url(../images/left_column_bg.jpg) no-repeat top #eff6fb;
	min-height:645px;
}

#left_column #news{
padding: 85px 20px 0 20px;
}

#left_column #news h3{
display:block;
border-bottom: 1px solid #64a2d3;
padding-bottom: 0px;
margin-bottom:5px;
}

#left_column #news h4{
display:block;
font-size:12px;
color: #FF3300;
line-height: 14px;
}

#left_column #news p{
font-size:11px;
line-height:14px;
font-weight:normal;
}


#submenu {
	float: left;
	width: 180px;
	margin: 60px 0 0 50px;
}
#submenu ul {
	margin-bottom: 60px;
	padding-left: 0px;
	list-style: none;
}
#submenu li {
	list-style-type: none;
	margin-left: 0px;
	padding:0px;
}
#submenu a {
	padding: 4px 0 0 10px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #403e3e;
	text-transform: uppercase;
	display: block;
	height: 24px;
}
#submenu a:hover {
	color: #ab1b16;
	background:url(../images/current.gif) center left no-repeat;
}
#submenu li.current a {
	color: #ab1b16;
	background:url(../images/current.gif) center left no-repeat;
}

#right_column {
	float:left;
	background: #fff;
	width: 634px;
	background:url(../images/content_schatten.jpg) no-repeat top left #fff;
	min-height:700px;
	height:auto !important;  /* für moderne Browser */
	height:700px;  /*für den IE */
}
#right_column #kontakt{
background:url(../images/kontakt_box.jpg) no-repeat top left #fff;
width:470px;
height:160px;
margin-left:-18px;
padding: 20px 40px;
}

#right_column #info_links{
float:left;
background:url(../images/info_links.jpg) no-repeat top left #fff;
width:195px;
height:290px;
margin-left:-18px;
padding: 40px 40px;
}

#right_column #info_rechts{
float:right;
background:url(../images/info_rechts.jpg) no-repeat top left #fff;
width:195px;
height:290px;
margin-right:0px;
padding: 40px 40px;
}


#right_column #text{
padding:50px 45px 0 55px;
}

#right_column #text #bestellen a{
padding:3px 10px;
display:block;
color:#fff;
background: #64a2d3;
text-decoration:none;
width:170px;
font-weight:bold;
}

#right_column #text #bestellen a:hover{
background: #FF9900;
}

#right_column #text ul li{
margin-left:12px;
list-style-position:outside;
list-style-image:url(../images/symbol_liste.gif);
}

#right_column #text p{
font-size:12px;
line-height:18px;
}


#right_column #text a, a:active, a:focus, a:visited{
color: #333;
}

#right_column #text li a, a:active, a:focus, a:visited{
color: #333;
}

#right_column #text p a:hover {
color:#64a2d3;
}

#right_column #text li a:hover {
color:#64a2d3;
}

#right_column #text h3{
display:block;
border-bottom: 1px solid #64a2d3;
padding-bottom: 0px;
margin-bottom:5px;
}

#right_column #text .team{
margin-bottom:20px;
}

#right_column #text .team .team_image{
float:left;
width: 210px;
}

#right_column #text .team .team_text{
margin-top:10px;
line-height:18px;
float:right;
width: 300px;
font-size:12px;
}

#right_column #text #buch{
margin-top:20px;
}

#right_column #text #buch #buch_bild{
width:140px;
float:left;
}
#right_column #text #buch #buch_info{
width:350px;
float:right;
}


h1 span.blau {
color:#64a2d3;
font-size:20px;
}

h2 span.blau {
color:#64a2d3;
font-weight:bold;
}

#right_column_schatten{
background:url(../images/right_column_schatten.gif) top no-repeat #e1e1e1;
width:6px;
float:right;
height:360px;
}


/*--------------------------------------------------------------
				FOOTER
---------------------------------------------------------------*/

#footer {
font-family:Arial, Helvetica, sans-serif;
	width:634px;
	margin-left:190px;
}
#footer #footermenu {
	padding:20px 35px 0 35px;
	background:#fff;
	height:40px;
	}
	
#footer #footermenu ul {	
	border-top: 1px dashed #CCCCCC;
	}
#footer #footermenu ul li {
	display: inline;
	color:#888;
	font-size:11px;
	font-weight: bold;
	color:#64a2d3;
}
#footer #footermenu ul li a {
	padding: 0 10px;
	text-decoration: none;
	color:#64a2d3;
	line-height:38px;
}

#footer #footermenu ul li a:hover {
	text-decoration:underline;
}