/*
Theme Name: GreyBlue950
Description: DCMINFO-Theme 
Version: 0.1
Author: Robert Schöttl
Author URI: http://dcm.info/
*/
	
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: Verdana, Arial, Sans-Serif;
	padding:0px;
	margin:0px; 
	background: #fff url('/wp-content/uploads/grey_blue_header_background_vertical0.png') repeat-y;
}
	
#wholecontent {
	float: left; 
	border:0px green dotted;
	padding:0px;
	margin:0px;
	background: #fff url('/wp-content/uploads/grey_blue_header_background_vertical2.png') repeat-y;
}

#innercontent {
	width:750px;
	float: left; 
	border: 0px magenta solid;
	height:100%;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#page {
	background-color: white;
	text-align: center; 
	border:0px solid yellow;
	width: 765px;
	margin: auto;
}

#headline {
	width: 1010px ;
	height: 112px ;
	border-bottom: 0px solid red;
}

#hmenu {
	width: 700px;
	height:22px;
	position: relative; 
	left: 241px; 
	top: 0px;
	border: 0px red solid;
}

#sidebartitle {
	text-align:center;
	font-size:140%;
	font-weight:bold;
	height:20px;
	background: #ccc; /*#ff9a02;*/
	color: #fff;
}

#sidebar {
	position:absolute;
	width:190px;
	top: 0px;
	left:51px;
	float:left;
	border:0px solid red;
	margin-top:112px;
	margin-bottom:112px;
	background: #ccc; /*#ff9a02;*/
	z-index:1;
}

#sidebar ul  {
	float: left;
	padding:0px;
	margin:0px;
	list-style-type: none;
}
	
#sidebar li {
	padding:0px;
	margin:0px;
}
	
#sidebar h2 {
	font-size: 120%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#sidebar li  a {
	width:175px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 110%;
	text-decoration:none;
	float: left;
	padding:0px;
	margin:0px;
	list-style-type:none;
	color: #000;
	padding-bottom:3px;
	padding-left:5px;
	margin-left:3px;
	display:block;
	border-bottom:0px dotted #ccc;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
}
	
#sidebar li  a:hover {
	color:#000000;
	background-color:#ffffff; /*#68b3d9;*/
	display:block;
}

#sidebar li  a:active {
	color:#000000;
	background-color:#ffffff; 
	display:block;
	font-weight:bold;
}
#searchform {
	padding-top: 5px;
	padding-bottom:3px;
	padding-left:5px;
}

.screen-reader-text {
	margin-bottom:5px;
}

#searchsubmit {
	margin-top:5px;
}

#footer {
	width:1020px;
	height:600px;
	padding-left:65px;
	text-align:center;
	padding-top:25px;
	float:left;
	border: 0px solid blue;
	background:url('/wp-content/uploads/grey_blue_footer_1010x600.png')   no-repeat;  
	z-index:20;
}

#footertext {
	width: 900px;
	padding-left:100px;
}

#footer h1 {
	font-size:80%;
	font-weight:normal;
}

.category {
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size:11px;
	color:#cc0033;
	margin-top:5px;
	margin-bottom:5px;
}




.entry {
	position:relative;
	float:left;
	width:90%;
	
}

#intro_entry {
	position:relative;
	top:20px;
	left:260px;
	width:700px;
	min-height:600px;
	height:600px;
	border:0px solid green;
		height:auto !important;  /* fŸr moderne Browser */
}

#intro_head {
	background: url('/wp-content/uploads/intro_bg.png') no-repeat 0px 0px;  
	width:722px; 
	height:100px; 
	padding-top:0px;
	border-bottom:2px ridge #3399ff;
}

#intro_head_inner {
	padding:15px 20px 0px; 
	font-size:150%; 
	text-align:left; 
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; 
	letter-spacing:0.15em; 
	line-height:25px;
}

#content_single_entry {
	width:100%;
	position:relative;
	color:#333333;
	clear:both;
	font-size: 130%;
	border:0px solid blue; 
	float: left;
	width: 590px;
	top: 0px;
	left: 260px;
	margin: auto;
	z-index: 0;
  	min-height:600px;
	height:auto !important;  /* fŸr moderne Browser */
	height:600px;  /*fŸr den IE */
	line-height:150%;
}

#content_single_entry h1 {
	width:95%;
	padding-top:10px;
	font-size:140%;
	color: #cc0033;
	line-height:150%;
	border: 0px solid green;
}

#content_single_entry h2 {
	font-size:140%;
	color: #000000;
	font-weight:normal;
}

#content_single_entry ul {
	padding-bottom:10px;
	list-style-image: url(/wp-content/uploads/bullet_rect.png);
}

.singletitle {
		width:90%;
	float:left;
}


.widgettitle {
	clear:both;
	color:#fff;
	height:25px;	
	padding-top:5px;
	padding-left:5px;
	background: #ff9a02;
}

#picbox {
	position:absolute;
	top:30px;
	left:450px;
}

.clear {
	clear: left;
	font-size: 1px;
	line-height: 0;
}

.entry p {
	margin: 0;
	padding: 0;
	padding-bottom:10px;
}

.entry img {
	float: right;
	padding-left:10px;
}

#my_cloud {
	float:left;
	background: url('/wp-content/uploads/layout_grey_blue_cloud_bg.png') no-repeat;
 	text-align:center;
 	width:190px;
 	padding:0px;
 
 	margin:0px;
 	z-index:1;
 	padding-bottom:10px;
}

#chgfontsizeoptions {
	position: absolute;
	top:112px;
	left:940px;
	width:60px;
	height:16px;
	border-bottom: #999999 1px solid;
	border-top: #999999 1px solid;	
	padding-top:4px;
	
}


#aktionsbox {
/*	position:absolute;
	left:800px;
	top:140px;*/
	width:197px;
	border:0px solid blue;
	z-index:0;
	background: url('/wp-content/uploads/aktionsbox_bg') repeat-y;
	margin-bottom:25px;
}

#aktionsbox ul  {
	float: left;
	padding:0px;
	margin:0px;
	list-style-type:none;
	}
	
#aktionsbox li {
	/* float: left; */
	padding:0px;
	margin:0px;
	list-style-type:none;
}
	
#aktionsbox h2 {
	font-size: 120%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
}

#aktionsbox li  a {
	width:180px;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 120%;
	text-decoration:none;
	float: left;
	padding:0px;
	margin:0px;
	list-style-type:none;
	color: #fff;
	padding-bottom:3px;
	padding-left:8px;
	display:block;
	border-bottom:0px dotted #ccc;
	margin-top:5px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:200%;
	
}
	
#aktionsbox li  a:hover {
	width:180px;
	color:#000000;
	padding-left:8px;
	display:block;
	margin-top:5px;
	margin-bottom:5px;
}

#aktionsbox li  a:active {
	width:180px;
	color:#000000;
	background-color:#ffffff; 
	padding-left:8px;
	display:block;
	font-weight:bold;
}

#tagbox {

	float:right;
	width:197px;
	border:0px solid blue;
	z-index:0;
	background: url('/wp-content/uploads/aktionsbox_bg') repeat-y;	
}



#rightcolumn {
	position:absolute;
	left:800px;
	top:140px;	
}

#staticcloud {
	margin:10px;
	width:150px;
}

#staticcloud a {
	text-decoration:none;	
	color:#fff;
}

#staticcloud a:hover {
	text-decoration:none;	
	color:#000;
}

#boxaktuelles {
	position:relative;
	width:184px;
	left:3px;
	min-height:100%;
	height:300px;
	background: url('/wp-content/uploads/aktuelles_bg') repeat-y;	
	border:0px red solid;
	overflow:hidden;
	padding-top:15px;
}

#boxaktuellestext {
	width:180px;
}

#pagebuttons {
	font-family: Verdana, Arial, Sans-Serif;
	font-size: 120%;	
	position:absolute;
	top:300px;
	left:5px;
	border:0px red solid;
	width:170px;
	color:#000;
	/* background-color:red; */
	height:30px;
	z-index:100;
	text-align:right;
}

#pagebuttons a {
	text-decoration:none;
	color:#000;
}

#pagebuttons a:hover {
	text-decoration:none;
	color:#000;
	font-weight:bold;
}

#navcontainer
{
background: #f0e7d7;
width: 20%;
margin: 0 auto;
padding: 1em 0;
font-family: georgia, serif;
font-size: 13px;
text-align: center;
text-transform: lowercase;
}

ul#navlist
{
text-align: left;
list-style: none;
padding: 0px;
margin: 0px auto;
width: 90%;
}

ul#navlist li
{
display: block;
margin: 0;
padding: 0;
}

ul#navlist li a
{
display: block;
width: 162px;
padding: 0.5em 3px 0.5em 1em;

border-width: 1px;
border-color: #ffe #aaab9c #ccc #fff;
border-style: solid;
color: #777;
text-decoration: none;
background: #f7f2ea;
}

#navcontainer>ul#navlist li a { width: auto; }

ul#navlist li#active a
{
background: #f0e7d7;
color: #800000;
}

ul#navlist li a:hover, ul#navlist li#active a:hover
{
color: #800000;
background: transparent;
border-color: #aaab9c #fff #fff #ccc;
}

#dateline {
	position: absolute;
	left:800px;
	top:75px;
	font-family: georgia, serif;
	font-size: 13px;
}

#sbbuttons {
	width:200px;
	position:absolute;
	left:90px;
	top:670px;
	border:0px solid red;
	z-index:100;
}


.p_intro {
	float:left;
	color:#33;
	font-size:120%;
	line-height:20px;
	padding-bottom:10px;
	letter-spacing: .1em;
	

}

p.p_intro:first-letter{ font-size:160%; }

/* ==================================================================
    Secure and Accessible PHP Contact Form v.2.0WP SOME width
       CUSTOM.CSS made by Form User - http://yourdomain.com 
      Designed and built to work with the Your WordPress theme
================================================================== */
/*
  In creating the other themes I found that this is what I needed
  to make it come together without WP theme conflict. Have fun!
*/



/* form/results div */
#gb_form_div { 
	border:0px solid red;
	padding:0px;
	margin:0px;
}

/* the form itself */
#gb_form { 
	border:0px solid red;
	background: #f0e7d7;
}

/* form links */
#gb_form_div a { }

/* link states */
#gb_form_div a:hover, #gb_form_div a:focus, #gb_form_div a:active { }

/* all fieldsets */
#gb_form fieldset { }

/* to redefine outer fieldset */
#gb_form fieldset#formwrap { }

/* form head if needed */
.formhead { }

/* main formhead, of course */
.main_formhead { }

/* form leagend and result dt */
#gb_form legend, #gb_form dt { }

/* define more for form legend */
#gb_form legend { }

/* redefine main legend props */
#gb_form legend#mainlegend { }

/* privacy link, reset link, etc */
#gb_form legend#mainlegend small, #gb_form_div .formhead small { }

/* hello, it's for the form labels */
#gb_form label { padding:10px;}

/* define all inputs, except button */
#gb_form input.short, #gb_form input.med, #gb_form select.med, #gb_form textarea.textbox { }

/* redefine for short input only */
#gb_form input.short { }

/* spec for textarea only */
#gb_form textarea.textbox { }

/* spec for select only */
#gb_form select.med { }

/* spec for checkbox only */
#gb_form input.checkbox { }

/* for checkbox label only */
#gb_form label input.checkbox { }

/* the make button stable in IE6 it must be defined */
* html input.button { }

/* All hover/focus stuff - NOTE: .hover and .focus classes IE JS */
#gb_form input.short:hover, #gb_form input.short:hover, 
#gb_form input.med:hover, #gb_form input.med:focus, 
#gb_form select.med:hover, #gb_form select.med:focus, 
#gb_form textarea.textbox:hover, #gb_form textarea.textbox:focus, 
#gb_form input.short.hover, #gb_form input.short.focus,
#gb_form input.med.hover, #gb_form input.med.focus,  
#gb_form select.med.hover, #gb_form select.med.focus, 
#gb_form textarea.textbox.hover, #gb_form textarea.textbox.focus { }

/* redefine for short input only, if wanted */
#gb_form input.button { }

/* success span, error span, form div dt (redefine) */
span.error, span.success, #gb_form_div dt { }

/* form div dt (redefine more), plus dl */ 
#gb_form_div dt, #gb_form_div dl { }

/* results stuff */
#gb_form_div dt small, span.success, dl#result_dl_blockq dt { } 

/* whyis link */
small.whythis { }

/* the answer */
#gb_form small.whythis a span { }

/* whyis on hover/focus */
#gb_form small.whythis a:hover, #gb_form small.whythis a:focus, #gb_form small.whythis a:active { }

/* the answer on hover/focus */
#gb_form small.whythis a:hover span, #gb_form small.whythis a:focus span, #gb_form small.whythis a:active span { }

/* credit line */
p.creditline small { }

/* for abbr, NOTE: added span .abbr class is for IE, so use for all */
.abbr { }

/* results blackquote */
dl#result_dl_blockq blockquote { }

/* results blackquote p */
dl#result_dl_blockq blockquote p { }

/* results blackquote p cite */
dl#result_dl_blockq blockquote p cite { }

/* results ul li spans (name, email, etc) */
#gb_form_div span.items { }

/* error message links */
#gb_form_div p a { }

/* error message link states */
#gb_form_div p a:hover, #gb_form_div p a:focus, #gb_form_div p a:active { }


/* End CUSTOM CSS */