@charset "utf-8";

html, body {
	margin:0;
	padding:0;
	background:url(../media/bg_body.gif) repeat-x #e1e1e1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#444444;
	cursor:default;
}


/* Container */

#container {
	margin:auto;
	width:1000px;
}

#banner {
	float:left;
	height:165px;
	width:680px;
	border-left:5px solid #e1e1e1;
}

#content {
	float:right;
	padding:15px 30px 20px 30px;
	width:625px;
}

#footer {
	float:left;
	padding:5px 5px 0 10px;
	height:18px;
	width:975px;
	background:#9b9b9b;
	border-left:5px solid #e1e1e1;
	font-size:11px;
	color:#ffffff;
	text-transform:uppercase;
}

#hotline {
	padding:155px 0 0 20px;
	height:95px;
	width:280px;
	background:url(../media/bg_hotline.gif) no-repeat #2879b1;
	border-bottom:5px solid #e1e1e1;
	font-size:13px;
	color:#ffffff;
}

#left {
	float:left;
}

#main {
	float:left;
	width:990px;
	background:url(../media/bg_main.gif) repeat-y;
	border:5px solid #e1e1e1;
}

#menu {
	float:left;
	height:165px;
	width:310px;
	border-left:5px solid #e1e1e1;
	text-transform:uppercase;
}

#pic {
	height:150px;
	width:300px;
	border-bottom:5px solid #e1e1e1;
}

#socialnetwork {
	padding:20px 0 20px 20px;
}

#top {
	float:left;
	height:90px;
	width:995px;
	border-bottom:5px solid #e1e1e1;
}


/* Containerbedingte Formatierung */

#content p a, #content li a {
	text-decoration:none;
	color:#444444;
}

#content p a:hover, #content li a:hover {
	text-decoration:none;
	color:#2879b1;
}

#content ul li {
	margin:0 0 0 15px;
	list-style:url(../media/content_li.gif);
}

#content p, #content ul {
	padding:0 0 10px 0;
	line-height:20px;
}

#content ol {
	margin:5px 0 10px 20px;
	padding:0;
	line-height:18px;
}

#footer .copy {
	float:left;
}

#footer .left {
	float:left;
	margin:0 70px 0 0;
}

#footer .right {
	float:right;
}

#footer a {
	text-decoration:none;
	color:#ffffff;
}

#footer a:hover {
	color:#000000;
}

#footer li {
	display:inline;
	margin:0 5px 0 0;
}

#footer ul {
	padding:0;
}

#menu .left {
	float:left;
	height:160px;
	background:url(../media/bg_menu_left.gif) bottom no-repeat #2879b1;
	border-right:5px solid #e1e1e1;
}

#menu .left .current {
	background:url(../media/bg_menu_li.gif) right no-repeat #94bcd8;
}

#menu .left a:hover {
	background:#94bcd8;
}

#menu .right {
	float:left;
	height:160px;
	background:url(../media/bg_menu_right.gif) bottom no-repeat #444444;
	border-right:5px solid #e1e1e1;
}

#menu .right .current {
	background:#a2a2a2;
}

#menu .right a:hover {
	background:#a2a2a2;
}

#menu a {
	padding:2px 0 2px 10px;
	width:140px;
	display:block;
	color:#ffffff;
	text-decoration:none;
}

#menu li {
	padding:0 0 5px 0;
	list-style:none;
}

#menu ul {
	padding:5px 0 0 0;
}

#socialnetwork img {
	padding:0 5px 0 0;
}

#tagcloud {
	float:left;
	margin:25px;
	text-align:center;
}

#tagcloud a {
	text-decoration:none;
	color:#cccccc;
}

#tagcloud a:hover {
	text-decoration:none;
	background-color:#ffffff;
	color:#2879b1;
}


/* Klassen */

.accessory {
	float:left;
	margin:0 20px 10px 0;
	width:290px;
	font-size:11px;
}

.accessory img {
	float:left;
	padding:0 15px 0 0;
}

.book {
	float:left;
	padding:10px 20px 0 0;
}

.bot {
	display:none;
	overflow:hidden;
	height:0px;
	width:0px;
}

.button {
	background:url(../media/button_a.gif) no-repeat scroll top right;
	color:#000000;
	display:block;
	float:left;
	height:30px;
	margin:0 10px 0 0;
	padding:0 20px 0 0;
	text-decoration:none;
}

.button span {
	background:url(../media/button_span.gif) no-repeat;
	display:block;
	padding:7px 0 8px 20px;
}

.button:active {
	background-position:bottom right;
}

.button:active span {
	background-position:bottom left;
	padding:8px 0 8px 20px;
}

.clear {
	clear:both;
}

.extern {
	padding:0 15px 0 0;
	background:url(../media/link.gif) right no-repeat;
}

.image {
	float:right;
	padding:5px 0 5px 15px;
}

.input1 {
	width:400px;
}

.input2 {
	width:195px;
}

.input3 {
	width:300px;
}

.input4 {
	width:90px;
}

.language {
	float:right;
	padding:5px 0 0 0;
	height:25px;
	font-size:9px;
	text-align:right;
}

.language a {
	color:#9f9f9f;
	text-decoration:none;
}

.logo {
	float:left;
	padding:25px 0 0 50px;
	width:250px;
}

.media {
	padding:10px 0 40px 0;
}

.news {
	float:left;
	padding:0 10px 10px 0;
}

.percent {
	float:left;
	width:50%;
}

.sitemap {
	list-style:none;
}

.slogan {
	clear:right;
	float:right;
	padding:40px 0 0 0;
	font-size:16px;
	text-transform:uppercase;
}

.table1 {
	background:#ddedfe;
	vertical-align:top;
}

.table2 {
	background:#ecf7ff;
	vertical-align:top;
}

.table3 {
	background:#f5fbff;
	vertical-align:top;
}

.tag1 {
	font-size:9px;
}

.tag2 {
	font-size:14px;
}

.tag3 {
	font-size:18px;
}

.ticker {
	color:#444444;
	float:left;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	margin:0 0 0 8px;
	width:679px;
	height:15px;
}

.ticker a {
	color:#444444;
	text-decoration:none;
}

.ticker a:hover {
	color:#0000ff;
	text-decoration:underline;
}

.ticker span {
	color:#2879b1;
	letter-spacing:2px;
}

/* Tags */

* {
	margin:0;
	padding:0;
}

fieldset {
	margin:10px 0 15px 0;
	padding:10px 0 10px 0;
	border:1px solid #e1e1e1;
}

h1 {
	padding:12px 0 12px 0;
	font-size:21px;
	font-weight:normal;
	color:#2879b1;
	text-transform:uppercase;
}

h2 {
	padding:10px 0 10px 22px;
	background:url(../media/h2.gif) no-repeat left;
	font-size:16px;
	color:#2879b1;
}

h2 a {
	text-decoration:none;
	color:#2879b1;
}

h3 {
	padding:8px 0 8px 0;
	font-size:14px;
}

h4 {
	padding:8px 0 8px 0;
	font-size:14px;
	color:#cccccc;
}

img {
	border:none;
	
}

input, textarea, select {
	padding:2px;
	margin:0 4px 8px 0;
	border:1px solid #e1e1e1;
	background:#fcfcfc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

label {
	float:left;
	margin:2px 10px 0 0;
	width:150px;
	text-align:right;
}

legend {
	font-size:14px;
	font-weight:bold;
	color:#444444;
}

table td {
	padding:5px;
}

.red, .red a {
	color:#ff0000;
}
