/*
------------------------------------------------------------------------
Theme Name: 	WP Remix
Author URI:		http://www.premiumthemes.net/
Description:   	The WordPress Master Theme. One Theme, Many Possiblities
Version:       	3.0
Author:        	R.Bhavesh
Author URI:    	http://cssace.com/
------------------------------------------------------------------------

Support:       WP Remix, http://wpremix.com/support
Updated:       July 15, 2008
Copyright:     (c) 2008 WP Remix, an endeavour by R.Bhavesh

All rights reserved.
*/

@import url("css/misc.css");		/* css reset - do not edit this */
@import url("css/dropmenu.css");	/* styling dropdown menu */
@import url("css/homepages.css");	/* styling homepage templates */
@import url("css/innerpages.css");	/* styling innerpage templates */
@import url("css/blog-common.css");		/* styling blog */
@import url("css/header.css");		/* header option styling blog */
@import url("css/sidebars.css");		/* styling blog */
@import url("css/footer.css");		/* footer option */
@import url("css/blog.css");		/* styling blog */
@import url("css/color-default.css");		/* styling color schemes css  */

body {
text-align:center;
font: 12pt  Arial, Helvetica, sans-serif;
}
/* Links -----------------------------------------------------------------------*/
a {
outline:none;
}
ul {
list-style:none;
}

#technetbox{text-align:center;position:relative; margin-bottom: -25px;}

#itcastbox{text-align:center; position:absolute;  margin-top: 10px;}
#technikblogbox{text-align:center; position:absolute;  margin-top: 10px;}
#himmlischeitbox{text-align:center; position:absolute;  margin-top: 10px;}
#rachfahlbox{text-align:center; position:absolute;  margin-top: 10px;}
#fitinlizenzenbox{text-align:center; position:absolute;  margin-top: 10px;}
#hypervserverbox{text-align:center; position:absolute;  margin-top: 10px;}

.clear {
clear:both;
}
.bold {
font-weight:bold;
}
p.aright {
text-align:right;
}
.italic {
font-style:italic;
}
/* section alignment --------- */

.alignleft {
float:left;
}
.alignright {
float:right;
}

.middlebox {
	background:url(images/middlebox.png) no-repeat left top;
	margin: 0px auto;
	padding-top: 26px;
       padding-left: 3px;
       padding-right: 3px;
	text-align:center;	
	width:250px;
	height:248px;
}

#mos-test{
	margin-bottom:15px;
	text-align:center;
}

/* image alignment left, right & center --------- */

.imgleft {
float:left;
margin:0 12px 12px 0;
padding:3px;
}
.imgright {
float:right;
margin:0 0 12px 12px;
padding:3px;
}
.imgleft_n {
float:left;
margin:0 40px 12px 0;
padding:3px;
}
.img_center {
margin:10px 0;
padding:5px;
}
code {
font-size:12px;
}
/* KONTAKT ---------------------------------------------------- */
#content-wrap-kontakt{
margin-top:-5px;
}

#kontakt-hintergrund-oben{
height:100px;

}
#content_bild{

}
#kontakt-info{
margin-top:5px;
margin-left:20px;
float:left;
width:220x;
z-index:3;
position:relative;
margin-right:50px;
}
#kontakt-info h1{
color:#cd0000;
font-size:32px;
}
#kontakt-buttons{
float:right;
z-index:3;
height:150px;
margin-top:-210px;
position:relative;
margin-right: 20px;
}
.auth-bio{border:1px solid #d5d5d5;background:#eee url(images/box-top.gif) top left repeat-x;line-height:1.4em;margin:0 0 10px;padding:10px}
.auth-bio img.avatar{background:#fff;border:1px solid #ccc;float:right;margin:0 0 0 10px;padding:1px}
.auth-bio p.bio{margin:10px 0 0}
/* KONTAKT-BOX*/

#wpcf7-f1-p850-o1{
margin-left:200px;
position:relative;
width:400px;px;
z-index:3;
height:200px;
}

#textarea1{
width:180px;
float:left
}
#textarea11{
width:180px;
float:left;
background-image:url(images/ecken/rahmen2.png);
background-repeat:no-repeat;
padding-left:5px;
border:none;
height:20px;
}

#textarea2{
width:180px;
float:right;
}
#textarea22{
width:180px;
float:right;
margin-left:5px;
background-image:url(images/ecken/rahmen2.png);
background-repeat:no-repeat;
padding-left:5px;
border:none;

height:20px;
}

#textarea3{
width:400px;
height:55px;
float:left;
overflow:auto;
background-image:url(images/ecken/rahmen4.png);
background-repeat:no-repeat;
padding-left:5px;
border:none;
}
#textarea33{
margin-top:15px;
}

#wpcf7-f1-p850-o1 p{
margin:0px;
font-weight:bold;
color:#F16504;
}
#sende-button{
background-image:url(images/senden.png);
background-repeat:no-repeat;
margin-top:5px;
width:102px;
height:30px;
border:none;
}

/* ENDE-KONTAKT-BOX*/

/*---- Video-Bild L u R ----- */

#video-links-pic
{
float:left;
margin-right:15px;
}


#video-mitte-pic
{
margin: auto 0px;
text-align:center;
}

#video-rechts-pic
{
float:right;
margin-left;15px;
}

/*---- ENDE - Video-Bild ----- */


/* blog & content css common ---------------------------------------------------- */

h1 {
font-size:28px;
font-weight:400;
margin:0 0 12px;
padding:0 0 5px;
}
h2 {
font-size:22px;
font-weight:400;
margin:0 0 8px;
padding:0;
}
h2 a {
text-decoration:none;
}
h2 a:hover {
text-decoration:none;
}
h3 {
font-size:18px;
font-weight:400;
margin:0 0 10px;
padding:0;
}
h4 {
font-size:16px;
font-weight:700;
margin:15px 0 5px;
padding:0 0 5px;
}
h5 {
font-size:14px;
font-weight:700;
margin:0 0 10px;
padding:0;
}
h6 {
font-size:12px;
font-weight:700;
margin:5px 0;
padding:0 0 5px;
}
p {
font-size:12px;
line-height:18px;
margin:0 0 12px;
}
p a {
text-decoration:none;
}

ul.rits{
margin-left: -30px;
}
ul.rits li{
margin-left: 130px;
}
ul {
font:12px Arial, Helvetica, sans-serif;
margin:0 0 15px 6px;
padding:0;
}
ul li ul {
margin:8px 0 5px;
padding:0;
}
ol {
line-height:18px;
font-size:12px;
background:none;
margin:0 0 0 5px;
padding:0 0 10px 20px;
}
ol li {
background:none;
list-style-type:decimal;
margin:0 0 5px;
padding:0;
}
ol li ol {
margin:8px 0 5px 24px;
padding:0;
}
blockquote {
	background-position:5px 8px;
	margin-bottom:10px;
	font:bold 12px Arial, Helvetica, sans-serif;
	line-height:18px;
	padding-top:5px;
	width:250px;
	padding-bottom:30px;
	margin-bottom:10px;;
}
blockquote p { font:bold 12px Arial, Helvetica, sans-serif;  }
.clientname {
	font-size:11px; font-weight:normal; color:#666;
	margin-bottom:12px;
}

li,ul li ul li {
line-height:18px;
margin:0 0 5px;
padding:0 0 0 12px;
}
/*
.szwidget{
float:right;
margin-bottom:-20px;
}*/
/* instruction elements -------------------------------------- */
address {
font-style:italic;
}
p.alert,p.download,p.info,p.note {
margin:10px 0 0;
padding:10px 10px 10px 36px;
}
p.alert {
padding:10px 10px 10px 36px;
}

/* STRUCTURE ----------------------------------*/
#header {
height:75px;
margin:0 auto;
}
#content-wrap {
overflow:hidden;
height:100%;
margin-bottom:25px;
float:left;
margin: 0 auto;
}
#content-wrap404 {
overflow:hidden;
height:100%;
margin-bottom:5px;
margin-top:5px;
}
#wrapper {
text-align:left;
width:840px;
margin:0 auto;
padding:0 10px;
overflow:hidden;

}
#main {
overflow:hidden;
clear:both;
}
#main .subcolumns {
width:400px;
}
#content {
width:580px;
padding-bottom:10px;
}
#content2 {
width:560px;
}
#content, #content2 { 

float:left;
}
#aenliche_artikel {
margin-top:15px;
}

#aenliche_artikel a:visited {
color: #CC0000;
margin-top:25px;
}/*
#aenliche_artikel a:link {
	color: #0000FF}
*/

#sidebar {
width:240px;
margin-bottom:15px;
}
*html #sidebar{
width:240px;
margin-bottom:15px;
margin-top:-400px;
}

#sidebar2 {
width:260px;
}
*html #sidebar2{
width:240px;
margin-bottom:15px;
}

#sidebar, #sidebar2 {
margin-left:20px;
float:right;
}
*html #sidebar, #sidebar2 {
float:right;
}


#bloggerei{
text-align:center;
margin-top:10px;
}

/*------TWITTER--------*/

ul.twitter{
overflow:visible;
}
li.twitter-item {
min-height:90px;
height:90px;;
max-height:90px;
float:right;
}
p.twitter-message {
}
twitter-timestamp{
}
a.twitter-link{
color:#FF0000;
}
a.twitter-user{
}

#twetter_sidebar1{
width:20px;
height:20px;
margin-top:-302px;
position:relative;
float:left;
}
#twetter_sidebar2{
width:20px;
height:20px;
margin-top:-198px;
position:relative;
float:left;
}
#twetter_sidebar3{
width:20px;
height:20px;
margin-top:-95px;
position:relative;
float:left;
}

#twetter_button{
border:none;
list-style-image:url(images/twitter-sidebarbutton.png);
text-align:center;
}

/*------TWITTER-ENDE-------*/

#footer {
clear:both;
overflow:hidden;
text-align:left;
height:100%;
width:840px;
margin:0 auto;
}
#sidebar span {
font-size:12px;
}
#content .subcolumns,#sidebar .subcolumns {
width:250px;
margin-right:35px;

}
/* Header Section  ----------------------------------*/
#header .logo {
font:25px "Arial Black", Arial, Helvetica, sans-serif;
color:#fff;
margin-top:5px;
text-transform:uppercase;
float:left;
}
#header .h_left {
float:left;
width:320px;
}
#header .description {
font:20px Calibri;
clear:both;

}
/* ------------------------------  footer ---------------------------------------  */

#footer p {
font-size:12px;
line-height:20px;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin:5px 0;
padding:0;
}
#footer span {
margin-top:-8px;
font-size:11px;
padding-left:1px;
}
#footer span a {
text-decoration:none;
}
#footer span a:hover {
text-decoration:none;
}
#flinks {
list-style:none;
float:right;
}
#flinks li {
display:inline;
line-height:26px;
text-align:right;
padding:0 5px;
}
#flinks li a {
font-size:11px;
text-decoration:none;
}
#flinks li a:hover {
display:inline;
}
/* TOP SEARCH FORM -----------------------------------------------------------------------*/
#search {
float:right;
width:205px;
height:21px;
top:-5px;
margin-right:10px;
padding:2px 0 0 15px;
}
* html #search {
width:208px;
overflow:hidden;
}
#search .s {
font:12px Arial, Helvetica, sans-serif;
width:170px;
float:left;
margin-right:2px;
padding:2px;
padding-left:5px;
}
#searchform .sgo {
width:26px;

}
/* Root = Horizontal, Secondary = Vertical ------------------------------------------------ */

#nav {
width:840px;
height:28px;
position:relative;
margin:0 auto 5px;
z-index:4;
}
#nav .rss {
font:bold 12px Arial, Helvetica, sans-serif;
padding-left:18px;
position:absolute;
top:7px;
right:8px;
}

/* breadcrumb start -----------------------------------------------------------------------*/
 
#content-wrap .breadcrumb{
font:10px Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
clear:both;
line-height:25px;
padding-left:5px;
margin-bottom:10px;
}
a.button {
margin-bottom:8px;
font-weight:700;
font-size:12px;
padding:3px 15px 3px 10px;
}

.submit {
margin-bottom:8px;
font-weight:700;
font-size:12px;
cursor:pointer;
padding:3px 15px 3px 10px;
}
.postads {
text-align:center;
overflow:hidden;
height:100%;
margin-bottom:25px;
}
.small { font-size:11px; color:#666; }
.small a { color:#666; }
.small a:hover { color:#000; }


/*------- Demo  ---------*/

#demotop { background:#000; height:50px; overflow:hidden; } 
#demotop-in { width:860px; margin:0 auto;  }
#demotop-in h5 { float:left; font:bold 14px Georgia, "Times New Roman", Times, serif; color:#fff; margin:0; padding:8px 0 0 0; }
#demotop-in p { font-size:11px; color:#9f9f9f; clear:both;  float:left; }

.img_button {
	position:relative;
	display:block;
	font-size:12px;
}
.img_button span {
	height:100%;
	width:100%;
	position:absolute;
	bottom:0;
	left:0;
	cursor:pointer;
}
.img_button span a {
	display:block;
}

.b_purchasedownload2 {
	top:9px;
	right:0;
	float:right;
}
.b_purchasedownload2 span, .b_purchasedownload2 span a {
	background:url(images/b_purchasedownload2.png) no-repeat;
}
.b_purchasedownload2 span a, .b_purchasedownload2 {
	width:190px;
	height:32px;
}
.b_purchasedownload2 span:hover {
	background-position:0 -32px;
}

/* NEW 2.7 */
.thread-alt {
	background-color: #f8f8f8;
}
.thread-even {
	background-color: white;
}
.depth-1 {
border: 1px solid #ddd;
}

.even, .alt {

	border-left: 1px solid #ddd;
}
.commentlist li ul li {
	font-size: 1em;
}
#commentform {
	margin: 5px 10px 0 0;
	}
#respond:after {
		content: "."; 
	    display: block; 
	    height: 0; 
	    clear: both; 
	    visibility: hidden;
	}
.commentlist li ul li { 
	margin-right: -5px;
	margin-left: 10px;
}
.children { padding: 0; }