
* {
  margin : 0;
  padding : 0;  
}

p {
  padding : 0 0 10px 0; 
}

a:link, a:visited { outline : none; text-decoration : underline; color:#417394; }
a:active, a:hover, a:focus { outline : none; color : #000000; text-decoration : underline; background-color : transparent; }
a img {  border : 0; }

ul
{
  margin : 0;
  padding : 0 0 0 0;
  line-height : 140%;
}

.text ul { margin : 5px 0 0 0; }

li
{
   list-style-type : none;
   background-image : url(../tmpl/3d/li.gif);
   background-repeat : no-repeat;
   background-position : 0 7px;
   margin : 0;
   padding : 0 0 4px 12px;
   line-height : 140%;
}


h1
{
    margin : 0 0 20px 0;
    padding : 0;
    color : #333333;
    border  : 0;
    font-size : 160%;
    font-weight : normal;
    font-family : "Trebuchet MS", Tahoma;
}

h2
{
    margin : 0 0 0 0;
    padding : 0 0 0 0;
    color : #666;
    border  : 0;
    font-size : 100%;
    font-family : Arial, "Trebuchet MS", Tahoma;
}

.text h1 {
  
    margin : 0 0 10px 0;
    padding : 0;
    color : #25aae1;
    border  : 0;
    font-size : 120%;
    font-weight : bold;
    font-family : Arial, "Trebuchet MS", Tahoma;
}

.text ul {
  
    margin : 0 0 10px 0;
    padding : 0;
}

.text.news
{
  border-bottom : 1px solid #c0c0c0;
  margin : 0 0 20px 0;
  padding : 0 0 20px 0;
}

.text.news .newsimg
{
  float : left;
  margin : 0 0 5px 0;
  width : 215px;
}

.text.news .texttoimg
{
  float : right;
  width : 450px;
}

.text img
{
  margin :  5px 0 10px 0;
}

.text .bildlinksimg, .box .bildlinksimg 
{
  float : left;
  margin :  5px 10px 5px 0 !important;
}

.text .bildrechtsimg, .box .bildrechtsimg 
{
  float : right;
  margin :  5px 0 5px 10px !important;
}

.bildtext
{
    margin : 0;
    padding : 2px 0 2px 0;
    color : #808080;
    clear : both;
}

/* ---------------------------------- */
/* VORDEFINIERT IN DEV4U */
/* ---------------------------------- */

.bfnavi
{
  display : inline;
  margin : 0;
  margin-right : 10px;
  padding : 0 0 0 0;
  float : left;
}

.bfnavi li
{
  display : inline;
  margin : 0;
  padding : 0;
  background-image : none;
}

.bfnavi li a:link, .bfnavi li a:visited { color : #000000; text-decoration : none; }
.bfnavi li a:active, .bfnavi li a:hover, .bfnavi li a:focus { color : #000000; font-weight : normal; text-decoration : underline;}


/* Bildunterschrift*/
.bild
{
  color : #606060;
}

.invisible
{
  display : none;
}

.brotkruemel
{
    display: inline;
	margin: 0;
	padding: 0;
}

.kommentar
{
   color : #808080;
   font-style : italic;
}

.backlink
{
   color : #808080;
   font-size : 100%; 
}


/* ---------------------------------- */
/* FORMULARE */
/* ---------------------------------- */

form
{
 margin: 0px;
 padding: 0px;
}

input, textarea, .select, .option, .submit
{
  font-size: 100%;
  font-family : Verdana,Arial,Sans-serif;
}

.submit
{
    margin-top : 5px;
    border : 1px solid #696969;
    background-color : #efefef;
}

.formerror
{
  color : #ff0000;
  font-weight : bold;
  font-size: 100%;
}


.newsbox
{
  padding: 5px 10px 5px 10px;
  margin: 0px 0px 20px 0px;
  text-align : left;
  position : relative;
  border : 1px solid #dfdfdf;
}

.newsbox h2
{
    margin : 0 0 10px 0;
    padding : 0 0 5px 0;
    color : #303030;
    border  : 0;
    font-size : 120%;
    font-weight : bold;
    font-family : Georgia, Verdana, Arial, Sans-serif;
    border-bottom : 1px solid #c0c0c0;
}

.newsbox .textdatum
{
    position : absolute;
    top : 5px;
    right : 15px;
    font-style : italic;
}




/* SEITEN NAVIGATION */

.tgboxliste
{
  margin : 0;
  padding : 0;
}

.tgboxliste li
{
  margin : 0;
  padding : 0 0 10px 0;
  background-image : none;
  line-height : 140%;
}

.tgboxliste li a:link, .tgboxliste li a:visited { text-decoration : none; }
.tgboxliste li a:hover, .tgboxliste li a:focus, .tgboxliste li a:active { text-decoration : underline; }

.tgbild
{
  float : left;
  padding : 0 0 0 0;
}

.tgboxtext
{
    /*float : left;
    width : 80px;*/
}

.tgboxdatum
{
    font-weight : normal;
    font-style : italic;
}

.tgbild img
{
  margin : 3px 10px 0 0;
  border : 1px solid #c0c0c0;
  background-color : transparent;
}

.tgbild a:hover, .tgbild a:focus, .tgbild a:active { background-color : transparent !important; }


.bildrechtsdiv .bild
{
  float : right;
}

.bildrechtsdiv .bild img
{
 border : 1px solid #c0c0c0;
}

.bildrechtsdiv .text
{
  width : 480px;
}

.textunterbild
{
  margin : 5px 0 0 0;
  line-height : 140%;
}

.textlinks
{
  width: 300px;
}

.textlinks .bildrechtsimg
{
  float: left;
  margin :  5px 0 10px 60px !important;
  border : 1px solid #c0c0c0;
}

/* LAYOUT */

body
{
    font-family: Arial, Helvetica, sans-serif;
    font-size : 0.8em;
    margin : 0;
    padding : 0;
    color : #333;
    text-align : center;
    background-color : #c7c7c7;
}

#bodyhgwrap {
    
    margin : 0;
    padding : 0;
    background-image: url(../tmpl/3d/kontent_hg.jpg);
    text-align : center;
}

#bodyhgwrap.facebook {
    
    background-image: none;
    background-color : #fff;
}

#bodyhg {
    
    margin : 0;
    padding : 0;
    text-align : center;
    background-image: url(../tmpl/3d/hg.jpg);
    background-repeat : repeat-x;
}

#bodyhg.facebook {
    
    background-image: none;
}

#cookieWrap
{
    margin : 0 auto;
    padding : 0;
    width : 980px;
}

.cookieWrapPadding
{
	padding: 20px 0;
}


#rahmen {
    
    margin : 0 auto;
    padding : 0;
    width : 980px;
    font-size : 101.01;
}

#rahmen.facebook {
    
    width : 100%;
}


#kontentwrap
{
    margin : 0 auto 0 auto;
    padding : 0;
    text-align : left;
    width : 980px;
    min-height : 600px;
}

#kopf {
    
    position: relative;
    height: 85px;
    margin : 0;
    padding : 0;
    background-image: url(../tmpl/3d/kopf.jpg);
    background-repeat : repeat-x;
    text-align : center;
}

#logo {
  
  position : absolute;
  top : 0;
  left : 0;
}

#kopf .abs {
    
    padding : 0;
    margin : 0;
}

#kopf .kontent {
    
    padding : 0;
    margin : 0;
    text-align : right;
}

#kopfnavi {
    
    padding: 1px 0 1px 2px;
    margin : 0;
    background : url(../tmpl/3d/navi_trenner.jpg) no-repeat 0 1px;
    position : relative;
}

#kopfnavi .sharelinkswrap {
    
    position : absolute;
    top : 4px;
    right : 0px;
}



/* ---------------------------------- */
/* HORIZONTALE NAVIGATION */
/* ---------------------------------- */


#kopfnavi .navidiv
{
  list-style-type : none;
  margin : 0;
  padding : 0;
  height : 25px;
}


#kopfnavi .navidiv li
{
  color : #4b4b4b;
  float : left;
  list-style-type : none;
  background-image : none;
  margin : 0;
  padding : 0 2px 0 0;
  height : 25px;
  
  background : url(../tmpl/3d/navi_trenner.jpg) no-repeat right;
}

#kopfnavi .navidiv li a
{
  font-size : 100%;
  padding : 0 15px 0 15px;
  height : 25px;
  float : left;
  /* width : 90px; */
  display : block;
  text-align : center;
  line-height : 25px;
}

#kopfnavi .navidiv li a:link, #kopfnavi .navidiv li a:visited
{
   color : #333;
   font-weight : normal;
   text-decoration : none;
}

#kopfnavi .navidiv li a:hover, #kopfnavi .navidiv li a:focus
{
   color : #333;
   font-weight : normal;
   text-decoration : none;
   background : url(../tmpl/3d/navi_ac.jpg) repeat-x;
}


#kopfnavi .navidiv .naviactiv a:link, #kopfnavi .navidiv .naviactiv a:visited
{
   color : #333;
   font-weight : normal;
   text-decoration : none;
   background : url(../tmpl/3d/navi_ac.jpg) repeat-x;
}

#pfadwrap {
  
    height : 30px;
    font-size : 87%;
    text-align : left;
    color : #c0c0c0;
    clear : both;
    position: relative;
}

#pfadwrap p.brotkruemel {
  
    padding : 8px 0 0 5px;
    display : block;
    float: left;
}


/* SPALTEN */
#kontentwrap {
  
    padding: 0;
    margin : 0;
}

#spalten {
  
    padding: 10px 0 020px 0;
    margin : 0;
}

#linkespalte {
    
	float: left;
	width: 200px;
}

#layoutmitte {
    
	float: left;
	width: 570px;
    padding: 0;
    margin : 0;
}

#layoutmitte {
    
	float: left;
	width: 570px;
    padding: 0;
    margin : 0;
}

#layoutmitte.breit {
    
	float: left;
	width: 780px;
    padding: 0;
    margin : 0;
}

#layoutmitte.ohnespalten {
    
	float: left;
	width: 980px;
    padding: 0;
    margin : 0;
}


#layoutmitte .layoutmitte-abs{
    
    padding: 0 0 0 10px;
    margin : 0;
}


#layoutmitte.breit .layoutmitte-abs{
    
    padding: 0 0 0 10px;
    margin : 0;
}

#layoutmitte.ohnespalten .layoutmitte-abs{
    
    padding: 0 0 0 0;
    margin : 0;
}


#rechtespalte {
    
	float: right;
	width: 200px;
}

/* ---------------------------------- */
/* BOXEN */
/* ---------------------------------- */


.box, .textblock
{
  padding: 0;
  margin: 0;
  text-align : left;
  background : url(../tmpl/3d/box200_hg.jpg) repeat-y;
}

.textblock .text
{
  position : relative;
}

.box .kopfhg, .textblock .kopfhg
{
  padding: 0;
  margin: 0;
  background : url(../tmpl/3d/box200_kopf.jpg) no-repeat;
}

.box h2, .box h3
{
    margin : 0 0 0 0;
    padding : 0 0 0 10px;
    color : #fff;
    font-size : 87%;
    font-weight : bold;
    background : url(../tmpl/3d/box200_h2.jpg) no-repeat;
    height : 36px;
    line-height : 37px;
    text-transform : uppercase;
}

.box h2 a, .box h2 a:link, .box h2 a:visited
{
    color : #fff;
    text-decoration : none;
}

.box h2 a:hover, .box h2 a:focus
{
    color : #f1f1f1;
    text-decoration : underline;
}

.box .boxtext, .box .content, .textblock .text
{
  background-color : transparent;
  color : #333;
  font-weight : normal;
  line-height : 140%;
  list-style-type : none;
  background-image : none;
  padding : 10px 10px 0 10px;
  margin : 0;
  position : relative;
}

.box .warnung
{
  margin : 10px !important;
}


.boxschatten {
    
  background-image : url(../tmpl/3d/box200_fuss.jpg);
  background-repeat : no-repeat;
  background-position : 0 0;
  height : 7px;
  margin : 0 0 10px 0;
  line-height : 0px;
  font-size : 0px;
}



#layoutmitte .box, #layoutmitte .textblock {
    
    background : url(../tmpl/3d/box560_hg.jpg) repeat-y;
}

#layoutmitte .box .kopfhg, #layoutmitte .textblock .kopfhg
{
  padding: 0;
  margin: 0;
  background : url(../tmpl/3d/box560_kopf.jpg) no-repeat;
}

#layoutmitte .box h2 {
    
    background : url(../tmpl/3d/box560_h2.jpg) no-repeat;
}

#layoutmitte .boxschatten {
    
    background : url(../tmpl/3d/box560_fuss.jpg) transparent no-repeat;
}



#layoutmitte.breit .box, #layoutmitte.breit  .textblock {
    
    background : url(../tmpl/3d/box770_hg.jpg) repeat-y;
}

#layoutmitte.breit  .box .kopfhg, #layoutmitte.breit  .textblock .kopfhg
{
  padding: 0;
  margin: 0;
  background : url(../tmpl/3d/box770_kopf.jpg) no-repeat;
}

#layoutmitte.breit  .box h2 {
    
    background : url(../tmpl/3d/box770_h2.jpg) no-repeat;
}

#layoutmitte.breit  .boxschatten {
    
    background : url(../tmpl/3d/box770_fuss.jpg) transparent no-repeat;
}


.box .content .tagcloud {
    
    padding : 0;
}

.box .content .option-list
{
  padding : 0 0 0 0;
}

.box .content .option-list a
{
  padding : 0 0 0 20px;
}

.box .textdatum
{
    position : absolute;
    top : 5px;
    right : 0px;
    font-style : italic;
}

.boxtext a:link, .boxtext a:active, .boxtext a:visited { text-decoration : underline; color : #000; }
.boxtext a:hover, .boxtext a:focus { text-decoration : underline; color : #00ace4; }

.box ul
{
  padding: 0 0 0 0;
  margin : 0;
}

.box .datum
{
  display : block;
  font-style : italic;
  color : #161f2a;
}

.boxtext img
{
  margin-top: 5px;
}

.backlink
{
  font-weight : bold;
  text-align : right;
  margin : 0px 10px 0 10px;
  clear : both;
  line-height : 140%;
  text-align : right;
}

.boxfuss
{
  font-weight : bold;
  text-align : right;
  margin : 0px 10px 0 10px;
  clear : both;
  line-height : 140%;
  text-align : right;
  height : 16px;
}

.boxfuss a
{
  background-image : url(../tmpl/3d/pfeil_blau.png);
  background-repeat : no-repeat;
  background-position : 0 1px;
  padding : 0 0 4px 18px;
  line-height : 100%;
  color : #333333;
  display : block;
  float : right;
  font-size : 87%;
  font-family : tahoma, arial;
}

.backlink {
  
  margin : 10px 0 0 0;
  text-align : left;
}

.boxfuss a:link, .boxfuss a:visited, .backlink a:link, .backlink a:visited { color : #3c94b9; font-weight : normal; text-decoration : underline; }
.boxfuss a:hover, .boxfuss a:focus, .backlink a:hover, .backlink a:focus { color : #333333; font-weight : normal; text-decoration : underline; }

/* BOXEN STARTSEITE */

#boxen {
  
  background-color : #fff;
  padding : 0 0 0 20px;
  margin : 0;
}


#boxen .box {
  
  width : 215px;
  float : left;
  margin : 0 20px 0 0;
  position : relative;
  background : none;
}

#boxen .box .boximg {
  
  width : 215px;
  height : 75px;
  overflow : hidden;
  margin : 0 0 5px 0;
}


/* ---------------------------------- */
/* BOXEN */
/* ---------------------------------- */

#fuss {
    
    background-repeat : no-repeat;
    font-size : 87%;
    position : relative;
    width : 980px;
    margin : 0 auto 0 auto;
    text-align : left;
    height : 120px;
    color : #efefef;
    /*background : url(../tmpl/3d/3d.jpg) no-repeat right 30px;*/
}

#fuss .abs {
  
	padding: 5px 0 0 0;
    background : url(../tmpl/3d/trenner.jpg) repeat-x top;
}

#fuss a:link, #fuss a:visited {
  
	color : #efefef;
}

/* NAVIGATION FUSSBEREICH */

#fuss .navidiv {

  position : absolute;
  top : 5px;
  right : 0;
}

#fuss .navidiv li {

  display : inline;
  background-image : none;
  padding : 0;
  margin : 0 0 0 0;
  color : #efefef;
}

#fuss .navidiv li a, #fuss .navidiv li a:link, #fuss .navidiv li a:visited {

  display : inline;
  text-decoration : none;
  color : #efefef;
}

#fuss .navidiv li a:hover, #fuss .navidiv li a:focus {
  
  display : inline;
  text-decoration : underline;
  color : #efefef;
}


.imgwrap {
  
  margin : 0 0 10px 0; 
}

.button3d {
  
    background : url(../tmpl/3d/button_3d.jpg) no-repeat;
    width : 200px;
    height : 30px;
    margin : 0 0 10px 0; 
}

.button3d .button3d-abstand {
  
    margin : 0 0 0 0;
    padding : 7px 0 0 10px;
}

/* NEWSLETTER */


.box.newsletter #email {
  
  border : 1px solid #bbbbbb;
  width : 175px;
}

.box.newsletter .content {
  
  
}

.unreg-link {
  
  padding : 10px 0 0 0;
  clear : both;
}


/* BLOG */


.textblock h2 /* newstexte texte */
{
    margin : 0 0 10px 0;
    padding : 0 0 3px 0;
    color : #3c94b9;
    font-weight : bold;
    font-size : 120%;
    line-height : 140%;
    font-family : Helvetica, Arial;
    border-bottom : 1px solid #24a9e1;
}

.textblock .textdatum
{
    display : block;
    color : #666;
    font-size : 100%;
    position : absolute;
    top : 14px;
    right : 10px;
}

.textblock .textblock-tags
{
    display : block;
    color : #999;
    font-size : 87%;
    padding : 0;
    margin : 0;
}

.textblock .textblock-tags a:link, .textblock .textblock-tags a:visited
{
    color : #666;
    text-decoration : none;
}

.textblock .textblock-tags a:hover, .textblock .textblock-tags a:focus
{
    color : #666;
    text-decoration : underline;
}

.textblock .newsimg {
  
  width : 100px;
  float : left;  
  margin : 0;
}

.textblock .newsimg img {
  
  margin : 3px 0 0 0;
}

.textblock .texttoimg {
  
  float : right;
  width : 640px;
}


/* BLOG SHORT */

.box.textgruppe-short .content {
  
  font-size : 87%;
  font-family : tahoma;
}

.box.textgruppe-short .datum
{
  display : block;
  font-style : normal;
  color : #666666;
}

.box.textgruppe-short .content a:link, .box.textgruppe-short .content a:visited {
  
  text-decoration : none;
}

.box.textgruppe-short .content a:hover, .box.textgruppe-short .content a:focus {
  
  text-decoration : underline;
}

/* LINKS */

.sharelinks a, .sharelinks a:link, .sharelinks a:visited {
  
  text-decoration : none;
  font-size : 87%;
  font-family : tahoma;
}

.sharelinks img {
  
  vertical-align : middle;
}



/* DEVBOX */

.devbox
{
  padding : 0;
  margin : 0 0 10px 0;
  border: 1px solid #d3d3d3;
  background-color : #f1f1f1 !important;
  position: relative;
  line-height : 140%;
}


.shoutbox #shoutboxtext{
    
    width : 160px !important;
    margin : 0 0 2px 5px;
    border : 1px solid #c0c0c0;
    padding : 2px;
}

#layoutmitte .shoutbox #shoutboxtext{
    
    width : 360px !important;
    margin : 0 0 2px 0;
    border : 1px solid #c0c0c0;
    padding : 2px;
}


.shoutbox #senden {
    
    margin : 0 0 2px 5px;
    width : 166px !important;
}

#layoutmitte .shoutbox #senden {
    
    margin : 0 0 2px 5px;
    width : 100px !important;
}

.shoutbox {
    
    
}

.shoutbox .author {
    
    display : block;
    color : #999;
}

.shoutbox .content {
    
    font-size : 87%;
    font-family : tahoma;
}


.shoutbox .content ul.tweets {
    
    overflow : auto;
    height : 260px;
}

#layoutmitte .shoutbox .content ul.tweets {
    
    overflow : auto;
    height : 420px;
}


.shoutbox .content ul.tweets li {
    
    padding : 3px 0 4px 0;
    background-image : none;
    line-height : 120%;
    background-position : 0 4px;
    border-bottom : 2px solid #fff;
}



#blankdiv {
  
  margin : 10px;
  padding : 10px;
  background-color : #fff;
}

#blankdiv .textblock, #blankdiv .kopfhg, #blankdiv .boxschatten {
  
  background-image : none !important;
}


/* FACEBOOK */


#kontentwrap.facebook
{
    width : 500px;
    margin : 0;
    overflow : hidden;
}

#kontentwrap.facebook #spalten{
    
    padding : 0;
}

#layoutmitte.facebook {
    
    float : none;
    width : 500px;
}

#layoutmitte.facebook .layoutmitte-abs{
    
    padding: 0 0 0 0;
    margin : 0;
}

#layoutmitte.facebook .box h2 {
    
    background : none;
    background-color : #49668e;
    padding : 2px 10px;
    height : auto;
    line-height : 120%;
}

#layoutmitte.facebook .box {
    
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    margin : 0 0 10px 0;
    padding : 0 0 5px 0;
}

#layoutmitte.facebook .boxschatten {
    
    display : none;
}

#layoutmitte.facebook .pixelbank-preview .imgliste {
    
    margin: 10px 0 10px 10px;
    padding: 0;
}

#layoutmitte.facebook .box {
    
    background: none;
    margin : 0;
}



/* SHARE */

.sharedivWrap {
	

	border : 1px solid #636d73;
	padding : 0;
	margin : 0 0 10px 0;
	text-align : center;
	background-color : #fff;
	
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.sharedivInner {
	
	background-color : #e3e3e3;
	padding : 10px 10px 10px 10px;
	border : 1px solid #fff;
	height : 22px;
}

.sharedivWrap .shareWrap {
	
	float : left;
	height : auto;
	width : auto;
	margin : 0;
	padding : 0 8px 0 0;
}

.sharedivWrap .shareWrap.pos3 {
	
	padding : 0;
	margin : 0;
}

.boxmargin
{
  margin: 0 0 10px 0;
}

/* SUCHE */

#gwsearch_formular
{
    position: absolute;
    top: 10px;
    right: 0px;
    width: 330px;
}

#gwsearch_formular #gwsearchbtn {
    
    background: url("../tmpl/3d/search.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    float: right;
    height: 22px;
    margin: 0 0 0 6px;
    padding: 0;
    text-indent: -9999px;
    top: -1px;
    width: 70px;
    border: 0;
}

#gwsearch_formular label {
    
    float: left;
    display: block;
    padding: 3px 0 0 0;
}

#gwsearch_formular #searchkeyword {
    
    background: url("../tmpl/3d/search_hg.png") no-repeat scroll 0 0 transparent;
    float: right;
    height: 20px;
    margin: 0;
    padding: 0 0 0 4px;
    width: 175px;
    border: 0;
}

.cbox {
	

	border : 1px solid #636d73;
	padding : 0;
	margin : 0 0 10px 0;
	text-align : center;
	background-color : #fff;
    text-align : left;
}

.cboxInner {
	
	background-color : #e3e3e3;
	padding : 10px 10px 10px 10px;
	border : 1px solid #fff;
}

















