/*********************************************************************************

	Project		:	Skill-Games.info
	Copyright	:	Jürgen Lamprecht


	Dunkler Hintergrund, Überschrift: #071032
	Heller Hintergrund: #7cace0
	Hell mittel: #81afe2
**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; font-size:100%; border: 0; outline: 0; vertical-align: baseline; background: transparent; text-decoration: none;}
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em; border-collapse: collapse;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }

legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
}

:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}


/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background:#071032;
	color: #fff;
	font-family:"Lucida Grande", verdana, arial, helvetica, sans-serif;
	font-size: x-small;
	}

/* \*/ * html body { text-align:center; font-size: xx-small; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:900px;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
}

/* ### Logo ################################################################# */
#logo {
	display:none;
}

#logo a {
	display:block;
	height:80px;
	width:215px;
	text-indent:-700em;
}

/* ### Header ############################################################### */

#header {
	background:#071032 url(skill-games-header.gif) 0 0 no-repeat;
	color: #c4c4c4;
	height:200px;
}

#nav-header {
	position:absolute;
	left:0px;
	bottom:0px;
}

/* ### Main-block Background ################################################# */

#main-block {
	background-image: url();
	background-position: 317px 217px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
	min-height: 580px;
}


/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height:0;
}

/* ### Content #################################################################### */

#content {
	display:block;
	clear:both;
	position:relative;
	padding:0 0 0 0;
	background:#7cace0;
	height:100%;
}


/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float:right;
	width:690px;
}


/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width:690px;
	color: #071032;
}


#main-content-block {
	padding:20px;
	display:block;
}


/* ### Footer ###################################################################### */

#footer {
	width:100%;
	background-image: url("navbg.gif");
	background-repeat: repeat-x;
	height:40px;	
}

#footer p {
	float:right;
	display:inline;
	padding: 14px 5px;
	color:#FFFFFF;
	text-align:right;
}

#footer p a,
#footer p a:link,
#footer p a:visited {
	color:#FFFFFF;
	text-decoration: none;
	display:inline;
}

#footer p a:hover {
	color:#c4c4c4;
	text-decoration: underline;
	display:inline;
}


/*******************************************************************************
Content
*******************************************************************************/


#site-content {
	color:#071032;
	text-align:left;
	background: inherit;
}

/* ### breadcrump ############################################################ */

#main-block p#breadcrumb {
font-size: 1em;
color: #90B0BF;
margin-bottom: 30px;
}


/* ### headlines ############################################################ */

#main-block h1 {
	color:#000000;
	background: inherit;
	font-family:  'Tangerine', serif;
	font-size:60px;
	font-weight:normal;
	line-height:1.3em;
	text-transform: none;
	text-shadow: 4px 4px 4px #bbb;
	letter-spacing: 0.0em;
	margin-bottom:0.2em;
}

#main-block h2 {
	color:#81afe2;
	background: inherit;
	font-size:1.5em;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:0.4em;
	border-bottom: 1px solid #81afe2;
}

#main-block h3 {
	color:#81afe2;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.4em;
}

#main-block h4 {
	color:#c4c4c4;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.2em;
}

#main-block h5 {
	color:#999999;
	background: inherit;
	font-size:1.1em;
	font-weight:bold;
	line-height:1.1em;
}

#main-block h6 {
	background: inherit;
	color:#c4c4c4;
	font-size:0.9em;
	font-weight:bold;
	line-height:1.0em;
}


/* ### Images ############################################################ */

#main-block img {
	display:block;
	margin:4px 0;
}

#main-block img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#main-block img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}



/* ### Hyperlinks ######################################################### */

#main-block a, 
#main-block a:link {
	color:#071032;
	background: inherit;
	text-decoration:underline;
	display:inline;
}

#main-block a:hover {
	color:#81afe2;
	background: inherit;
	text-decoration: none;
	display:inline;
}


/* ### Paragraphs ########################################################## */

#main-block p {
	margin-bottom:1.6em;
	font-size:1.2em;
	line-height:1.6em;
}

.redcolor {
	color:red;
}

#nav p {
	margin-bottom:1.2em;
}

/* ### Tables ############################################################## */

#main-block table {
	line-height:2em;
	width: 90%;
}

#main-block td {
	font-size:1.2em;
	padding:0 0 0 0;
	border: 1px solid #ccc;
}

#main-block th {
    font-size:1.5em;
	padding:0 0 0 0;
	border: 1px solid #ccc;
	height:40px;
	background-color:#7cace0;
	vertical-align: middle;
}

/* ### Blockquotes ########################################################## */

#main-block blockquote {
	margin:0 0 0 20px;
	font-style:italic;
	background: #E1E1E1;
}

/* ### Lists ################################################################ */

#main-block ul, 
#main-block ol {
	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}

#main-block ol li {
	margin:0 0 0 30px;
	list-style-type:decimal-leading-zero;
} 
#main-block ul li {
	margin:0 0 0 20px;
	list-style-type:square;
}

/* ### Module ################################################################ */

#main-content-block div.floatLeft img {
	float:left;
	margin:4px 40px 4px 0;
}

#main-content-block div.floatRight img {
	float:right;
	margin:4px 0 4px 40px;
}

#main-content-block a.more {
	clear:left;
	position: relative;
	left: 120px;
}

#main-content-block div.txt-img {
	clear: both;
	padding: 12px 0;
}

#main-block img.floatLeft {
	float:left;
	margin:4px 10px 4px 0;
}

#main-block img.floatRight {
	float:right;
	margin:4px 0 4px 10px;
}

/* Kategorieliste */

ul.kategorieliste
{	margin-bottom:1.2em;
	font-size:1.2em;
	line-height:1.6em;
}

ul.kategorieliste li
{	margin:0 0 0 20px;
	list-style-type:none;
}

ul.kategorieliste li img
{ 	float:left;
}

ul.kategorieliste li h2
{}

ul.kategorieliste li p
{}

#main-content-block .newsbild {
	float: left;
	vertical-align: text-bottom;
	border: none;
	z-index:100;
}

#main-content-block img.newsbild {
	margin-right: 5px;
	z-index:100;
}

/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin:4px 10px 4px 0;
	vertical-align: text-bottom;
	border: none;
}

#main-content-block img.pleft{
	margin-right: 5px;
}

.pright {
	float: right;
	margin:4px 0 4px 10px;
	vertical-align: text-bottom;
	border: none;
}
.pnormal {
	clear: both;
	border: none;
}

#bewertung img{
	float:left;
	padding:0;
	margin:0;
}

#bewertungkopf {
	position:absolute;
	top: 20px;
	left:690px;
	width:180px;
}

#bewertungkopf img{
	float:right;
	padding:0;
	margin:0;
}

.hreview {
	float:right;
}

/* Definition der KLassen mit  Rahmen (2.Stil) */

.pleft_b {
	float: left;
	margin:4px 10px 4px 0;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}

.pright_b {
	float: right;
	margin:4px 0 4px 10px;
	vertical-align: text-bottom;
	border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

/* ### Bildgalerie ### */

#main-content-block div.galerie {
	clear: both;
}
#main-content-block div.galerie div.image {
	float: left;
	width: 270px;
}

#main-content-block div.galerie div.image img{
	padding: 5px;
	border:1px solid #aaa;
}

.newsgalerie {
	float:left;
}


/* ### Formular ################################################################ */

label.text{
	width: 80px;
	height: 25px;
	display:block;
	float:left;
	clear: left;
	padding-top:5px;
}

label.textarea{
	width: 80px;
	height: 25px;
	display:block;
	clear: left;
	padding-top:5px;
}
input.text {
	float:left;
	width: 370px;
	height:20px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

textarea.textarea {
	width: 450px;
	height:100px;
	background-color: #eee;
	color:#000;
	border-left: 6px solid #90b0bf;;
	border-bottom: 1px solid #FFF;
	border-right: 6px solid #90b0bf;;
	border-top: 1px solid #FFF;
}

.submit{
	background-color: #90b0bf;
	color:#fff;
	margin-top: 10px;
	border: none;
}


/*	Navigation vertical - 
	Wenn nur die Navigation mit der ID 3 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/
/* ### Header Navigation ##################################################### 
#navheight_horiz_vert {
	min-height: 153px;
	margin: 20px 0;
}
* html body #navheight_horiz_vert { height: 153px; } */

#navheight_horiz_vert {
	margin: 20px 0;
}

#navheight_horiz_vert ul.nav1st { padding:0px 20px; }


#nav-header {
	font-size: 1.2em;
	font-weight:bold;
	background-image: url("navbg.gif");
	background-repeat: repeat-x;
	height:40px;
	width: 885px;
	padding-left:15px;
}

#nav-header li {
	float:left;
	display:inline;
	padding-top:11px;
}

#nav-header a, 
#nav-header a:link {
	color:#fff; 
	text-decoration: none;
	text-transform: none;
	background-color: inherit;
	padding: 9px 10px;
}

#nav-header a:hover {
	color:#eee;
	background-color: #071032;
	padding: 9px 10px;
}

#nav-header a.current, 
#nav-header a.current:link {
	color:#fff;
	background-color: #071032;
	padding: 9px 10px;
}

#nav-header a.current:hover {
	color:#eee;
	background-color: #071032;
	padding: 9px 10px;
}


/* ### Sub Navigation ######################################################### */

#nav {
	display:block;
	float:left;
	width:208px;
	background-color:#7cace0;
}

#nav h3 {
	color:#FFFFFF;
	background: inherit;
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
	margin-bottom:0.4em;
	border-bottom: 1px dotted #FFFFFF;
	text-align: center;
	margin-left:5px;
	margin-right:5px;
}

#nav h3 a {
	color:#FFFFFF;
}

#nav p.copy,
#nav p {
	margin-left:5px;
	margin-right:5px;
	color:#071032;
	background: inherit;
	text-align: center;
	font-size:1.2em;
}


#nav p.copy a,
#nav p.copy a:link {
	color: #FFFFFF;
	background: inherit;
	text-decoration: none;
}

#nav p.copy a:hover {
	color: #FFFFFF;
	background: inherit;
	text-decoration: underline;
}

/*	Navigation horizontal and vertical - 
	Wenn nur die Navigation mit der ID 2 verwendet wird, kann alles bis 
	zum nächsten Kommentar gelöscht werden
-------------------------------------------------------------------------------*/

#navheight_vert {
	min-height: 193px;
}
* html body #navheight_vert { height: 193px; } /* IE 6 / 5.5 Hack */

#navheight_vert ul.nav1st { padding:10px 20px;  }


/* ### nav1st - first level navigation ######################################## */

ul.nav1st {
	padding:0px 20px;
	font-size:1.2em;
	text-transform:none;
}

ul.nav1st li {
	display: block;
	padding:3px 0;
	color:#071032;
	background: inherit;
	font-weight:bold;
	text-align: right;
}

ul.nav1st a, 
ul.nav1st a:link, 
ul.nav1st a:visited {
	display: block;
	color:#071032;
	background: inherit;
	padding: 1px 0;
	text-decoration:none;
}

ul.nav1st a:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current, 
ul.nav1st li a.current:link,
ul.nav1st li a.current:visited {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}

ul.nav1st li a.current:hover {
	color:#fff;
	background: inherit;
	padding: 1px 0;
}


/* ### nav2nd - second level navigation ######################################### */

ul.nav2nd {
	margin: 0 0 10px 0;
	font-size:1em;
	font-weight:normal;
	text-transform:none;
}

ul.nav2nd li {
	padding:0;
	margin:0;
	font-weight:normal;
	border:none;
	text-align: right;
}

ul.nav2nd a, 
ul.nav2nd a:link,
ul.nav2nd a:visited {
	display:block;
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px 8px;
	background-repeat: no-repeat;
}


ul.nav2nd a:hover {
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px -12px;
	background-repeat: no-repeat;
	background-color:#c4d4dc;
	color:#071032;
}

ul.nav2nd li.active a, 
ul.nav2nd li.active a:link {
	padding:4px 17px 4px 10px;
	background-image:url(button.gif);
	background-position:158px -32px;
	background-repeat: no-repeat;
	background-color:#c4d4dc;
	color:#071032;
}


/* ### Breadcrump Navigation #################################################### */

#sitePath {
	float:left;
	padding-left:20px;
	color:#c4d4dc;
	background: inherit;
}

#sitePath a, #sitePath a:link {
	color:#c4d4dc;
	background: inherit;
	text-transform:none;
}

/* #### Game-Tags ### */

.gameteaser {
	font-size:1.1em;
	line-height:1.1em;
	float: left;
	background-color:#FFFFFF;
	height:175px;
	width:99%;
	padding-top:10px;
	padding-left:10px;
	background-image: url("games-back1.jpg");
	background-repeat: repeat-x;
}

.gameteaser:hover {
	background-image: url("games-back.jpg");
	background-repeat: repeat-x;
}

.gameteaser b {
	font-size: 1.4em;
}

.teaserpic  img{
	float: left;
	margin-right: 5px !important;
	width: 200px;
}

.teaserimgName {
	background-image: url("icons/Forward.png");
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding-left: 225px !important;
	padding-bottom: 2px !important;
}

.teaserimgAnbieter {
	background-image: url("icons/Target.png");
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding-left: 225px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}

.teaserimgKategorie{
	background-image: url("icons/Folder.png");
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding-left: 225px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;
}

.teaserimgUnterKat {
	background-image: url("icons/Bluetag.png");
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding-left: 225px !important;
	padding-bottom: 2px !important;
	padding-top: 2px !important;	
}

.teaserimgDesc {
	background-image: url("icons/Text.png");
	background-repeat: no-repeat;
	background-position: 205px 50%;
	padding-left: 225px !important;
}

.teaserButtonDetails {
	position:relative;
	float:right;
	top:10px;
	right:10px;
}

.teaserButtonJetztSpielen {
	position:relative;
	float:right;
	top:0px;
	right:10px;
}

.size_5 {
	font-size: 1.6em;
}

.size_3 {
	font-size: 1.5em;
}

.size_3 {
	font-size: 1.4em;
}

.size_2 {
	font-size: 1.3em;
}

.size_1{
	font-size: 1.1em;
}

.Spieltitel, .Spieltitel a:link, .Spieltitel a:visited {
	margin-left:10px;
	font-size: 1.1em;
	color: #FFFFFF;
	text-decoration: none;
}

.Spieltitel a:hover {
	text-decoration:underline;
}

/* comment_rank - Kommentar Addon von franz007 */ 
/* Die Klasse des divs der alles umschließt */
.comment-rank{
	
}
/* Die einzelnen Kommentare */
.comment-rank .comment-rank-comment{
	border-left: 3px dotted #000000;
	padding-left: 5px;
	margin-bottom: 12px;
}
/* Ein admin-comment zu einem Kommentar */
.comment-rank .comment-rank-comment .admincomment{
	border-left: 3px dotted #000000;
	padding-left: 5px;
}

/* Das formular */
.comment-rank form{
	border: 1px dashed #000000;
	margin-bottom: 20px;
	padding: 5px;
}

/* Die beschriftungen im Formular */
.comment-rank form label{
	display: block;
	margin-bottom: 5px;
}

/************** RSS Feed Scroller **************/

.titlefield{ /*CSS for RSS title link in general*/
text-decoration: none;
}

.labelfield{ /*CSS for label field in general*/
color:brown;
font-size: 90%;
}

.datefield{ /*CSS for date field in general*/
color:gray;
font-size: 90%;
}

#aktuellscroller{ /*Demo 3 main container*/
width: 205px;
height: 140px;
border: none;
padding: 5px;
}

#aktuellscroller div p{ /*Demo 3 P element that separates each entry*/
margin-top: 0;
margin-bottom: 7px;
}

#aktuellscroller div p a{
font-size:1.2em;
font-weight:bold;
color:#f3b138;
text-decoration:underline;
}

code{ /*CSS for insructions*/
color: red;
}

#socialicons {
	float:right;
	position:absolute;
	right:0px;
	bottom:0px;
	width:133px;
	display:inline;
}

#socialicons img,
#socialicons a{
	float:left;
}

.startteaser {
	color:#071032;
	padding-right:15px;
	padding-left:5px;
}

.startteaser h5 {
	font-style:italic;
	text-align:center;
}

.startteaser h2 {
	font-weight:bold;
	font-style:normal;
	text-align:center;
	color:#FFFFFF;
}

.startteaser .newsbild {
	float: right;
	vertical-align: text-bottom;
	border: none;
	z-index:100;
}

.startteaser img.newsbild {
	margin-left: 5px;
	z-index:100;
}

.startteaser  p{
	color:#071032 !important;
	text-align:left;
}

.startteaser  a:link, .startteaser a:visited{
	color:#FFFFFF;
	text-decoration:underline;
}

.startteaser  a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

/****** Kontakt */
.formgenkontakt form
{
float:left;
line-height : 120%;
width: 350px;
}

.formgenkontakt .formblock
{
	margin-bottom: 3px;
	background-color: inherit;
	padding-top: 3px;
	padding-bottom: 3px;
}

.formgenkontakt br
{

}

.formgenkontakt * {
	padding:0px;
	margin:0px;
}

.formgenkontakt {
	margin:0px;
	padding:0px;
	color:#000000;
	font-size:1em;
	line-height:1em;

}

.formgenkontakt fieldset {
	margin: 0px 10px 10px 0px;
	padding: 5px 10px;
	border: 1px solid #5C4662;
    display: inline;
}


.formgenkontakt legend {
    display: inline;
	padding: 2px 10px;
	border: 1px solid #e7e7e7;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
	background-color:#5C4662;
	color:#FFFFFF;
}

.formgenkontakt p {
	margin:0px;
	padding-bottom:1em;
	font-size:0.8em;
	font-weight:bold;
}

.formgenkontakt h2 {
	padding:1em 0 1em 0;
}

.formgenkontakt .element {
	display:block;
	clear:both;
}

.formgenkontakt label {
	display:block;
	float:left;
	padding:0px;
	width:100px;
}

.formgenkontakt  .formimg{
	display:block;
	float:right;
	padding-right:10px;
}

.formgenkontakt  img{
	display:block;
	float:left;
	padding:0px;
}

.formgenkontakt label.checkbox {
	width:200px;
	border-right:none;
}

.formgenkontakt label.checkboxinner {
	width:200px;
	border-right:none;
}

.formgenkontakt input.formtext, 
.formgenkontakt .formselect, 
.formgenkontakt .formtextfield {
	float:left;
	margin:2px;
    font-size: 1em;
    font-family: verdana;
	width:200px;
	border:1px solid #999;
}

.formgenkontakt input:focus, .formgenkontakt input:hover,
.formgenkontakt select:focus, .formgenkontakt select:hover, 
.formgenkontakt .formtextfield:focus, .formgenkontakt .formtextfield:hover {
	background-color: #F3EFF4;
 	border:  1px solid #000;
}

.formgenkontakt input.radio:focus, .formgenkontakt input.radio:hover {
    border-style: none;
	background-color:#F3EFF4;
}

.formgenkontakt .formtext {
	height:1.4em;
}

.formgenkontakt input.textshort {
	width:30px;
}

.formgenkontakt input.textshortdisabled {
	display:none;
	float:none;
	width:50px;
	border:none;
}

.formgenkontakt input.checkbox {
	width:100px;
	border:none;
}

.formgenkontakt input.checkboxinner {
	width:30px;
	border:none;
}

.formgenkontakt input.checkbox:focus, .formgenkontakt input.checkbox:hover {
    border-style: none;
	background-color:#F3EFF4;
}

.formgenkontakt .formsubmit { 
	margin:5px 5px 5px 5px;
	padding:2px 5px;
	background-color:#5C4662;
	color:#FFFFFF;
	width: 300px;
	font-size:1em;
	text-align:center;
	cursor:pointer;
	border:1px solid #999;
	
}

.formgenkontakt .formsubmit:hover { 
	background-color:#F3EFF4;
	color:#000000;
}

.formgenkontakt .formtextfield {
	height:96px;
}

.radio {
	border-style: none;
}

.formgenkontakt input.radio {
	width:140px;
	border-style: none;
}

.formsubmit { 
	margin:5px 5px 5px 5px;
	padding:2px 5px;
	background-color:#5C4662;
	color:#FFFFFF;
	width: 300px;
	font-size:1em;
	text-align:center;
	cursor:pointer;
	border:1px solid #999;
	
}

.formsubmit:hover { 
	background-color:#F3EFF4;
	color:#000000;
}

/* ------------------------*/
/* ---->>> COMMENTS <<<----*/
/* ------------------------*/

div#comments-container {
	width: 100%;
} 

div#comments-container  ul,
div#comments-container  ul li{
	list-style:none;
	margin:0 0 0 30px;
} 

div#comments-container ul li.alternate{
    -moz-border-radius: 0 4px 4px 4px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -webkit-box-shadow: 0 0 2px #333;
    background: #ddd;
    border-radius: 4px;
    border-top-left-radius: 0px;
    box-shadow: 0 0 2px #333;
    margin-bottom: 10px;
}

div#comments-container ul li.alternate:nth-child(odd){
    -moz-border-radius: 0 4px 4px 4px;
    -moz-box-shadow: 0 0 2px #333;
    -webkit-border-radius: 4px;
    -webkit-border-top-left-radius: 0px;
    -webkit-box-shadow: 0 0 2px #333;
    background: #c5c5c5;
    border-radius: 4px;
    border-top-left-radius: 0px;
    box-shadow: 0 0 2px #333;
    margin-bottom: 10px;
}

/* link colors in comments */
div#comments-container p a{
 	font-size: 13px;
	color: #999;
}

div#comments-container p a:hover{
	background: #e86425;
	color: #444;
	border-bottom: 1px solid #444;
}

/* individual comment container */
div.comment{
    border: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    position: relative;
}

div.comment div.avatar{
    -box-shadow: 0 0 1px #000;
    -moz-box-shadow: 0 0 1px #000;
    -webkit-box-shadow: 0 0 1px #000;
    background: url('img/default_avatar.gif') no-repeat #fcfcfc;
    height: 50px;
    left: -60px;
    position: absolute;
    width: 50px;
}

div.comment div.avatar img{
    display: block;
}
/* commenter's name */
div.comment div.name{
    color: #444;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    padding: 5px 0 0 10px;
    position: relative;
}

div.comment div.name h5{
    color: #198af2 !important;
    float: left;
    padding-right: 6px;
}

div.comment div.name a{
    border-bottom: 1px dashed #303030;
    color: #198af2 !important;
    font-size: 15px;
	text-decoration:none !important;
}

div.comment div.name a:hover{
    color: orange !important;
}
/* comment's body*/
div.comment p{
    color: #444;
    font-size: 13px;
    font-weight: normal;
    padding: 0px 10px 40px 10px;
    line-height: 1.3em;
}

/* date of comment */
div.comment div.date{
    color: #777;
    float: left;
    font-size: 11px;
    margin: -40px 0 0 10px;
}
/* moderate buttons container */
div.comment div.moderate{
    float: right;
    margin-top: -50px;
	margin-right:5px;
}

div.comment div.moderate ul li{
    float: left;
    margin: -2px 5px;
}
/* moderate buttons ie: reply */
div.moderate a.mod-button{
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 1px #fff;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 1px #fff;
    background: #f0f0f0 !important;
    border-radius: 3px;
    box-shadow: inset 0 1px #fff;
    color: #777;
    cursor: pointer;
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    position: relative;
	text-decoration:none !important;
}

div.moderate a.mod-button:hover{
    -moz-box-shadow: 0 2px #999;
    -webkit-box-shadow: 0 2px #999;
    box-shadow: 0 2px #999;
    top: -1px;
}

div.moderate a.mod-button:active{
    -moz-box-shadow: 0 0 1px #fff, inset 1px 1px #fff, inset -1px 0 #fff;
    -webkit-box-shadow: 0 0 1px #fff, inset 1px 1px #fff, inset -1px 0 #fff;
    background: -moz-linear-gradient(top, #fff, #ddd 1px, #f0f0f0);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.03, #ddd), to(#f0f0f0));
    border-bottom: 1px solid #b3b3b3;
    box-shadow: 0 0 1px #fff, inset 1px 1px #fff, inset -1px 0 #fff;
}
/* -------------------------*/
/* ---->>> /COMMENTS <<<----*/
/* -------------------------*/

/* -----------------------*/
/* ---->>> REPLIES <<<----*/
/* -----------------------*/
div.comment-reply{
    border: none;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    position: relative;
}

div.comment-reply p{
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    background: #393939;
    border-radius: 4px;
    color: #aaa;
    font-size: 13px;
    margin: 10px 0 10px 40px;
    padding: 10px 40px 10px 10px;
    line-height: 1.3em;
}

/* css trick for the arrow next to the reply boxes */
div.comment-reply .arrow{
    border-bottom: 8px solid #393939;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    left: 50px;
    line-height: 0;
    position: absolute;
    top: -8px;
    width: 0;
}
/* end trick */

div.comment-reply div.name{
    -moz-box-shadow: -1px 1px 0 #555;
    -webkit-box-shadow: -1px 1px 0 #555;
    background: #393939;
    box-shadow: -1px 1px 0 #555;
    color: #1a91ff !important;
    font-size: 12px;
    padding: 1px 4px 3px 4px;
    position: absolute;
    right: 0px;
}

div.comment-reply div.name:hover{
    -moz-box-shadow: -4px 4px 0 #555;
    -webkit-box-shadow: -4px 4px 0 #555;
    box-shadow: -4px 4px 0 #555;
    right: -4px;
    top: -4px;
}

div.comment-reply div.name a{
    color: #1a91ff !important;
    font-size: 12px;
}

div.comment-reply div.name a:hover{
    color: orange;
}

div.comment-reply div.date{
    color: #888;
    float: left;
    font-size: 11px;
    margin: -20px 0 0 50px;
}

div.comment-reply div.moderate{
    margin-bottom: 30px;
}

div.comment-reply div.moderate ul{
    float: right;
    margin: -5px 5px;
}

div.comment-reply div.moderate a.mod-button:hover{
    -moz-box-shadow: 0 2px #444;
    -webkit-box-shadow: 0 2px #444;
    box-shadow: 0 2px #444;
}

/* ------------------------*/
/* ---->>> /REPLIES <<<----*/
/* ------------------------*/

/* --------------------*/
/* ---->>> RATE <<<----*/
/* --------------------*/
ul.rate-widget{
    position: absolute;
    top: 0;
    right: 0;
    margin-right: 5px;
}

ul.rate-widget li{
    color: #444;
    height: 10px;
    width: 20px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    float: left;
    margin: 5px 5px 0 0;
}

ul.rate-widget li.total-rate{
    font-weight: bold;
    font-size: 10px;
    text-align: right;
    padding-right: 4px;
    border-right: 1px solid #999;
    -moz-border-radius: 0px;
    -moz-box-shadow: 0px;
    border-radius: 0px;

}

ul.rate-widget li.total-rate.pos{
    color: #5b8f08;
}

ul.rate-widget li.total-rate.neg{
    color: #c2263b;
}

ul.rate-widget li.show-rate{
    font-size: 10px;
}

ul.rate-widget li.pos-rate{
    text-align: center;
    background: #99ce00;
    color: #546f00;
    border: 1px solid #84af00;
    -moz-box-shadow: inset 0 1px #b5ef00;
    -webkit-box-shadow: inset 0 1px #b5ef00;
    box-shadow: inset 0 1px #b5ef00;
}

ul.rate-widget li.neg-rate{
    text-align: center;
    background: #c2263b;
    color: #6f0d1d;
    border: 1px solid #8f1a2d;
    -moz-box-shadow: inset 0 1px #ff2f62;
    -webkit-box-shadow: inset 0 1px #ff2f62;
    box-shadow: inset 0 1px #ff2f62;
}

/* css trick for the arrows */
ul.rate-widget li span.up-arrow{
    border-bottom: 6px solid #b5ef00;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    line-height: 0;
    position: relative;
    top: -16px;
    width: 0;
}

ul.rate-widget li span.down-arrow{
    border-top: 6px solid #ff2f62;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    height: 0;
    line-height: 0;
    position: relative;
    top: 10px;
    width: 0;
}
/* end trick */

ul.rate-widget li:not(.total-rate):hover{
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    cursor: pointer;
}
/* ---------------------*/
/* ---->>> /RATE <<<----*/
/* ---------------------*/

/* --------------------*/
/* ---->>> FORM <<<----*/
/* --------------------*/

/* form container */
#comment-form{
    font-family: Lucida Grande, Helvetica, Arial, Sans-Serif;
    height: 300px;
    margin: 50px auto;
}

#comment-form ul,
#comment-form ul li {
	list-style:none;
	margin:0 0 0 30px;
}

/* title text */
#comment-form a{
    color: #fff;
    font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
    font-size: 18px;
    margin-bottom: 10px;
}
/* cancel button text */
#comment-form h2 a.cancel {
    color: #999;
    font-size: 11px;
    margin-left: 10px;
    cursor: pointer;
}

/* remove browser focus borders*/
form.canny *:focus{
    outline: none;
}

form.canny div.wrap label.required:after{
    color: #f08431;
    content: "Pflichtfeld";
    float: right;
    font-size: 11px;
    text-height: 3px;
}

form.canny div.wrap label.invalid:after{
    color: #f08431;
    content: "Fehler";
    float: right;
    font-size: 11px;
    text-height: 3px;
}

form.canny div.wrap label.optional:after{
    color: #999;
    content: "Optional";
    float: right;
    font-size: 11px;
    text-height: 3px;
}
/* input field spacing */
form.canny div.wrap ul li{
    margin-bottom: 5px;
}

form.canny div.wrap label{
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #333;
    border-radius: 3px;
    color: #999;
    font-size: 12px;
    padding: 6px;
    position: absolute;
    text-indent: 2px;
    width: 170px;
    z-index: 1;
}

form.canny div.wrap label[for=equation] {
    width: 110px;
}
/* when user focuses on input */
form.canny div.wrap label.focus{
    background: #303030;
    border-bottom: 1px solid #666;
}

form.canny div.wrap label.hastext{
    background: #303030;
    border-bottom: 1px solid #666;
}
/* actual field inputs */
form.canny input.input-text, textarea.input-text{
    font-family: Lucida Grande, Helvetica, Arial, Sans-Serif;
    background: none;
    border: none;
    color: #eee;
    font-size: 12px;
    padding: 10px;
    position: relative;
    text-indent: 1px;
    width: 170px;
    z-index: 10;
}
/* make the comment input larger */
form.canny textarea.input-text,
form.canny label#body-label{
    height: 100px;
    width: 350px;
}
/* lighten inline text when user clicks input */
form.canny label.overlay div{
    opacity: 0.4;
    -webkit-transition: opacity 200ms linear;
}
/* lighten inline text when user clicks input */
form.canny label.focus div{
    opacity: 0.2;
}
/* make inline text completely transparent when 
  user has typed input */
form.canny label.hastext div{
    -webkit-transition: opacity 0ms linear;
    opacity: 0.0;
}
/* submit button */
form.canny input[type=submit]{
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 1px #f18732;
    -webkit-border-radius: 3px;
    -webkit-box-shadow: inset 0 1px #f18732;
    background: #e86425;
    border-radius: 3px;
    border: 1px solid #444;
    box-shadow: inset 0 1px #f18732;
    color: #782309;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    opacity: 0.9;
    text-align: center;
    text-shadow: 0 1px 0 #f18732;
    width: 140px;
}
/* submit button hover */
form.canny input[type=submit]:hover{
    -moz-box-shadow: inset 0 1px #f18732, 0 1px 0 #444;
    -webkit-box-shadow: inset 0 1px #f18732, 0 1px 0 #444;
    box-shadow: inset 0 1px #f18732, 0 1px 0 #444;
    cursor: pointer;
    margin-top: -1px;
    opacity: 1.0;
}
/* submit button pressed */
form.canny input[type=submit]:active{
    -moz-box-shadow: 0 0 1px #aaa, inset 1px 1px #f18732, inset -1px 0 #f18732;
    -webkit-box-shadow: 0 0 1px #aaa, inset 1px 1px #f18732, inset -1px 0 #f18732;
    background: -moz-linear-gradient(top, #f18732, #cb612e 1px, #e86425);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f18732), color-stop(0.03, #cb612e), to(#e86425));
    box-shadow: 0 0 1px #aaa, inset 1px 1px #f18732, inset -1px 0 #f18732;
    text-shadow: none;
    top: 1px;
}
/* ---------------------*/
/* ---->>> /FORM <<<----*/
/* ---------------------*/

/* ----------------------------*/
/* ---->>> HIGHLIGHTING <<<----*/
/* ----------------------------*/
/* for fun change highlighting color */
::selection {
    background: orange;
    color: #fff;
}

::-moz-selection {
    background: orange;
    color:#fff;
}

::-webkit-selection {
    background: orange;
    color:#fff;
}
/* -----------------------------*/
/* ---->>> /HIGHLIGHTING <<<----*/
/* -----------------------------*/

#mailadresse {
display:none
}

/***** POPUP#3 *****/
#struct3 a {
	display: inline-block;
	
	width: 100px;
	height: auto;
	
	padding: 15px 0;
	
	text-align: center;
	color: white;
	
	border: 1px solid #002846;
	background-color: #7cace0;
}

/***** POPUP#8 *****/
#struct8 {height: 10px; margin: 0; padding: 5px 10px; color: #666; border: 2px solid #dcdc41; background-color: #ffffc0; overflow: hidden;}
#struct8 a, #struct8 a:visited {font-weight: bolder; color: #a8b8d0; text-decoration: none;}

#struct8_left {float: left;}
#struct8_right {float: right;}