/* Erstellt von Ralph Segert - www.segert.net*/


* {
margin: 0;
padding: 0;
}

body {
background-color: #fff;
color: #000;
font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

a:focus {
outline: none;
}

/*    Layoutgeruest Startseite
____________________________________*/



#gesamt {
margin: 0 auto;
width: 956px;
background-color: #fff;
}


#kopf {
float: left;
width: 956px;
height: 200px;
background: url(http://segert.net/images/0bg-header.gif) bottom no-repeat;
}


#hauptnavi {
position: absolute;
top: 66px;
height: 130px;
}


#subnavi {
position: absolute;
top: 200px;
width: 956px;
color: #fff;
height: 44px;
background: #fff url(http://segert.net/images/0bg-menue.gif) top repeat-x;
}


#content {
float: left;
width: 660px;
padding:94px 19px 0px 30px;
}

#sidebar {
float: right;
width: 231px;
padding: 100px 0 40px 0;
}

#nachoben {
position: relative;
white-space: nowrap;
text-align: right;
width: 99%;
}

#nachoben img {
margin-bottom: -3px;
}


#footer {
float: left;
width: 956px;
color: #fff;
height: 44px;
margin-bottom: 20px;
background: #fff url(http://segert.net/images/0bg-footer.gif) bottom left repeat-x;
}



/*      Klassen im Kopf
____________________________________*/


.logo {
float:right;
margin: 28px 12px 0 0;
}

.anidummy {
display: inline;
}

.anidummy img {
position: absolute;
padding: 52px 0 0 315px;
}


/*      Hauptnavigation
____________________________________*/



#navi ul li {
display: inline;
list-style-type: none;
}

.none {
display: none;
}


.webdesign {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-web-on.gif) no-repeat;
} 

.webdesign a {
float: left;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-web-on.gif) no-repeat;
background-position: -200px 0;
}

.webdesign a:hover {
background: url(http://segert.net/images/hm-web.gif) no-repeat;
background-position: 0 0;
}

.webdesign-on a {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
white-space: nowrap;
background: url(http://segert.net/images/hm-web.gif) no-repeat;
} 

.icondesign {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-icon-on.gif) no-repeat;
} 

.icondesign a {
float: left;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-icon-on.gif) no-repeat;
background-position: -200px 0;
}

.icondesign a:hover {
background: url(http://segert.net/images/hm-icon.gif) no-repeat;
background-position: 0 0;
}

.icondesign-on a {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-icon.gif) no-repeat;
} 

.grafikdesign {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-grafik-on.gif) no-repeat;
} 

.grafikdesign a {
float: left;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-grafik-on.gif) no-repeat;
background-position: -200px 0;
}

.grafikdesign a:hover {
background: url(http://segert.net/images/hm-grafik.gif) no-repeat;
background-position: 0 0;
} 

.grafikdesign-on a {
float: left;
margin-left: 70px;
height: 102px;
width: 87px;
min-width: 87px;
background: url(http://segert.net/images/hm-grafik.gif) no-repeat;
} 


/* Subnavigation
____________________________________*/

#subnavi ul li {
display: inline;
list-style-type: none;
color: #aaa;
}

#subnavi ul {
font-size: .9em;
padding: 8px 50px 2px 42px;
line-height: 26px;
}

#subnavi .sub a, #subnavi .sub-on a {
margin-right: 42px;
color: #fff;
background-color: transparent;
} 

#subnavi .sub-on a {
margin-right: 42px;
color: #f00;
background-color: transparent;
} 

#subnavi .sub2 a, #subnavi .sub-on2 a {
margin-left:62px;
color: #fff;
background-color: transparent;
} 

#subnavi .sub-on2 a {
margin-left:62px;
color: #f00;
background-color: transparent;
} 

#subnavi .sub2 a:hover {
color: #f00;
background-color: transparent;
} 

#subnavi .sub a:hover {
color: #f00;
background-color: transparent;
} 

.icon {
display: inline;
}

.icon img {
position: absolute;
padding: 48px 0 0 88px;
}


/* Allgemeine Linkformatierung
____________________________________*/


a:link, a:visited {
color: #06C;
background-color: transparent;
border-bottom: 0px dotted;
text-decoration: none;
}

a:hover, a:active {
color: #999;
background-color: transparent;
border-bottom: 0px dotted;
text-decoration: none;
}


#content a:link, #content a:visited {
color: #06C;
background-color: transparent;
border-bottom: 1px dotted;
text-decoration: none;
}

#content a:hover, #content a:active {
color: #999;
background-color: transparent;
border-bottom: 0px dotted;
text-decoration: none;
}

#content h1 a:link, #content h1 a:visited {
border-bottom: 0px dotted;
text-decoration: none;
}

#content h2 a:link, #content h2 a:visited {
border-bottom: 0px dotted;
text-decoration: none;
}

#content h3 a:link, #content h3 a:visited {
border-bottom: 0px dotted;
text-decoration: none;
}



/* Grundformatierungen Text
____________________________________*/


h1 {
font-weight: normal;
font-size: 1.6em;
color: #000;
line-height: 31px;
letter-spacing: 0px;
padding: 10px 0 7px 0px;
margin: 10px 0 8px 0;

}

h2 {
font-weight: normal;
font-size: 1.6em;
color: #000;
line-height: 31px;
letter-spacing: 0px;
padding: 10px 0 7px 0px;
margin: 50px 0 8px 0;

}

h3 {
font-weight: normal;
font-size: 1em;
color: #000;
background-color: #fff;
padding: 2px 0 8px 0;
line-height: 22px;
margin: 12px 0 8px 0;
}


.hdrei {
padding: 10px 0 0 106px;
margin-bottom: 8px;
}

.hdrei2 {
padding: 0 0 0 99px;
margin: 0 0 6px 0;
}

h4 {
font-weight: normal;
font-size: 1em;
color: #000;
background-color: #fff;
padding-bottom: 8px;
padding-top: 2px;
line-height: 22px;
margin-left: 0px;
margin-top: 12px;
margin-bottom: 4px;
}

h5 {
font-weight: normal;
font-size: 1.2em;
color: #111;
letter-spacing:0;
background-color: #fff;
padding-bottom: 14px;
padding-top: 30px;
line-height: 20px;
}

h6 {
font-weight: normal;
font-size: 1.1em;
color: #000;
letter-spacing:1px;
background-color: #fff;
padding-bottom: 15px;
padding-top: 2px;
line-height: 22px;
margin-left: 0px;
margin-bottom: 4px;
margin-top: 35px;
}

p {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-align: left;
line-height: 23px;
padding-bottom: 12px;
letter-spacing: 1px;
font-size: .8em;
}

#content img {
border: 1px solid #999;
}

.last {
padding: 10px 0 50px 0;
}

.last img {
margin-bottom: 12px;
}

.laststart {
padding: 0px 0 40px 0;
}

.intro {
margin-bottom: -10px;
margin-top: 0px;
}

.info {
margin: 0px 0px 0px 0px;
letter-spacing: 0;
font-size: 12px;
color: #666;
}

#content .info a {
border-bottom: 0px dotted;
text-decoration: none;
}

.info2 {
margin: 35px 0 -2px 0;
letter-spacing: 0;
font-size: 15px;
color: #666;
}

.datum {
margin: -5px 0 15px 0px;
letter-spacing: -1px;
font-size: 22px;
color: #aaa;
}


.weiterlesen {
float: right;
margin: -35px 60px 0 0;
letter-spacing: 1px;
font-size: 16px;
color: #999;
}

#content .weiterlesen a {
border-bottom: 0px;
text-decoration: none;
}

#content .info2 a {
border-bottom: 0px dotted;
text-decoration: none;
}

.werben {
margin: 20px 0px 0px 0px;
letter-spacing: 1px;
line-height: 21px;
text-align: center;
}



#content ul li {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
list-style: none;
background: url(http://segert.net/images/bg-li.gif) no-repeat 0 8px;
text-align: left;
line-height: 24px;
padding-bottom: 7px;
padding-left: 20px;
margin-left: 20px;
letter-spacing: 1px;
font-size: .8em;
}

#content ul {
padding-bottom: 20px;
}

.fusszeile {
font-size: .7em;
letter-spacing: 2px;
margin-top: 4px;
text-align: center;
padding: 5px 0 0 0;
color: #fff;
}

.fusszeile a:link, .fusszeile a:visited {
color: #ccc;
background-color: transparent;
}

.fusszeile a:hover {
color: #fff;
background-color: transparent;
}

.news {
line-height: 23px;
}

.news img {
margin: -28px 20px 12px 6px;
float: left;
}

.vcard img {
margin: 0 20px 12px 0;
float: left;
}


.topgrafik {
display: inline;
text-align: right;
margin-right: 100px;
margin-left: 70%;
}

.homegrafik {
display: inline;
text-align: left;
margin-left: 70px;
}

.nachoben {
text-align: center;
}

.nachoben2 {
text-align: center;
padding-bottom: 12px;
}

.portrait img {
float: left; 
margin-top: -18px; 
margin-right: 12px;
margin-left: 7px;
margin-bottom: 14px;
}

.agb {
padding-bottom: 12px;
letter-spacing: 0;
}

.preiszeile {
font-size: .9em;
margin-top: -10px;
margin-left: 52px;
}

.unterzeile {
margin-top: -30px;
color: #999;
background-color: #fff;
}

.unterzeile-klein {
font-size: .8em;
margin-top: -30px;
color: #999;
background-color: #fff;
}

.unterzeile-preis {
font-size: .8em;
margin-top: 40px;
line-height: 19px;
margin-bottom: -30px;
color: #666;
letter-spacing: 0;
background-color: #fff;
}

em {
font-style: normal;
color: #990;
background-color: #fff;
}

img {
border: 0;
}

#navi span {
display: none;
}

#logorahmen span {
display: none;
}

.bild {
margin-left: 52px;
width: 350px;
float: left;
border: 1px dotted #ccc;
border-bottom: 0;
padding: 3px 6px 3px 6px;

}

.text {
float: left;
text-align: right;
width: 100px;
border:  1px dotted #ccc;
border-left: 0px;
border-bottom: 0;
padding: 3px 6px 3px 6px;
}

.bild2 {
margin-left: 52px;
width: 350px;
float: left;
border: 1px dotted #ccc;
border-top: 1px solid #bbb;
padding: 3px 6px 3px 6px;
}

.text2 {
float: left;
text-align: right;
width: 100px;
border:  1px dotted #ccc;
border-top: 1px solid #bbb;
border-left: 0px;
padding: 3px 6px 3px 6px;
}

hr {
clear: both;
visibility: hidden;
width: 0;
height:0; 
margin:0; 
padding:0; 
}



/* Sidebar
_____________________________*/

.boxkopf {
font-weight: normal;
font-size: .8em;
color: #fff;
text-align: center;
letter-spacing: 0px;
padding: 5px 0 0 0;
margin-bottom: 0;
height:30px;
width: 231px;
background: #fff url(http://segert.net/images/0bg-sidebar.gif) top no-repeat;
}

.boxinhalt {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .8em;
color: #000;
text-align: left;
padding: 14px 8px 18px 14px;
letter-spacing: 0px;
line-height: 20px;
margin-top: 0;
margin-bottom: 44px;
width: 209px;
background: #d8d8d8 url(http://segert.net/images/0bg-boxunten.gif) bottom no-repeat;
}

.boxtags {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .7em;
color: #000;
text-align: left;
padding: 14px 8px 18px 14px;
letter-spacing: 0px;
line-height: 20px;
margin-top: 0;
margin-bottom: 44px;
width: 209px;
background: #d8d8d8 url(http://segert.net/images/0bg-boxunten.gif) bottom no-repeat;
}

.boxinhalt2 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .8em;
color: #000;
text-align: center;
padding: 14px 8px 18px 14px;
letter-spacing: 0px;
line-height: 20px;
margin-top: 0;
margin-bottom: 44px;
width: 209px;
background: #d8d8d8 url(http://segert.net/images/0bg-boxunten.gif) bottom no-repeat;
}

#sidebar ul li {
list-style: none;
background: url(http://segert.net/images/bg-li2.gif) no-repeat 0 6px;
}

#sidebar li {
padding-bottom: 4px;
padding-left: 16px;
}

.boxlist {
list-style: circle;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .7em;
color: #000;
text-align: left;
padding: 15px 6px 18px 15px;
letter-spacing: 0px;
line-height: 17px;
margin-top: 0;
margin-bottom: 44px;
width: 210px;
background: #d8d8d8 url(http://segert.net/images/0bg-boxunten.gif) bottom no-repeat;
}

.boxlist2 {
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
font-size: .8em;
color: #000;
text-align: center;
padding: 14px 8px 18px 14px;
letter-spacing: 0px;
line-height: 20px;
margin-top: 0;
margin-bottom: 44px;
width: 209px;
background: #d8d8d8 url(http://segert.net/images/0bg-boxunten.gif) bottom no-repeat;
}

.rss {
display: block;
margin-bottom: -18px;
margin-top: 8px;
margin-left: 60px;
height: 85px;
width: 84px;
background: url(http://segert.net/images/icon-rss01.gif) no-repeat;
background-position: 0 0;
}

.rss a {
display: block;
height: 85px;
width:84px;
background: url(http://segert.net/images/icon-rss01.gif) no-repeat;
background-position: -85px 0;
}

.rss a:hover {
background: url(http://segert.net/images/icon-rss02.gif) no-repeat;
background-position: 0 0;
}



/* Tabelle
____________________________________*/


#tabelle  {
padding-bottom: 30px;
}

table {
width: 626px;
border: 1px solid #cacaca;
border-spacing: 0;
}

caption {
background: url(http://segert.net/images/bg-streifen-tabelle.gif) #e5e5e5 top left repeat-x;
color: #4b4b4b;
border: 1px solid #cacaca;
border-bottom: 1px solid #9f9f9f;
padding: 5px;
}

thead tr th, tr thead td, tbody tr th, tbody tr td, tbody tr.grau th, tbody tr.grau td  {
border-left: 1px solid #cacaca;
font-size: .7em;
font-weight: normal;
padding: 5px;
text-align: center;
vertical-align: top;
}

thead tr th, tr thead td {
background: #e8e8e8;
border-bottom: 1px solid #cacaca;
}

tbody tr th, tbody tr td {
color: #4b4b4b;
}

tbody tr.grau th, tbody tr.grau td {
background: #eee;
}

tbody tr:hover th, tbody tr:hover td, tbody tr.grau:hover th, tbody tr.grau:hover td {
background: #9f9f9f;
color: #fff;	
}

#r0, #r1, #r2, #r3 {
color: #000;
text-align: right;
border-left: 0;
}





/* Kontaktformular
_____________________________*/



form {
margin-top: 10px;
margin-bottom: 30px;
}

fieldset {
border: 0px;
margin-bottom: -10px;
}

legend {
display: none;
}

label {
float: left;
width: 100px;
}

.comment {
margin-bottom: -2px;
}

.textfeld {
width: 280px;
font-size: 12px;
font-family: verdana, arial, sans-serif;
border: 1px #888 solid;
background-color: #fefefe;
color: #000;
padding:4px;
margin-bottom: 0px;
}

.captcha {
float: left;
width: 180px;
}

.textfeld2 {
width: 140px;
font-size: 15px;
font-family: verdana, arial, sans-serif;
border: 1px #888 solid;
background-color: #fefefe;
color: #000;
padding:5px;
margin-bottom: 6px;
}

.kommentarfeld {
width: 480px;
font-size: 12px;
font-family: verdana, arial, sans-serif;
border: 1px #888 solid;
background-color: #fefefe;
color: #000;
height: 260px;
padding:4px;
margin-bottom: 2px;
}

.sendbutton {
margin: 20px 35px 40px 0;
padding:6px;
padding-left: 11px;
padding-right: 11px;
}

.sendbutton2 {
margin: 10px 0 1px 0;
padding:4px;
padding-left: 11px;
padding-right: 11px;
}


/* Suche
____________________________________*/


.suche {
float: left;
margin: -36px 0 0 773px;
}


.suchfeld {
width: 90px;
font-size: 12px;
font-family: verdana, arial, sans-serif;
border: 1px #f00 solid;
background-color: #222;
color: #fff;
padding:1px;
padding-bottom:2px;
margin-top: 2px;
}

.suchbutton {
font-size: 11px;
padding: 0 2px 0 2px;

}


/*Tags
____________________________________*/


.tagcloud {
text-align: center;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
color: #000;
letter-spacing: 1px;
line-height: 20px;
margin: 10px 40px 44px 40px;
}