body	{background-color:#ccc; MARGIN: 0px;	
}

*
	{color:#000; font-family: arial,verdana; text-decoration:none; font-size:12px; line-height:20px}


p
	{text-align:justify; margin:0 12px;}

.page {background:#fff url(grp/namen_bg.jpg) no-repeat top left;margin:auto;max-width:1040px;}

h1, h2 {
font-weigth:bold;
font-size: 140%;
text-align:center;
text-shadow:2px 2px 3px rgba(0,0,0,0.22);
}
h2
	{margin-top:10px; text-align:center;}
h1
	{font-variant:small-caps; margin-top:16px}
h3
	{font-size:9px; text-align:center; line-height:10px; color: #878782; margin-top:-1px; margin-bottom:0px;}

p.main
	{margin-bottom:30px}
.sub
	{font-size:10px}

p.main:first-letter
	{font-size:150%; font-weight:bold; }
.sub
	{margin-left:20px;}
.wechsel, .small
	{text-align:center; font-size:11px; margin:0 3px;}
.small
	{font-size:10px;}
.stimmen {
text-align:left;
margin-left:212px;
}

p.klein
	{font-size:11px; text-align:right; color:#fff;}
li.klein
	{font-size:11px;}

h2 a
	{color:#2D3557; font-weigth:bold; font-size: 100%;}
h2 a:hover
	{color:#C7002C;}
a
	{font-weight:bold; color:#2D3557; line-height:18px}
a:hover
	{color:#C7002C;}
a b
	{color:#553311;}
a b:hover
	{color:#335511;}
a.klein
	{padding:0 3px; font-size:9px; color:#ddd; text-align:center; background-color:#C7002C; border:solid 1px black;}
a.klein:hover
	{color:#996666;}
a.wechsel
	{text-align:center; font-size:11px; margin:0 3px;}
a.wechsel:hover
	{color:#C7002C;}

a.linktipp {
font-weight:normal;
}

select, input, textarea { font-size:11px; background-color:#FEFEFC; color:#000;}
input {height:20px;}
textarea {padding:0px; margin:2px; line-height:16px;}
.Radio {background-color:#DCD9FF;}
.Radio_weiss {background-color:#FFF;}
#box {
float:right;
width:38%;
min-width:304px;
margin:0% 1% 0 0;
padding:3px;
border: dotted 1px black;
background:url('grp/fade.png') repeat-x;
display:inline-block;
}

#box p, #box b, #box li, #box a, .box a, .box li {
line-height:1.3em;
}

#boxfeed {
float:center;
margin:4px;
padding:4px;
font-size:10px;
line-height:10px;
background-color:#A3BAED;
/*background:url('grp/box-bg.gif') repeat-x bottom left;*/
border:0px;
border-right:2px solid #4A4846;
border-bottom:2px solid #4A4846;
}

#boxfeed * {
margin:0px;
font-size:10px;
line-height:12px;
}
#boxfeed a {
font-weight:bold;
color:#D9FF48;
}
#boxfeed a.tipp {
font-weight:bold;
color:#F9FFE2;
}

.box {
float:right;
width:220px;
margin:5px;
padding:3px;
background-color:#A3BAED;
/*background-image:url('grp/box-bg.gif'); background-repeat:repeat-x; background-position:bottom left;*/
border: dotted 1px black;
font-size:11px;
line-height:14px;
}

.box li{
margin-bottom:8px;
margin-left:10px;
}
.box ul{
padding-left:6px;
margin-left:0px;
}
div.mainmenu {
background-color:#eee;
width:100%;
overflow:hidden;
float:left;
}

div.mainmenu a{
height:26px;
max-height:26px;
display:block;
color:#a00;
max-width:100%;
font-weight:normal;
margin:0;
padding-left:10%;
border-left:solid 1px #F8F8F8;
border-top:solid 1px #F7F7F7;
border-bottom:solid 1px #D9D9D9;
border-right:solid 1px #DCDCDC;
background:url('grp/b3.gif');
white-space:nowrap;
overflow:hidden;
padding-left:4%;
font-weight:bold;
}

div.mainmenu a:hover{
color:#EEEEE1;
background-color:#71A5E1;
/*background-image:url('grp/bo.gif');*/
}

.btn
	{background-color: #FB8C09; border: 1px solid Black; height:18px;}

.ads_left {
margin:12px; margin-left:16px; margin-right:0px;
}

div.haupttabelle {
background:#fff url('grp/fade.png') top right repeat-x; 
max-width:1040px; 
text-align:left; 
float:right;
width:100%;
padding-bottom:1%;
}

div.header{
text-align:center;
background:none;
height:183px;
display: block;
width: 100%
clear: both;
}

div#logos{
width:320px;
position: relative; 
top:0; 
z-index:4; 
text-align:center;
margin:auto;
}

div.footer
	{float:left;
	width:100%; 
	padding-top:1%;
	background:#54699E; 
	display:block;
	border-top:dotted 1px grey;
	
	background: rgba(74,71,74,0.99);
background: -moz-linear-gradient(top, rgba(74,71,74,0.99) 0%, rgba(170,170,170,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(74,71,74,0.99)), color-stop(100%, rgba(170,170,170,1)));
background: -webkit-linear-gradient(top, rgba(74,71,74,0.99) 0%, rgba(170,170,170,1) 100%);
background: -o-linear-gradient(top, rgba(74,71,74,0.99) 0%, rgba(170,170,170,1) 100%);
background: -ms-linear-gradient(top, rgba(74,71,74,0.99) 0%, rgba(170,170,170,1) 100%);
background: linear-gradient(to bottom, rgba(74,71,74,0.99) 0%, rgba(170,170,170,1) 100%);

	
	
	
	}
div.footer a {font-size:0.85em;font-weight:normal;float:right;padding:1%;};	

td.texttd
	{max-height:100%; vertical-align:top; padding:0 50px;}


div.colrechts {
width:30%;
background:url('grp/hbr.jpg') no-repeat top right;
float:right;
padding:0;
border-left:1px dotted grey;
}

div.colrechts h2{
  width: 100%;
  text-align:left;
  background-color: #aaa;
  text-shadow: 1px 1px 2px #333;
  color: #ddd;
  margin-top: 6px;
  padding: 0;
}

div.fb-plugin, div.g-link {
margin:2%;
display:block;
float:left;
}

div.g-link {
float:right;
}

div.magazin {
background-color:#eee;
padding:1px; 
border-top:solid 1px grey;
border-bottom:solid 1px grey;
}

div.magazin .blockicon {
background:url('../themes/onomastik/images/magazin.png') no-repeat top left;
margin-right:18px;
}

div.top50form .blockicon {
background:url('../themes/onomastik/images/icon_secondary.png') no-repeat top left;
margin-right:18px;
}

div.mainmenu .blockicon {
background:url('../themes/onomastik/images/icon_similar.png') no-repeat top left;
margin-right:18px;
}

.blockicon {
width:38px;
height:35px;
position:relative;
paddin-top:-3px;
z-index:9;
float:right;
}

div.magazin div *{
font-size:11px;
line-height:14px;
color:#555;
}

div.magazin div * a{
color:#a00;
}

div.magazin div * a:hover{
text-decoration: underline; 
}

div.vn_bg {
width:68%;
max-width:720px;
display:inline-block;
position:relative;
top:0;

}

table.liste
	{width:96%; border:solid 1px black;}
table.liste td
	{border-bottom:dotted 1px black; padding-left:5px; vertical-align:top;}
table.liste tr.fett
	{font-weight:bold; background-color:#ddddcc; border-bottom:solid 1px black;}

a img {border:0px;}

div.artikel {
margin-top:16px;
}
div.artikel * {
color:black;
font-family:arial;
}
div.artikel h1 {
font-size:200%;
line-height:120%;
}
div.artikel h2 {
font-size:150%;
line-height:120%;
}
div.artikel h3 {
font-size:120%;
font-weight:bold;
}
div.artikel h4 {
font-size:110%;
font-weight:bold;
}
#box div.toc a{
font-size:11px;
}



.onogrammblock, .namedetails, .onoads{
display:inline-block;float:left; width:318px;
margin-bottom:28px;
}

.onogrammblock {
width:356px;
}

table.onogram {
border:solid 0px black;
margin-top:2px;
margin-left:15px;
}
td.onofield {
width:10px;
height:10px;
border-bottom:solid black 1px;
font-size:10px;
vertical-align:bottom;
}

td.onofield input[type="radio"]{
background:none;
color:red;
padding:1px;
margin:3px 0;
height:16px;
width:13px;
}

td.dotted {
border-right:1px dotted #000;
border-left:1px dotted #000;
background-color:#eeedef;
}
th.onofield_l, th.onofield_r {
padding-right:3px;
text-align:right;
height:10px;
font-size:10px;
vertical-align:middle;
line-height:12px;
}
th.onofield_r {
text-align:left;
padding-left:3px;
}
td.onolabel,th.onolabel  {
padding:2px;
font-size:10px;
}

input.onovote {
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
 border-radius: 1px;
-moz-box-shadow: 2px 2px 3px #666;
-webkit-box-shadow: 2px 2px 3px #666;
box-shadow: 2px 2px 3px #666;
font-size:13px;
line-height:15px;
background:rgba(88,88,88,0.4);
color:a00;
padding:0px;
width:66%;
margin-top:2px;
}

   
h3.onogram {
text-align:center;
padding-right:40px;
margin:0px;
font-size:16px;
line-height:18px;
color:green;
}

td.onogram_tip {
vertical-align:bottom;
font-size:11px;
font-weight:bold;
padding:6px;
height:16px;
}
h1.lexikon {
margin-top:0px;
margin-left:12px;
text-align:center;
font-weight:bold;
font-size:1.4pc;
margin-bottom:0px;
}

.namenmitnehmen {
margin-left:10px;
width:286px;
height:97px;
padding:3px 7px;
background: #fff url('http://www.onomastik.com/Vornamen-Lexikon/grp/namen_mitnehmen.jpg') no-repeat top left;
}
.namenmitnehmen a{
font-weight:normal;
line-height:1.05em;
}
.namenmitnehmen a h4 {
padding:0 0 12px 0;
margin:0px;
color:#C4BEF4;
}
.namenmitnehmen a span {
font-size:0.9em;
color:#B0B0B0;
padding:0px;
margin:0px;
line-height:1.2em;
}

div.vn_suchform span {width:30%; margin:1%; min-width:200px;}

span.namenliste {
width:230px;
margin:10px;
margin-left:20px;
display:block
}


div.teaser {
margin-botto:12px;
text-align:left;
clear:both;
}

div.teaser h2{
text-align:left;
}

div.teaser img {
float:left;
display:block;
margin-right:3px;
padding-bottom:14px;
clear:both;
}

div.schlagworte, div.weiterenamen {
color:#b3b3b3;
text-align:left;
line-height:0.9em
}
div.schlagworte a, div.weiterenamen a {
padding:0;
padding-left:2%;
display:blocK;
color:#b3b3b3;
font-size:0.8em;
line-height:0.9em;
display:block;
  float:left;
  width:22%;
}
div.schlagworte a:hover, div.weiterenamen a:hover {
color:#C7002C;
}


div.verwandtenamen, div.namenstage, div.namennav {
padding-left:12px;
width:100%;
margin:12px 0 0 0;
}

div.namennav, div.namennav a{
text-align:center;
font-size:10px;
}

span.vnmatch_left {
float:left;
width:160px;
}

#navbar
{
  white-space: nowrap;
  float:left;
  position: relative; 
  top:158px;
  left:4px;
  display: inline;
  clear: both;
}

/*==============  MENU  =====================*/
#primary
{
  font-family: Verdana, Arial;
  color: #888;
  height:25px;
}

#primary ul,
#primary ul li,
#primary ul ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#primary ul {
  position: relative;
  z-index: 597;
   float: left;
   
}

#primary ul li {
  float: left;
  vertical-align: middle;
 background:#fff url(grp/fade.png) repeat-x top left;
  border:solid 1px #ccc;
  border-width:1px 1px 0 1px;
  -moz-border-radius: 3px 3px 0 0;
  -webkit-border-radius: 3px 3px 0 0;
border-radius: 3px 3px 0 0;
filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  opacity: 0.65;
}

#primary ul li.hover,
#primary ul li:hover {
  position: relative;
  z-index: 599;
  cursor: default;
}

#primary ul li {
  list-style-type: none !important;
  list-style-image: none !important;
}

#primary ul ul {
  visibility: hidden;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 598;
  width: 100%;
}

#primary ul ul li {
  float: none;
}

#primary ul ul ul {
  top: 1px;
  left: 99%;
}


#primary ul {
  font-size: 90%;
  font-weight: bold;
  }

#primary ul li {
  margin: 0 2px;
  padding: 2px 3px 2px 3px;
  background-color: transparent;
  text-transform : uppercase;
  }

#primary ul a:hover, #primary ul a.active, #primary ul li.active-trail a {
color: #aa0000;
}

div.alpha_liste {
  margin:2px;
  background:#fff url('grp/fade.png') top right repeat-x; 
  padding-top:26px;
  display:inline-block;
  float:left;
  width:100%;
       }
   
div.alpha_liste a.letter{
margin:2px;
padding:12px 20px 12px 20px;
width:10px;height:10px;
display:inline-block; float:left;
border:solid 1px #b5b9c5;
font-size:17px;
font-weight:bold;
background-color:#d6e2ff;
text-shadow:2px 2px 3px rgba(0,0,0,0.22);
}

div.flags {
  width:96%;
  margin:-10px 0 0 6px;
  padding:12px;
  
}

div.flags a{
  margin:0 -2px;
  }


table.feature_results {
  border:solid 1px #aaa; 
  margin:0 0 0 2%;
  float:left;
  display:inline-block;
 background:#fff url('grp/fade.png') top right repeat-x;
}
table.feature_results td {width:180px;}

#FeatureSearch .limiter {background:#ddd; padding:0px; margin:2%; width:96%; font-size:18px; border:solid 1px #aaa;}
#FeatureSearch .limiter * {font-size:11px;}
#FeatureSearch .limiter * input.radio{vertical-align:bottom;margin:0;background:#ddd;}

#FeatureSearch #feature {height:30px;margin:2%; width:96%; font-size:16px;font-weight:bold;border:solid 1px #444;}

.top50form {float:right; min-height: 198px; width:100%; border:solid 1px #888; background:#fff url(grp/bg-rot.png);}
.top50form_sml {width:100%; border:solid 1px #888; background:#fff url(grp/bg-rot.png);}
.top50form_sml form#FeatureSearch select#feature {height:30px; padding:0;width:96%; font-size:1em;font-weight:normal;border:solid 1px #444;}

/*Magazin Teaser*/
.field-content * img {float:right; padding:1px; border:solid 1px grey;}
.views-view-grid * {font-size:11px; !important; line-height:14px;}
.views-field-teaser {padding-bottom:6px;}

  #site-name a{
background: none;
color: #4b4b4b;
position: relative;
top: -36px;
right: 65px;
float: right;
display: block;
text-shadow: 1px 1px 2px #aaa;
}


/*neu ab vers. 2014*/
/*vote formular, vote form selbst in php datei*/

.ono_text {
	font-size:12px; 0%   { opacity: 0.1; }
	text-align:left;
	font-weight:bold;
	margin:8px;
	color:#222;
	width:97%;
	padding:8px 2px 3px;
	border-bottom:dotted 1px black;}

.ono_text span {
	color:#fbdf93;
	font-size:18px;
	margin:0 4px;
-webkit-animation: fade 3s;
-moz-animation: fade 3s;
animation: fade 3s;
text-shadow:1px 1px 1px rgba(0,0,0,0.8);
	}
	
	@-webkit-keyframes fade {
  0%   { opacity: 0.1; }
  50% { opacity: 1.0; }
    80%   { opacity: 0.4; }
  100% { opacity: 1.0; }
}
	
	@-moz-keyframes fade {
    0%   { opacity: 0.1; }
  50% { opacity: 1.0; }
    80%   { opacity: 0.4; }
  100% { opacity: 1.0; }
}

	@keyframes fade {
    0%   { opacity: 0.1; }
  50% { opacity: 1.0; }
    80%   { opacity: 0.4; }
  100% { opacity: 1.0; }
}



/*zoom out effect*/
form#VoteForm {
display:inline-block;
}
#onogramm_voteform {
width:320px;
min-height:428px;
padding:3px;	
margin-left:2px;
text-align:center;
font-family:verdana;

-webkit-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);
-moz-box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.4);

-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;

/*animate form appear*/
    -moz-animation-name: dropform;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: ease-out;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: dropform;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-duration: 0.3s;

    animation-name: dropform;
    animation-iteration-count: 1;
    animation-timing-function: ease-out;
    animation-duration: 0.3s;
   
	}
	
	
@-moz-keyframes dropform {
      0% {-moz-transform: scale(0); opacity: 0.1;}
      100% {-moz-transform: scale(1);opacity: 1.0;} 
		}
@-webkit-keyframes dropform {
	   0% {-webkit-transform:  scale(0);opacity: 0.1;}
    100% {-webkit-transform:  scale(1);opacity: 1.0;}
		}

@keyframes dropform {
    0% {transform:  scale(0); opacity: 0.1;}
    100% {transform:  scale(1); opacity: 1.0;}
}



@-moz-keyframes closeform {
	0% {-moz-transform: scale(1);opacity: 1.0;}       
     100% {-moz-transform: scale(0); opacity: 0.1;}
      
		}
@-webkit-keyframes closeform {
	  0% {-webkit-transform:  scale(1);opacity: 1.0;}
	  100% {-webkit-transform:  scale(0);opacity: 0.1;}
		}

@keyframes closeform {
    0% {transform:  scale(1); opacity: 1.0;}
    100% {transform:  scale(0); opacity: 0.1;}
}


div.name_head {
min-height:42px;
padding:4px;
width:80%; 
background:#fff;border:dotted 1px grey;
display:block;
margin:8px;}

.svgfont11{
font-size:11px;	
}
.svgfont18{
font-size:18px;	
}	
div.voteblock {
text-align:center;
padding:3px;
clear:both;
width:96%;
border:solid 1px grey;
background:#BEC4E0;
margin:auto;	
}

div.voteblock_iframe {
width:360px;
display:inline;
margin:auto;
}
		
div.voteblock_instr {
width:280px;
margin:auto;
display:inline-block;
font-size:12px;			
line-height:14px;
}
	
div.onoads {
	margin-left:6px;
	}
	


/*ab switch to fluid muss alles! auf fluid umgestellt werden, keine min-width werte mehr, keine festen Pixel, da im Browser mind 100% weite fargestellt werden, auch wenn sie den Screen überschreiten!!!	*/ 
/*START MOBILE*/
@media screen and (max-width: 620px) 
	{
	body {max-width:100%;}
	body{font-size: 140%;}

	div.colrechts {
background:url('grp/hbr.jpg') no-repeat top right;
width:100%;
}

div.vn_bg {
width:100%;
}

a.thema{
display:blocK;
float:left;width:45%;}

.onogrammblock, .onoads{
width:100%;
text-align:center;
margin-bottom:28px;
}

.namedetails, div.name_head, div.top50form {width:96%;margin:2%;padding-left:0;}

table.feature_results {width:96%} 
table.feature_results td {padding:0 10%;} 
#box  {width:96%;margin-bottom:16px;} 

.colrechts a.small {display:none;}

div.schlagworte, div.weiterenamen {display:none;}

}
/*END MOBILE*/