* {
margin: 0;
padding: 0;
}

/* __________________________________________________ General Tags */
body {
font: 12px/18px Verdana, Sans-Serif;
text-align: center;
color: #999;
color: #fff;
background: #333;
}
:focus { outline: none; }
a {
text-decoration: none;
color: #444;
border-bottom: 1px solid #ccc;
}
	a:hover {
	color: #222;
	border-color: #aaa;
	}
img { border: 0; vertical-align: middle;}
p, ul, ol, form, table { margin: 0; padding: 10px; }
	ul, ol { margin-left: 20px; }
code, pre {
padding: 4px;
font-family: 'Lucida Console', Monospace;
color: #888;
background: #fff;
}
	pre {
	margin: 0 auto 25px;
	padding: 10px;
	width: 75%;
	border: 1px solid #ddd;
	}
/* Forms */
form p { margin: 0 0 10px; }
form div { display: block; }
label {
display: inline;
color: #777;
font: 13px/20px Arial, Sans-Serif;
}
	label span {
	margin: 0 0 0 5px;
	font-size: 10px;
	color: #999;
	}
		label span a { color: #999; }
			label span a:hover { color: #777; }
input, textarea, select {
padding: 7px;
font: 11px/18px Verdana, Sans-Serif;
color: #aaa;
border: 1px solid #ddd;
background: #fff url(../images/round.png) repeat-x 0 1px;
line-height: normal;
}
	input.small, select.small { width: 25%; }
	input.medium, select.medium { width: 50%; }
	input.large, select.large { width: 96%; }
	.sidebar input.large, .sidebar select.large, #login input.large { width: 90%; }
	textarea.small { width: 30%; height: 75px; }
	textarea.large { width: 96%; height: 300px; }
	input.button {
	padding: 5px 20px;
	color: #fff;
	font-weight: bold;
	background: #888 url(../images/button.png) repeat-x;
	border: 1px solid #888;
	}
		input.button:hover {
		cursor: pointer;
		border-color: #777;
		}
	/* Messages next to the inputs */
	.formerror {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #9e1111;
	background: url(../images/icons/error.png) no-repeat left center;
	}
	.formsuccess {
	padding: 0 0 0 20px;
	font-weight: bold;
	color: #11a322;
	background: url(../images/icons/success.png) no-repeat left center;
	}
	.hint {
	font-size: 10px;
	font-style: italic;
	color: #999;
	}
/* Table styles */
table {
width: 100%;
border-collapse: collapse;
}
	th, td { padding: 10px; }
	th {
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	background: #ccc url(../images/th.png) repeat-x;
	border-bottom: 1px solid #aeaeae;
	text-align: left;
	}
	td {
	color: #888;
	background: #fff;
	border-bottom: 1px solid #eee;
	}
		tr.alt td { background: #f9f9f9; color: #555; }

/* __________________________________________________ Structure */
/* Header */
#headerwrap {
width: 100%;
height: 125px;
background: #555;
border-bottom: 1px solid #4c4c4c;
text-align: center;
}
	#header {
	width: 1000px;
	position: relative;
	margin: 0 auto;
	text-align: left;
	background: url(../images/header.png) no-repeat;
	}
		#header h1 {
		font: 50px/125px Arial, Sans-Serif;
		letter-spacing: -3px;
		color: #fff;
		border: 0;
		margin-left: 15px;
		}
		#info {
		position: absolute;
		right: 20px;
		top: 50%;
		margin-top: -9px;
		color: #aaa;
		}
			#info p { margin: 0; text-align: right; }
			#info a { color: #eee; border: 0; }
			#info a:hover { color: #fff; }
		#aktuell {
		position: absolute;
		right: 395px;
		top: 50%;
		margin-top: 0px;
		color: #aaa;
		width: 350px;
		}
			#aktuell p { margin: 0; text-align: right; }
			#aktuell a { color: #eee; border: 0; }
			#aktuell a:hover { color: #fff; }
		#twitter {
		position: absolute;
		right: 250px;
		top: 50%;
		margin-top: 0px;
		color: #aaa;
		}
			#twitter p { margin: 0; text-align: right; }
			#twitter a { color: #eee; border: 0; }
			#twitter a:hover { color: #fff; }
/* Main navigation */
#navigationwrap {
width: 100%;
height: 55px;
background: #999 url(../images/navigation.png) repeat-x;
border-top: 1px solid #b3b3b3;
text-align: center;
}
	#navigation { margin: 0 auto; width: 1000px; }
	#navigation ul { margin: 0 0 0 15px; padding: 0; list-style: none; }
		#navigation ul li {
		display: block;
		float: left;
		padding: 0 7px;
		line-height: 55px;
		}
			#navigation ul li.first { padding-left: 0; }
			#navigation ul li a {
			padding: 5px 16px 5px 37px;
			font: 14px/1 Arial, Sans-Serif;
			color: #666;
			background-repeat: no-repeat;
			background-position: 10px center;
			border: 0;
			}
				#home a { background-image: url(../images/icons/home.png); }
				#imprint a { background-image: url(../images/icons/law.png); }
				#references a { background-image: url(../images/icons/folder.png); }
				#development a { background-image: url(../images/icons/develop.png); }
				#webdesign a { background-image: url(../images/icons/web.png); }
				#money a { background-image: url(../images/icons/coins.png); }
				#service a { background-image: url(../images/icons/service.png); }
				#navigation ul li a:hover, #navigation ul li a.active { color: #fff; background-color: #a7a7a7; }
				#navigation ul li a.active { cursor: default; display: inline; }
/* Subnavigation */
.subnavigationwrap {
width: 100%;
height: 35px;
background: #ccc;
border-top: 1px solid #888;
display: none;
text-align: center;
}
.subnavigationwrap.active { display: block; }
	.subnavigation { margin: 0 auto; width: 1000px; }
	.subnavigation ul { margin: 0 0 0 15px; padding: 0; list-style: none; }
		.subnavigation ul li {
		display: block;
		float: left;
		}
			.subnavigation ul li a, .subnavigation ul li a.active {
			display: block;
			padding: 0 17px;
			line-height: 35px;
			color: #777;
			border: 0;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			background: #ccc;
			}
			.subnavigation ul li a.active {
			color: #fff;
			background: #d4d4d4;
			border-right: 1px solid #ccc;
			border-left: 1px solid #ccc;
			cursor: default;
			}
				.subnavigation ul li a:hover {
				color: #fff;
				background: #d4d4d4;
				border-right: 1px solid #bbb;
				border-left: 1px solid #bbb;
				}
/* Main Content */
#wrapper {
width: 1000px;
text-align: center;
margin: 0 auto;
}
#container {
margin: 0 30px;
background: #444;
padding: 30px;
text-align: justify;
overflow: hidden;
}
.column { overflow: hidden; clear: both; float: none; padding: 0 0 20px 0; }
.column div { float: left; display: block; padding: 15px; }
.column3_1, .column3_2, .column3_3 {
margin: 0 0 0 30px;
width: 240px;
}
.column2_1, .column2_2 {
width: 390px;
margin: 0 0 0 30px;
}
.column3_1, .column2_1 { margin: 0; }

	.sidebar, #content { float: left; }
	.sidebar, #login form { width: 20%; }
	.sidebar .box { margin: 0 0 7.5%; }
	#content .box { margin: 0 0 4%; }
		.bottom {
		background: #f4f4f4 url(../images/box.png) repeat-x;
		border: 1px solid #ddd;
		border-top: 0;
		color: #777;
		padding: 15px;
		}
			.sidebar .bottom, #login .bottom { padding: 4%; }
			#content .bottom { padding: 2.5%; }
		.box h2, .sidebar .box h3 {
		position: relative;
		margin: 0;
		padding: 5px 10px;
		font: 14px/21px Arial, Sans-Serif;
		color: #666;
		background: #ccc url(../images/boxheaders.png) repeat-x;
		}
			.box h2 {
			font-size: 24px;
			line-height: 31px;
			letter-spacing: -1px;
			background-position: 0 -31px;
			}
			.box .collapse {
			position: absolute;
			top: 50%;
			right: 10px;
			margin-top: -7px;
			width: 10px;
			height: 14px;
			text-indent: -9999px;
			background: url(../images/collapse.png) no-repeat 0 -14px;
			}
				.box .collapse.change { background-position: 0 0; }
			#content h3 {
			margin: 0 0 10px;
			font: 18px/25px Arial, Sans-Serif;
			color: #777;
			border-bottom: 1px solid #ddd;
			}
		.sidebar .box ul {
		margin: 0 0 15px;
		padding: 0;
		list-style: none;
		}
			.sidebar .box ul li {
			padding: 7px 5px;
			border-bottom: 1px dotted #ccc;
			}
				.sidebar .box ul li:hover { background-color: #fff; }
				.sidebar .box ul li a { color: #444; }
		#content {
		margin: 0 1.5%;
		width: 57%;
		color: #666;
		}
		#right {
		position: absolute;
		right: 0;
		}
		/* Single sidebar */
		.single #right { display: none; }
		.single #content { margin-right: 0; width: 78.5%; }
/* Login */
#login form {
margin: 2.5% auto;
text-align: left;
}
/* Footer */
#footerwrap {
width: 100%;
background: #666;
text-align: center;
}
	#footer {
	width: 1000px;
	text-align: left;
	margin: 0 auto;
	}
		#footer p {
		margin: 0 0 0 15px;
		color: #aaa;
		padding: 15px 0;
		}
		#footer a, #footer span {
		color: #fff;
		border: 0;
		}
			#footer a:hover {
			color: #222;
			}

/* __________________________________________________ Classes */
.clear { clear: both; }
.center { margin-left: auto; margin-right: auto; text-align: center; }
.left { float: left; text-align: left; }
.right { float: right; text-align: right; }
.margintop { margin-top: 15px; }
.marginright { margin-right: 15px; }
.marginbottom { margin-bottom: 15px; }
.marginleft { margin-left: 15px; }
.round {
padding: 3px 7px;
color: #888;
font: 10px/17px Arial, Serif;
text-transform: uppercase;
background: #fff url(../images/round.png) repeat-x 0 1px;
border: 1px solid #ddd;
}
	.round:hover {
	position: relative;
	top: 1px;
	left: 1px;
	color: #666;
	}
.checkboxes label {
display: inline;
}
span.checkbox {
margin: 3px 5px 0 0;
display: block;
float: left;
width: 12px;
height: 12px;
background: url(../images/checkbox.png) no-repeat 0 0;
cursor: pointer;
}
	span.checkbox.active { background-position: 0 -12px; }
.sidebar .box .comments li, .sidebar .box .posts li, .sidebar .box .links li { padding-left: 25px; background: transparent no-repeat 5px center; }
	.sidebar .box .comments li { background-image: url(../images/icons/comments.png); }
	.sidebar .box .posts li { background-image: url(../images/icons/posts.png); }
	.sidebar .box .links li { background-image: url(../images/icons/links.png); }
	.sidebar .box .comments li a, .sidebar .box .posts li a, .sidebar .box .links li a { color: #777; border: 0; }
		.sidebar .box .comments li a:hover, .sidebar .box .posts li a:hover, .sidebar .box .links li a:hover { color: #111; }
.message {
margin: 0 0 10px;
padding: 15px 15px 15px 37px;
font-weight: normal;
background: #fff no-repeat 15px center;
border: 1px solid #ddd;
}
	.message.error { color: #9e1111; background-color: #f5e8e8; background-image: url(../images/icons/error.png); border-color: #dfb2b2; }
	.message.success { color: #11a322; background-color: #e8f6e9; background-image: url(../images/icons/success.png); border-color: #b2e1b7; }
	.message.info { color: #2446ad; background-color: #eaedf7; background-image: url(../images/icons/info.png); border-color: #b8c3e4; }
	.message.warning { color: #c2b515; background-color: #f9f8e8; background-image: url(../images/icons/warning.png); border-color: #ebe7b3; }

table.liste { width: auto; margin: 10px 50px 10px 30px; }
table.liste td { padding: 3px 3px 7px 3px; background: none; border: none; vertical-align: top; color: #555; }
table.liste td span { display: block; padding: 1px 0px 0px 10px; }
table#seoliste td span { margin-right: 75px; }

table#preisliste { width: 90%; margin: 10px auto; }
table#preisliste td span { overflow: hidden; }
table#preisliste td i { float: right; }
div.caption { font-style: italic; caption-side: bottom; text-align: right; margin: 0 50px 0 0; }
div.caption sup { font-weight: bold; }
table#preisliste td h3 sup { color: #ccc; font-weight: normal; }
table#preisliste td div { display: block; margin: 10px 40px 10px 10px; }
tfoot td {
	padding: 5px 10px;
	font-weight: normal;
	color: #fff;
	background: #ccc url(../images/th.png) repeat-x;
	border-top: 1px solid #fff;
	}

/*Kontaktformular*/
form#kontaktformular { width: 531px; float: right; }
form#kontaktformular div { padding: 3px; }
form#kontaktformular div input { width: 149px; line-height: normal; }
form#kontaktformular div label { width: 90px; display: inline-block; }
form#kontaktformular div select { width: 75px; display: inline-block; }
form#kontaktformular div input#IComp { width: 419px; }
form#kontaktformular div input.maR { margin-right: 15px; }
form#kontaktformular div select.maR { margin-right: 104px; }
form#kontaktformular textarea { width: 419px; height: 100px; }
form#kontaktformular label#ltop { vertical-align: top; padding-top: 4px; }
form#kontaktformular input.button { float: right; width: auto; }
form#kontaktformular div .filled { color: #666; }
form#kontaktformular div .error { color: #cc0000; }

/*Login*/
form#login { width: 497px; }
form#login div { padding: 3px; }
form#login div label { width: 230px; display: inline-block; }
form#login div select { width: 75px; display: inline-block; }
form#login div input#IComp { width: 385px; }
form#login div input.maR { margin-right: 15px; width: 150px; }
form#login div select.maR { margin-right: 88px; }
form#login textarea { width: 385px; height: 100px; }
form#login label#ltop { vertical-align: top; padding-top: 4px; }
form#login input.button { margin-top: 10px; }
#twitter_update_list { list-style: none;  }