@charset "utf-8";
/* CSS Document */
#gen {
width:1000px;
margin-bottom:40px;
}







#boxheader {
background-image:url(img/boxheaderbg.jpg);
background-repeat: repeat-x;
line-height: 40px;
text-align:middle;
border-bottom: solid 1px #E40711; 
height:40px;
color:#3a3a3a;
}

#boxheader span {

font-family:verdana;
font-size:14px;
font-weight:bold;
}

#adress {
height: 50px;
margin-bottom:25px;
}

#link li {
list-style: none;
display: inline;
margin-left:10px;
}

#link a{
text-decoration: none;
font-family: verdana;
color:#3a3a3a;
}

#lang {
top: 118px;
left:-130px;
height:40px;
width:250px;
-webkit-box-shadow: 5px 5px 15px #a4a4a4;
-moz-box-shadow: 5px 5px 15px #a4a4a4;
box-shadow: 5px 5px 15px #a4a4a4;
position:fixed;
border-top-right-radius:18px;
border-bottom-right-radius:18px;
border: solid 1px #E40711;
background-color:white;

}

#lang:hover {left:0px;}

#lang img{
margin-top:0px;
}

#lang a {
float:left;
margin-left:10px;
margin-top: 10px
}

#lang span {
line-height:40px;
font-weight:bold;
margin-left:30px;
color:#3a3a3a;
}

#impressum span {
line-height:40px;
font-weight:bold;
margin-left:0px;
margin-left:15px;
color:#3a3a3a;
}

#contact span {
line-height:40px;
font-weight:bold;
margin-left:15px;
color:#3a3a3a;
}


#impressum {
height:40px;
width: 118px;
top: 180px;
left:0px;
text-align:left;
v-webkit-box-shadow: 5px 5px 15px #a4a4a4;
-moz-box-shadow: 5px 5px 15px #a4a4a4;
box-shadow: 5px 5px 15px #a4a4a4;
position:fixed;
border-top-right-radius:18px;
border-bottom-right-radius:18px;
border: solid 1px #E40711;
background-color:white;
}



#impressum a {
display:block;
height:100%;
text-decoration:none;
}


/*

*/


article, aside, dialog, figure, footer, header, hgroup, nav, section {display:block;}

table {border-collapse:separate;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after {content:'';}
blockquote, q {quotes:"" "";}
a img {border:none;}
:focus {outline:0;}

   p + p {  margin-top:-1.5em; }
   form p + p  { text-indent: 0; }

.alt {
	color: #00FF00;
	font-family: verdana, Georgia, serif;
	font-style: italic;
	font-weight: normal;
}

.dquo { margin-left: -.5em; }

p.incr, .incr p {
  font-size: 10px;
  line-height: 1.44em;
  margin-bottom: 1.5em;
}

.caps {
  font-variant: small-caps;
  letter-spacing: 1px;
  text-transform: lowercase;
  font-size:1.2em;
  line-height:1%;
  font-weight:bold;
  padding:0 2px;
}

.thumbnail {padding:5px; border:1px solid #e3e3e3;}
img.thumbnail:hover {padding:5px; border:1px solid navy;}

li{list-style:none}

#topMenu{display:block;}
#topMenu ul{overflow:hidden;background:#f7f6f6; padding:0px; margin:0px; margin-bottom:10px;}
#topMenu ul li{float:left}
#topMenu ul li a{display:block;padding:11px 10px;text-decoration:none;color:#000;font-size:1.0em;font-weight:bold;line-height:1}
#topMenu ul li a:hover{background:#e3e2e2; color:#9e1b34;}
#topMenu ul a.current{background:#e3e2e2; color:#9e1b34;}

#tabs{display:block;}
#tabs ul{overflow:hidden; padding:0px; margin:0px; margin-bottom:10px; border-bottom:1px solid #e3e3e3;}
#tabs ul li{float:left}
#tabs ul li a{display:block;padding:11px 10px;text-decoration:none;color:#000;font-size:1.0em;font-weight:bold;line-height:1}
#tabs ul li a:hover{background:#e3e2e2; color:#;}
#tabs ul a.current{background:#e3e3e3; color:#;}

#tabssocial{display:block;}
#tabssocial ul{overflow:hidden; padding:0px; margin:0px; margin-bottom:10px; border-bottom:1px solid #ff659e;}
#tabssocial ul li{float:left}
#tabssocial ul li a{display:block;padding:11px 10px;text-decoration:none;color:#000;font-size:1.0em;font-weight:bold;line-height:1}
#tabssocial ul li a:hover{background:#ff659e; color:#;}
#tabssocial ul a.current{background:#ff659e; color:#;}

html {font-size:100.01%;}

h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}
h1 {font-size:2.2em;line-height:1;margin-bottom:0.5em;}
h2 {font-size:1.4em;margin-bottom:0.75em;}
h3 {font-size:1.3em;line-height:1;margin-bottom:1em;font-weight:bold;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1.2em;font-weight:bold; margin-bottom: 0.8em;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}
p {margin:0 0 1.5em;}
p.info_text {color: #323232; margin: 0 0 0; font-family:verdana, Arial, Helvetica, sans-serif;}

A {	color: #0065ce;text-decoration: none}
A:hover {color: #0065ce;text-decoration: underline;}

a.current {padding:8px; background-color:#dddddd;}
a.current:hover {padding:8px;}
a.navig {margin-right:15px;}

.add {padding-left: 20px;background: transparent url(../graph/add.png) no-repeat center left;}
.cancel {padding-left: 20px;background: transparent url(../graph/cancel.png) no-repeat center left;}
.facebook {padding-left: 20px;background: transparent url(../graph/facebook16.png) no-repeat center left;}
.update {padding-left: 20px;background: transparent url(../graph/update.png) no-repeat center left;}
.logout {padding-left: 20px;background: transparent url(../graph/cancel.png) no-repeat center left;}
.comment {padding-left: 18px;background: transparent url(../graph/comment.png) no-repeat center left;}
.comments {padding-left: 20px;background: transparent url(../graph/comments.png) no-repeat center left;}
.hide {padding-left: 18px;background: transparent url(../graph/hide.png) no-repeat center left;}

#wrapper {
    width:600px;
}
ul.tabs {
    margin-left:0;
	margin-right: auto;
    padding:0;

}
ul.tabs li {
    display:block;
    float:left;
	
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-background-clip: padding-box;
		
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
    padding:0 5px 0 0;
}
ul.tabs li a {
	display:block;
	float:left;
	padding:8px;
	font-size:0.8em;
	background-color:#FF0000;
	color:#FFFFFF;
	border: solid 1px #E4070C;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	border-top-right-radius: 10px;
	border-top-left-radius: 10px;
	-webkit-background-clip: padding-box;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-decoration:none;
}
ul.tabssocial li {
    display:block;
    float:left;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-background-clip: padding-box;
		
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
    padding:0 5px;
}
ul.tabssocial li a {
    display:block;
    float:left;
    padding:8px;
    font-size:0.8em;
    background-color:#68a8c7;
    color:#ffffff;
		-webkit-border-top-right-radius: 4px;
		-webkit-border-top-left-radius: 4px;
		-moz-border-radius-topright: 4px;
		-moz-border-radius-topleft: 4px;
		border-top-right-radius: 4px;
		border-top-left-radius: 4px;
		-webkit-background-clip: padding-box;
		
		-webkit-border-bottom-right-radius: 4px;
		-webkit-border-bottom-left-radius: 4px;
		-moz-border-radius-bottomright: 4px;
		-moz-border-radius-bottomleft: 4px;
		border-bottom-right-radius: 4px;
		border-bottom-left-radius: 4px;
    text-decoration:none;
}
.selected {
    font-weight:bold;
}
.tab_content {
	clear:both;
    padding:10px;
	
}

select {
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
border:#999 1px solid;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
 }
}

textarea:focus{
outline:none;
border:#bcbcbc 1px solid;
font-family:verdana , sans-serif;

}
textarea {
   resize: none;
}

textarea{
color:#666;
font-size:14px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
border:#999 1px solid;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

.btn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.btn:hover {
	text-decoration: none;
}
.btn:active {
	position: relative;
	top: 1px;
}

.bigrounded {
	font-size: 18px;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
}

.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #64991e;
	background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
	background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
	color: #e8f0de;
	background: #538018;
	background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
	background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
	color: #a9c08c;
	background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
	background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}



input:focus{
color:#3a3a3a;
outline:none;
border:red 2px solid;
font-family:verdana, sans-serif;

}
input{
color:#3a3a3a;
font-size:14px;
border-radius: 8px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
border:#939393 2px solid;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

textarea{
color:#3a3a3a;
font-size:14px;
border-radius: 8px;
-moz-border-radius: 8px; -webkit-border-radius: 8px;
margin:5px 0px 10px 0px;
padding:10px;
border:#939393 2px solid;
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-webkit-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
-moz-box-shadow: 0 0 5px rgba(81, 203, 238, 0);
}

textarea:focus{
color:#3a3a3a;
outline:none;
border:red 2px solid;
font-family:verdana, sans-serif;
}

input#generate_qrcode_btn {
margin-left: 10px;}
/*
QR CODE GENERATOR SCRIPT PHP
www.qr-code-gratis.de
*/